:root{--orange:#FF8A00;--navy:#0A2A3A;--soft-white:#F7F8FA;--cyan:#FF8A00;--blue:#0A2A3A;--ink:#0A2A3A}
body{background:var(--soft-white);color:var(--navy)}
.site-header{background:rgba(10,42,58,.9);border-bottom:1px solid rgba(247,248,250,.12);backdrop-filter:blur(18px)}
.site-header.scrolled{background:rgba(10,42,58,.97)}
.site-header>.brand,.footer-brand .brand{width:224px;height:56px;flex:0 0 224px;background:url("assets/adial-branding-kit-and-logos/advicedial_primary.png") left center/contain no-repeat;font-size:0}
.site-header>.brand .brand-mark,.site-header>.brand>span:last-child,.footer-brand .brand .brand-mark,.footer-brand .brand>span:last-child{display:none}
.site-nav>a:not(.button){color:#e5edf1!important}.site-nav>a:not(.button):hover{color:var(--orange)!important}.site-nav .button-outline{color:#fff!important;background:transparent}
.button-primary{background:var(--orange);color:var(--navy);box-shadow:0 12px 30px rgba(255,138,0,.2)}
.button-outline{border-color:rgba(247,248,250,.42)}
.hero,.page-hero,.story-hero{background:radial-gradient(circle at 82% 34%,rgba(255,138,0,.19),transparent 30%),linear-gradient(135deg,#071f2b,#0A2A3A 58%,#123f52);color:var(--soft-white)}
.hero h1{color:var(--soft-white)}.hero .hero-lead{color:#c4d3da}.hero .hero-lead strong{color:#fff}.hero .trust-strip{color:#a9bdc7}
.hero:after,.page-hero:after{content:"";position:absolute;inset:0;background:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg") right -90px top 95px/640px auto no-repeat;opacity:.035;pointer-events:none}
h1 em,h2 em,.text-link,.stage-label,.journey-tabs b,.market-list button span{color:var(--orange)}
.eyebrow span,.journey-tabs button:after,.console-progress i{background:var(--orange)}
.home-ribbon-logo{content:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg");opacity:.055}
.brand-layer-story{position:relative;overflow:hidden;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(2.5rem,6vw,7rem);align-items:center;background:#0A2A3A;color:var(--soft-white)}
.brand-layer-story:before{content:"";position:absolute;width:620px;height:440px;left:-190px;bottom:-190px;background:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg") center/contain no-repeat;background-image:url("assets/adial-branding-kit-and-logos/a_mark_crisp_white.svg");filter:none;opacity:.035}
.brand-layer-copy{position:relative;z-index:1}.brand-layer-copy h2{font-size:clamp(3rem,5vw,6rem);letter-spacing:-.055em;margin:.7rem 0 1.3rem}.brand-layer-copy>p{color:#c4d3da;font-size:1.12rem;line-height:1.7}.brand-layer-copy .brand-line{color:#fff;font-weight:700}.brand-layer-visual img{width:100%;border-radius:28px;box-shadow:0 36px 90px rgba(0,0,0,.28)}
.brand-a-motion{position:relative;width:240px;height:95px;margin-top:2rem;display:flex;align-items:center}.brand-a-motion img{width:100px;animation:a-reform 5s ease-in-out infinite}.brand-a-motion i{position:absolute;left:20px;right:0;height:9px;border-radius:99px;background:linear-gradient(90deg,var(--orange),rgba(255,138,0,.12));transform-origin:left;animation:layer-expand 5s ease-in-out infinite}
@keyframes a-reform{0%,18%,82%,100%{transform:scale(1);opacity:1}42%,65%{transform:scaleX(2.15) scaleY(.13) translateX(30px);opacity:.2}}
@keyframes layer-expand{0%,18%,82%,100%{transform:scaleX(.05);opacity:0}42%,65%{transform:scaleX(1);opacity:1}}
.app-ecosystem,.pricing-section,.skills-section{background:var(--soft-white)}
.app-pill.featured,.enterprise,.platform-section,.markets-section,footer{background:var(--navy)}
.price-card.featured{border-color:var(--orange);box-shadow:0 20px 50px rgba(255,138,0,.12)}.popular{background:var(--orange);color:var(--navy)}
.footer-brand p strong{color:var(--orange)}
@media(max-width:1050px){.brand-layer-story{grid-template-columns:1fr}.brand-layer-visual{max-width:900px}}
@media(max-width:760px){.site-header>.brand{width:52px;height:48px;flex-basis:52px;background-image:url("assets/adial-branding-kit-and-logos/a_mark_crisp.svg");background-position:center}.footer-brand .brand{width:210px;height:54px}.brand-layer-story{padding-top:5rem}.brand-layer-copy h2{font-size:clamp(2.7rem,13vw,4.4rem)}.brand-a-motion{width:190px}.brand-layer-visual img{border-radius:18px}.hero:after{background-size:390px}}
@media(prefers-reduced-motion:reduce){.brand-a-motion img,.brand-a-motion i{animation:none}.brand-a-motion i{display:none}}