/* ADVICEDIAL v67 — FINAL VISUAL LOCK
   Matches the approved visual direction: deep navy, luminous orange, exact supplied logo assets.
   No CSS/SVG recreation of Advicedial or Adial wordmarks. */
:root{
  --adial-orange:#FF8A00;
  --adial-orange-soft:#FFB35C;
  --adial-navy:#0A2A3A;
  --adial-navy-deep:#041923;
  --adial-white:#F7F8FA;
}

/* MASTER LOGOS */
.site-header .brand-logo{content:url("assets/adial-branding-kit-and-logos/advicedial_primary_on_dark.png")!important;width:176px!important;max-height:46px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;opacity:1!important}
.site-header{background:#031923!important;border-bottom:1px solid rgba(255,138,0,.14)!important}
@media(max-width:760px){.site-header .brand-logo{content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg")!important;width:50px!important;height:38px!important;object-fit:contain!important}.site-header .brand{width:58px!important}}

/* HERO — clean, premium, screenshot-style */
.story-hero{background:radial-gradient(circle at 78% 43%,rgba(255,138,0,.08),transparent 28%),linear-gradient(135deg,#062837 0%,#052533 55%,#041a25 100%)!important;color:#fff!important;min-height:820px!important}
.story-hero .hero-copy h1{color:#fff!important;letter-spacing:-.055em!important;line-height:.94!important}
.story-hero .hero-copy h1 em{color:var(--adial-orange)!important}
.story-hero .hero-definition{color:#d8e3e8!important}
.story-hero .hero-definition strong{color:#fff!important}
.story-hero .button-primary{background:var(--adial-orange)!important;border-color:var(--adial-orange)!important;color:#101820!important;box-shadow:0 8px 26px rgba(255,138,0,.22)!important}
.story-hero .button-ghost{background:#aebbc1!important;color:#17303d!important;border-color:#aebbc1!important}
.story-hero .trust-strip{color:#c8d4da!important}

/* CHAT — intentionally Slack familiar, but unmistakably Adial */
.hero-chat-visual .adial-chat-demo{grid-template-columns:230px minmax(0,1fr)!important;max-width:900px!important;border:1px solid var(--adial-orange)!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 28px 72px rgba(0,0,0,.34),0 0 34px rgba(255,138,0,.08)!important}
.hero-chat-visual .chat-sidebar{background:linear-gradient(180deg,#0B2D3D 0%,#082735 68%,#061D29 100%)!important;border-right:1px solid rgba(255,255,255,.09)!important;color:#fff!important}
.hero-chat-visual .chat-workspace-name{height:72px!important;padding:0 1rem!important;border-bottom:1px solid rgba(255,255,255,.10)!important;grid-template-columns:minmax(0,1fr) auto!important}
.hero-chat-visual .chat-workspace-name>img{content:url("assets/adial-branding-kit-and-logos/adial_primary_on_dark.png")!important;width:158px!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;opacity:1!important}
.hero-chat-visual .chat-workspace-name>i{color:#aebac0!important}
.hero-chat-visual .chat-sidebar nav{padding:.75rem .58rem!important}
.hero-chat-visual .chat-sidebar nav p{color:#aebbc1!important}
.hero-chat-visual .chat-sidebar nav a{min-height:34px!important;padding:.38rem .62rem!important;border-radius:7px!important;color:#d8e1e5!important;font-size:.62rem!important}
.hero-chat-visual .chat-sidebar nav a:hover{background:rgba(255,138,0,.12)!important}
.hero-chat-visual .chat-sidebar nav a.active{background:linear-gradient(90deg,#e66e17,#ff8a00)!important;color:#fff!important;box-shadow:0 5px 15px rgba(255,138,0,.18)!important}
.hero-chat-visual .chat-sidebar nav a.active i{color:#fff!important}
.hero-chat-visual .chat-sidebar nav a em{background:#fff!important;color:#d96614!important;font-size:.4rem!important;width:auto!important;padding:0 .35rem!important}
.hero-chat-visual .chat-sidebar-profile{border-top:1px solid rgba(255,255,255,.1)!important}
.hero-chat-visual .chat-main{background:#fff!important}
.hero-chat-visual .chat-channel-header{height:68px!important;border-bottom:2px solid rgba(255,138,0,.55)!important;padding:0 1rem!important;background:#fff!important}
.hero-chat-visual .chat-channel-header b{font-size:.72rem!important;color:#14242d!important}
.hero-chat-visual .chat-channel-header small{font-size:.49rem!important;color:#758087!important}
.hero-chat-visual .chat-channel-header>em{border:1px solid #e2e7e9!important;border-radius:999px!important;padding:.34rem .55rem!important;color:#253943!important;background:#fff!important}
.hero-chat-visual .chat-channel-header>em img{width:25px!important;height:25px!important;object-fit:contain!important}
.hero-chat-visual .chat-thread{padding:.9rem 1rem .05rem!important}
.hero-chat-visual .chat-bubble{grid-template-columns:38px 1fr!important;gap:.65rem!important;margin-bottom:.72rem!important}
.hero-chat-visual .chat-avatar{width:38px!important;height:38px!important;border-radius:9px!important}
.hero-chat-visual .chat-logo-avatar{padding:7px!important;background:var(--adial-orange)!important;box-shadow:0 4px 10px rgba(255,138,0,.22)!important}
.hero-chat-visual .chat-logo-avatar img{width:100%!important;height:100%!important;object-fit:contain!important;filter:brightness(0) invert(1)!important}
.hero-chat-visual .chat-bubble>div{padding:.74rem .85rem!important;border:1px solid #dfe5e8!important;border-radius:13px!important;background:#f8fafb!important}
.hero-chat-visual .chat-bubble.chat-adial>div{background:#fffaf6!important;border-color:#f2cda9!important}
.hero-chat-visual .chat-bubble p{font-size:.67rem!important;line-height:1.44!important;color:#33444e!important}
.hero-chat-visual .chat-workspace{margin:.15rem 1rem .82rem!important;border:1px solid #ead5c0!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 4px 12px rgba(29,28,29,.055)!important}
.hero-chat-visual .chat-workspace-heading{padding:.62rem .72rem!important;background:linear-gradient(90deg,#fff8f1,#fff)!important}
.hero-chat-visual .chat-workspace-heading .chat-logo-avatar{width:29px!important;height:29px!important;padding:5px!important}
.hero-chat-visual .chat-workspace li{padding:.52rem .72rem!important}
.hero-chat-visual .chat-workspace li:nth-child(3) i{background:var(--adial-orange)!important;border-color:var(--adial-orange)!important}
.hero-chat-visual .chat-progress i{background:var(--adial-orange)!important}
.hero-chat-visual .chat-result{margin:0 1rem .78rem!important;padding:.64rem!important;border:1px solid #f0d6bd!important;border-radius:12px!important;background:#fffbf7!important;grid-template-columns:38px minmax(0,1fr) auto!important}
.hero-chat-visual .chat-result button{background:#122732!important;color:#fff!important;border:0!important;border-radius:7px!important;padding:.5rem .65rem!important}
.hero-chat-visual .chat-composer>div{border:1px solid #d7dfe2!important;border-radius:10px!important}
.hero-chat-visual .chat-composer p button{background:var(--adial-orange)!important}

/* THE LAYER — NO CARD. The luminous orange layer is the object. */
.brand-layer-story{position:relative!important;display:grid!important;grid-template-columns:minmax(350px,.78fr) minmax(620px,1.22fr)!important;gap:4.5rem!important;align-items:center!important;min-height:780px!important;padding:6.2rem max(5vw,56px)!important;background:radial-gradient(circle at 70% 48%,rgba(255,138,0,.10),transparent 27%),linear-gradient(180deg,#062936 0%,#052430 60%,#041a24 100%)!important;color:#fff!important;overflow:hidden!important}
.brand-layer-story:after{content:""!important;position:absolute!important;right:-7%!important;top:3%!important;width:450px!important;height:340px!important;background:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg") center/contain no-repeat!important;background-image:url("assets/adial-branding-kit-and-logos/a_mark_crisp_white.svg")!important;filter:none!important;opacity:.025!important;pointer-events:none!important}
.brand-layer-copy{position:relative!important;z-index:3!important;max-width:560px!important}
.brand-layer-copy .eyebrow{color:#e9f0f3!important}.brand-layer-copy h2{color:#fff!important;font-size:clamp(3.8rem,5.7vw,6.6rem)!important;line-height:.9!important;letter-spacing:-.06em!important}.brand-layer-copy h2 em{color:var(--adial-orange)!important;font-style:normal!important}
.brand-layer-copy>p{color:#d7e1e5!important;font-size:1.05rem!important;line-height:1.65!important}.brand-layer-copy .brand-line{color:#fff!important;font-weight:700!important}.brand-a-motion img{width:82px!important;filter:drop-shadow(0 0 12px rgba(255,138,0,.34))!important}
.live-layer{position:relative!important;z-index:3!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;min-height:520px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.live-layer:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 50% 49%,rgba(255,138,0,.13),transparent 37%)!important;pointer-events:none!important}
.layer-people{position:relative!important;z-index:5!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.8rem!important;padding:0 1.4rem!important}
.layer-people span{min-height:76px!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(21,67,85,.96),rgba(8,42,56,.94))!important;color:#fff!important;box-shadow:0 14px 28px rgba(0,0,0,.22)!important;font-size:.66rem!important;font-weight:700!important;padding:.7rem .35rem!important}
.layer-people svg{stroke:#fff!important;width:30px!important;height:30px!important}
.layer-flows{position:relative!important;z-index:4!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;padding:0 1.4rem!important}
.layer-flows-top{height:72px!important}.layer-flows-bottom{height:74px!important;grid-template-columns:repeat(7,1fr)!important;padding:0 1.3rem!important}
.layer-flows i{justify-self:center!important;width:2px!important;height:100%!important;background:repeating-linear-gradient(to bottom,#ff9e32 0 5px,transparent 5px 9px)!important;filter:drop-shadow(0 0 5px rgba(255,138,0,.8))!important;position:relative!important}
.layer-flows i:after{content:""!important;position:absolute!important;left:50%!important;top:48%!important;transform:translate(-50%,-50%)!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#fff0db!important;box-shadow:0 0 13px var(--adial-orange)!important}
.layer-platform{position:relative!important;z-index:5!important;min-height:220px!important;margin:-36px -12px -34px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;filter:none!important}
.layer-platform:before{content:""!important;position:absolute!important;left:1%!important;right:1%!important;top:28px!important;height:168px!important;border-radius:50% / 28%!important;background:radial-gradient(ellipse at 50% 25%,#ffd493 0%,#ffb24e 28%,#ff941e 58%,#ff7e08 83%,#f26d00 100%)!important;border:1px solid rgba(255,239,218,.85)!important;box-shadow:0 0 26px rgba(255,138,0,.80),0 0 65px rgba(255,138,0,.28),inset 0 13px 28px rgba(255,255,255,.22),inset 0 -14px 24px rgba(126,52,0,.12)!important}
.layer-platform:after{content:""!important;position:absolute!important;left:5%!important;right:5%!important;top:52px!important;height:90px!important;border:1px solid rgba(255,230,196,.36)!important;border-radius:50%!important;box-shadow:0 0 18px rgba(255,138,0,.25)!important}
.layer-platform .layer-orbit{display:block!important;position:absolute!important;left:14%!important;right:14%!important;top:66px!important;height:62px!important;border:1px solid rgba(255,230,196,.28)!important;border-radius:50%!important;z-index:2!important}
.layer-platform img{content:url("assets/adial-branding-kit-and-logos/adial_primary.png")!important;position:relative!important;z-index:4!important;width:54%!important;max-width:380px!important;height:auto!important;object-fit:contain!important;filter:none!important;opacity:1!important}
.layer-systems{position:relative!important;z-index:6!important;display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:.7rem!important;padding:0 .8rem!important;margin-top:-18px!important}
.layer-systems span{min-height:68px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(10,42,58,.08)!important;box-shadow:0 11px 22px rgba(0,0,0,.17)!important;padding:.58rem!important;color:#122833!important;display:flex!important;align-items:center!important;justify-content:center!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:94px!important;max-height:29px!important}.layer-systems small{color:#17313f!important}.layer-mobile-close{display:none!important}

/* EXACT LOGO ASSET USAGE IN OTHER DARK PLACES */
.home-dial-visual .dial-core-logo{content:url("assets/adial-branding-kit-and-logos/adial_primary_on_dark.png")!important;width:170px!important;height:auto!important;object-fit:contain!important;filter:none!important}

/* MOBILE — match the approved reference: vertical, cinematic, luminous */
@media(max-width:760px){
  .story-hero{min-height:auto!important;padding-bottom:3rem!important}.story-hero .hero-copy{text-align:center!important}
  .hero-chat-visual .adial-chat-demo{grid-template-columns:1fr!important;border-radius:16px!important}.hero-chat-visual .chat-sidebar{display:none!important}.hero-chat-visual .chat-channel-header{height:58px!important;padding:0 .75rem!important}.hero-chat-visual .chat-thread{padding:.72rem!important}.hero-chat-visual .chat-workspace{margin:0 .72rem .7rem!important}.hero-chat-visual .chat-result{margin:0 .72rem .7rem!important;grid-template-columns:34px minmax(0,1fr)!important}.hero-chat-visual .chat-result button{grid-column:2!important;margin-top:.4rem!important;width:max-content!important}
  .brand-layer-story{display:block!important;min-height:0!important;padding:3.9rem 14px 3rem!important;background:radial-gradient(circle at 50% 43%,rgba(255,138,0,.16),transparent 24%),linear-gradient(180deg,#062936,#041923)!important}.brand-layer-copy{text-align:center!important;max-width:none!important}.layer-kicker-desktop{display:none!important}.layer-kicker-mobile{display:block!important;color:#ffb15f!important;letter-spacing:.24em!important}.brand-layer-copy h2{font-size:3.2rem!important;line-height:.95!important;margin:.65rem 0 1rem!important}.brand-layer-copy>p{font-size:.98rem!important;line-height:1.52!important}.brand-layer-copy .brand-line,.brand-a-motion{display:none!important}
  .live-layer{margin-top:1.8rem!important;min-height:0!important;display:block!important}.layer-people{gap:.55rem!important;padding:0!important}.layer-people span{min-height:102px!important;font-size:.68rem!important;border-radius:15px!important}.layer-people svg{width:34px!important;height:34px!important}.layer-flows-top{height:68px!important;padding:0!important}.layer-platform{min-height:178px!important;margin:-31px -8px -27px!important}.layer-platform:before{left:-1%!important;right:-1%!important;top:20px!important;height:146px!important}.layer-platform:after{top:42px!important;height:80px!important}.layer-platform .layer-orbit{top:55px!important;height:54px!important}.layer-platform img{width:66%!important;max-width:285px!important}.layer-flows-bottom{height:64px!important;padding:0 .2rem!important}.layer-systems{grid-template-columns:repeat(12,1fr)!important;gap:.55rem!important;padding:0!important;margin-top:-15px!important}.layer-systems span{min-height:72px!important;border-radius:12px!important;padding:.5rem!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:74px!important;max-height:28px!important}.layer-mobile-close{display:block!important;margin-top:1.65rem!important;text-align:center!important;color:#fff!important}.layer-mobile-close>p{color:#dce5e9!important;font-size:.97rem!important;line-height:1.5!important}.layer-action{display:inline-flex!important;align-items:center!important;gap:.7rem!important;margin:1rem auto 1.4rem!important;border:1px solid var(--adial-orange)!important;border-radius:999px!important;padding:.8rem 1.4rem!important;color:#fff!important;box-shadow:0 0 20px rgba(255,138,0,.25)!important}.layer-benefits{display:grid!important;grid-template-columns:repeat(2,1fr)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:18px!important;overflow:hidden!important;background:rgba(2,20,29,.42)!important}.layer-benefits article{padding:1rem .55rem!important;border-color:rgba(255,255,255,.08)!important}.layer-benefits b{color:#fff!important}.layer-benefits small{color:#bcc9cf!important}.layer-future{margin-top:1.7rem!important;color:#fff!important;letter-spacing:.25em!important;text-transform:uppercase!important;font-size:.62rem!important}
}