/* =============================================================
   ADVICEDIAL V68 — VISUAL POLISH / LOGO & COMPONENT LOCK
   Final override. Do not redraw the brand marks in CSS/SVG.
   ============================================================= */
:root{--adial-orange:#FF8A00;--adial-navy:#0A2A3A;--adial-deep:#041923;--adial-white:#F7F8FA}

/* LOGO RENDERING — no content:url swaps, no squashing */
.site-header .brand{display:flex!important;align-items:center!important;min-width:210px!important}
.site-header .brand-logo{content:normal!important;width:205px!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;filter:none!important;opacity:1!important;image-rendering:auto!important}
footer .brand-logo{content:normal!important;width:230px!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:none!important}

/* HERO CHAT — closer to the approved visual reference */
.story-hero{grid-template-columns:minmax(420px,.78fr) minmax(700px,1.22fr)!important;gap:4.2rem!important;align-items:center!important;padding-left:max(5.2vw,70px)!important;padding-right:max(5.2vw,70px)!important}
.hero-chat-visual{display:flex!important;justify-content:center!important;align-items:center!important}
.hero-chat-visual .adial-chat-demo{width:min(100%,820px)!important;max-width:820px!important;min-height:610px!important;grid-template-columns:228px minmax(0,1fr)!important;border:1.5px solid rgba(255,138,0,.86)!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 30px 80px rgba(0,0,0,.36),0 0 34px rgba(255,138,0,.10)!important}
.hero-chat-visual .chat-sidebar{background:linear-gradient(180deg,#0B2D3D 0%,#082735 64%,#061D29 100%)!important}
.hero-chat-visual .chat-workspace-name{min-height:86px!important;padding:18px 16px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.hero-chat-visual .chat-workspace-name>img{content:normal!important;width:152px!important;height:auto!important;max-height:44px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;opacity:1!important;image-rendering:auto!important}
.hero-chat-visual .chat-workspace-name:after{content:"ADVISER LAYER";position:absolute!important;left:18px!important;top:67px!important;color:#ff8a00!important;font-size:.48rem!important;font-weight:800!important;letter-spacing:.19em!important}
.hero-chat-visual .chat-sidebar nav{padding:1.05rem .7rem .6rem!important;margin-top:8px!important}
.hero-chat-visual .chat-sidebar nav p{margin:.35rem .35rem .45rem!important;font-size:.62rem!important}
.hero-chat-visual .chat-sidebar nav a{font-size:.67rem!important;line-height:1.2!important;min-height:35px!important;padding:.42rem .58rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hero-chat-visual .chat-sidebar nav a em{font-size:.42rem!important;padding:.1rem .32rem!important;flex:none!important}
.hero-chat-visual .chat-main{min-width:0!important;background:#fff!important}
.hero-chat-visual .chat-channel-header{height:72px!important;padding:0 18px!important;border-bottom:2px solid rgba(255,138,0,.45)!important}
.hero-chat-visual .chat-channel-header>div b{font-size:.86rem!important}.hero-chat-visual .chat-channel-header>div small{font-size:.56rem!important}
.hero-chat-visual .chat-channel-header em{gap:6px!important;padding:.35rem .55rem!important;border-radius:999px!important;white-space:nowrap!important}
.hero-chat-visual .chat-channel-header em img{width:24px!important;height:20px!important;object-fit:contain!important}
.hero-chat-visual .chat-thread{padding:16px 18px 8px!important}
.hero-chat-visual .chat-bubble{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;margin-bottom:10px!important}
.hero-chat-visual .chat-bubble>div{padding:11px 13px!important;border-radius:12px!important}.hero-chat-visual .chat-bubble p{font-size:.70rem!important;line-height:1.43!important}
.hero-chat-visual .chat-avatar{width:34px!important;height:34px!important;border-radius:8px!important}
.hero-chat-visual .chat-logo-avatar{background:var(--adial-orange)!important;padding:6px!important;display:grid!important;place-items:center!important}
.hero-chat-visual .chat-logo-avatar img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
.hero-chat-visual .chat-workspace{margin:0 18px 10px!important;border-radius:12px!important;overflow:hidden!important}
.hero-chat-visual .chat-workspace-heading{min-height:50px!important;padding:8px 12px!important}.hero-chat-visual .chat-workspace-heading img{width:23px!important;height:18px!important;object-fit:contain!important}
.hero-chat-visual .chat-workspace>strong{font-size:.68rem!important;padding:10px 12px 7px!important}.hero-chat-visual .chat-workspace li{min-height:39px!important;padding:7px 12px!important;font-size:.62rem!important}
.hero-chat-visual .chat-result{margin:0 18px 10px!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:10px!important;padding:11px!important;border-radius:12px!important}.hero-chat-visual .chat-result p{font-size:.66rem!important;line-height:1.4!important}.hero-chat-visual .chat-result button{font-size:.58rem!important;padding:.65rem .75rem!important;white-space:nowrap!important}
.hero-chat-visual .chat-composer{margin:0 18px 16px!important;min-height:70px!important}

/* LAYER — elegant wide platform, not a giant pill */
.brand-layer-story{grid-template-columns:minmax(390px,.72fr) minmax(700px,1.28fr)!important;gap:4.5rem!important;min-height:800px!important;padding:6rem max(5.2vw,70px)!important}
.brand-layer-copy h2{font-size:clamp(4.5rem,5.7vw,6.8rem)!important;line-height:.88!important}
.live-layer{position:relative!important;max-width:930px!important;margin-inline:auto!important;padding:0 10px!important}
.layer-people{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;padding:0 40px!important;position:relative!important;z-index:8!important}
.layer-people span{min-height:82px!important;border-radius:14px!important;background:linear-gradient(180deg,#123f51,#0b3141)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important;font-size:.78rem!important}
.layer-flows-top{height:70px!important;padding:0 15%!important}.layer-flows-bottom{height:72px!important;padding:0 10%!important}
.layer-platform{min-height:190px!important;margin:-22px -15px -28px!important;position:relative!important;overflow:visible!important}
.layer-platform:before{left:3%!important;right:3%!important;top:24px!important;height:145px!important;border-radius:50% / 26%!important;background:radial-gradient(ellipse at 50% 20%,#ffd59a 0%,#ffbc62 22%,#ffa336 47%,#ff8a12 72%,#f67600 100%)!important;border:1.5px solid rgba(255,239,218,.92)!important;box-shadow:0 0 32px rgba(255,138,0,.82),0 0 78px rgba(255,138,0,.26),inset 0 12px 24px rgba(255,255,255,.24),inset 0 -12px 20px rgba(126,52,0,.10)!important}
.layer-platform:after{left:9%!important;right:9%!important;top:48px!important;height:82px!important;border:1px solid rgba(255,239,218,.30)!important}
.layer-platform .layer-orbit{left:16%!important;right:16%!important;top:63px!important;height:54px!important;border-color:rgba(255,239,218,.24)!important}
.layer-platform img{content:normal!important;width:390px!important;max-width:54%!important;height:auto!important;max-height:110px!important;object-fit:contain!important;filter:none!important;opacity:1!important;image-rendering:auto!important}
.layer-systems{grid-template-columns:repeat(12,1fr)!important;gap:12px!important;padding:0 28px!important;margin-top:-4px!important;position:relative!important;z-index:8!important}
.layer-systems span{min-height:68px!important;background:#fff!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;box-shadow:0 10px 24px rgba(0,0,0,.14)!important}
.layer-systems span:nth-child(-n+4){grid-column:span 3!important}.layer-systems span:nth-child(n+5){grid-column:span 4!important}
.layer-systems img{max-width:106px!important;max-height:35px!important;width:auto!important;height:auto!important;object-fit:contain!important}.layer-systems small{font-size:.48rem!important;margin-top:2px!important}

/* SERVICE DIAL — fix logo clarity and card text wrapping */
.home-agent-intro{grid-template-columns:minmax(390px,.70fr) minmax(650px,1.30fr)!important;gap:4rem!important}
.home-dial-visual .adial-demo{max-width:900px!important;min-height:760px!important}
.home-dial-visual .dial-core{width:260px!important;height:260px!important}
.home-dial-visual .dial-core-logo{content:normal!important;width:178px!important;height:auto!important;max-height:56px!important;object-fit:contain!important;filter:none!important;image-rendering:auto!important;margin-bottom:14px!important}
.home-dial-visual .dial-core small{font-size:.62rem!important;letter-spacing:.18em!important;color:#ff8a00!important;font-weight:800!important;margin-top:0!important}
.home-dial-visual .dial-option{width:190px!important;min-height:88px!important;padding:15px 18px!important;font-size:1rem!important;line-height:1.2!important;text-align:left!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
.home-dial-visual .dial-option span{font-size:.72rem!important;margin-bottom:5px!important}
.home-dial-visual .dial-result h2{font-size:1.18rem!important;line-height:1.22!important;color:#fff!important}.home-dial-visual .dial-result p{font-size:.78rem!important;line-height:1.5!important}

@media(max-width:1100px){
  .story-hero{grid-template-columns:1fr!important;padding-left:34px!important;padding-right:34px!important}.hero-chat-visual .adial-chat-demo{max-width:900px!important;margin-inline:auto!important}.brand-layer-story{grid-template-columns:1fr!important;padding-left:34px!important;padding-right:34px!important}.home-agent-intro{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .site-header .brand{min-width:58px!important}.site-header .brand-logo{content:normal!important;width:52px!important;height:auto!important;max-height:none!important}
  .story-hero{padding:3.2rem 16px 3rem!important}.hero-chat-visual .adial-chat-demo{grid-template-columns:1fr!important;min-height:0!important}.hero-chat-visual .chat-sidebar{display:none!important}
  .brand-layer-story{padding:3.9rem 14px 3rem!important}.brand-layer-copy h2{font-size:3.15rem!important}.live-layer{padding:0!important}.layer-people{gap:8px!important;padding:0!important}.layer-people span{min-height:102px!important;font-size:.68rem!important}.layer-platform{min-height:180px!important;margin:-28px -10px -26px!important}.layer-platform:before{left:-2%!important;right:-2%!important;top:20px!important;height:148px!important}.layer-platform img{width:285px!important;max-width:68%!important;max-height:82px!important}.layer-systems{gap:8px!important;padding:0!important}.layer-systems span{min-height:70px!important}.layer-systems img{max-width:76px!important;max-height:30px!important}
  .home-dial-visual .adial-demo{min-height:700px!important}.home-dial-visual .dial-option{width:145px!important;min-height:76px!important;font-size:.8rem!important;padding:11px 13px!important}.home-dial-visual .dial-core{width:210px!important;height:210px!important}.home-dial-visual .dial-core-logo{width:142px!important;max-height:44px!important}
}

/* =============================================================
   V69 SERVICE SELECTOR HARD FIX
   Purpose: eliminate icon/number/text collisions and lock the dial layout
   to the approved visual reference at desktop/tablet sizes.
   ============================================================= */
.home-dial-visual .adial-demo{
  min-height:780px!important;
  padding:22px 24px 26px!important;
}
.home-dial-visual .adial-dial{
  width:660px!important;
  height:610px!important;
  max-width:100%!important;
  margin:8px auto 0!important;
}
.home-dial-visual .dial-core{
  width:250px!important;
  height:250px!important;
  border-width:1.5px!important;
}
.home-dial-visual .dial-core-logo{
  width:172px!important;
  max-width:72%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 0 14px!important;
  display:block!important;
}
.home-dial-visual .dial-core small{
  display:block!important;
  margin:0 0 10px!important;
  color:#ff8a00!important;
  font-size:.64rem!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
.home-dial-visual .dial-core em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:5px 12px!important;
  border:1px solid rgba(255,138,0,.34)!important;
  border-radius:999px!important;
  color:#dbe4e8!important;
  font-size:.52rem!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  font-style:normal!important;
  white-space:nowrap!important;
}

.home-dial-visual .dial-option,
.home-dial-visual .dial-option[data-angle]{
  position:absolute!important;
  width:186px!important;
  min-height:86px!important;
  padding:14px 16px 14px 60px!important;
  border-radius:18px!important;
  display:block!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  color:#fff!important;
  font-size:inherit!important;
  line-height:1!important;
}
.home-dial-visual .dial-option:after{
  position:absolute!important;
  left:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,138,0,.52)!important;
  color:#fff!important;
  background:rgba(255,138,0,.055)!important;
  box-shadow:inset 0 0 12px rgba(255,138,0,.08)!important;
  font-size:.9rem!important;
  line-height:1!important;
}
.home-dial-visual .dial-option span{
  display:block!important;
  position:static!important;
  margin:0 0 6px!important;
  padding:0!important;
  color:#ff8a00!important;
  font-size:.66rem!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  font-weight:800!important;
}
.home-dial-visual .dial-option b{
  display:block!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:.83rem!important;
  line-height:1.25!important;
  font-weight:750!important;
  letter-spacing:0!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.home-dial-visual .dial-option[data-angle="-90"]{left:calc(50% - 93px)!important;top:0!important}
.home-dial-visual .dial-option[data-angle="-30"]{right:0!important;top:120px!important}
.home-dial-visual .dial-option[data-angle="30"]{right:0!important;bottom:120px!important}
.home-dial-visual .dial-option[data-angle="90"]{left:calc(50% - 93px)!important;bottom:0!important}
.home-dial-visual .dial-option[data-angle="150"]{left:0!important;bottom:120px!important}
.home-dial-visual .dial-option[data-angle="210"]{left:0!important;top:120px!important}

.home-dial-visual .dial-result{
  margin:8px 18px 0!important;
  min-height:118px!important;
  padding:18px 22px!important;
  border-radius:16px!important;
  align-items:center!important;
}
.home-dial-visual .dial-result h2,
.home-dial-visual .dial-result [data-dial-title]{
  color:#f7f8fa!important;
  opacity:1!important;
  font-size:1.08rem!important;
  line-height:1.24!important;
  margin:.35rem 0 .4rem!important;
}
.home-dial-visual .dial-result p,
.home-dial-visual .dial-result [data-dial-copy]{
  color:#cbd7dd!important;
  opacity:1!important;
  font-size:.73rem!important;
  line-height:1.45!important;
}
.home-dial-visual .dial-output strong{
  color:#fff!important;
  font-size:.78rem!important;
  line-height:1.35!important;
}

@media (max-width:1100px) and (min-width:761px){
  .home-dial-visual .adial-demo{max-width:860px!important;margin-inline:auto!important}
  .home-dial-visual .adial-dial{width:630px!important;height:590px!important}
  .home-dial-visual .dial-option,.home-dial-visual .dial-option[data-angle]{width:176px!important;min-height:82px!important;padding-left:56px!important}
  .home-dial-visual .dial-option[data-angle="-90"],.home-dial-visual .dial-option[data-angle="90"]{left:calc(50% - 88px)!important}
}

@media(max-width:760px){
  .home-dial-visual .adial-demo{min-height:0!important;padding:16px!important}
  .home-dial-visual .adial-dial{
    width:100%!important;height:auto!important;margin:0!important;padding:10px 0!important;
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important;transform:none!important;
  }
  .home-dial-visual .adial-dial:before,
  .home-dial-visual .dial-rings,
  .home-dial-visual .dial-core,
  .home-dial-visual .dial-pointer{display:none!important}
  .home-dial-visual .dial-option,
  .home-dial-visual .dial-option[data-angle]{
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;min-height:72px!important;padding:12px 14px 12px 58px!important;transform:none!important;
  }
  .home-dial-visual .dial-option:after{left:14px!important;width:30px!important;height:30px!important}
  .home-dial-visual .dial-option span{font-size:.62rem!important;margin-bottom:4px!important}
  .home-dial-visual .dial-option b{font-size:.82rem!important}
  .home-dial-visual .dial-result{margin:12px 0 0!important;padding:16px!important;grid-template-columns:1fr!important}
}