/* ==========================================================================
   AUTONOMOUS AI — HOMEPAGE  (production, mobile-first, tokens only)
   Faithful to the approved Figma benchmark. No raw colours; --aai-* only.
   ========================================================================== */

/* ---- Reset / base ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  font-family:var(--aai-font-sans);
  font-size:var(--aai-text-md);
  line-height:var(--aai-leading-relaxed);
  color:var(--aai-text-primary);
  background:var(--aai-surface-page);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
h1,h2,h3,h4{font-family:var(--aai-font-serif);font-weight:var(--aai-weight-semibold);color:var(--aai-text-primary)}
:focus-visible{outline:none;box-shadow:var(--aai-shadow-focus);border-radius:var(--aai-radius-xs)}

.skip-link{position:absolute;left:-999px;top:0;background:var(--aai-surface-brand);color:var(--aai-text-on-brand);padding:.75rem 1rem;border-radius:var(--aai-radius-sm);z-index:999}
.skip-link:focus{left:1rem;top:1rem}

/* ---- Layout ---- */
.wrap{width:100%;max-width:var(--aai-container);margin-inline:auto;padding-inline:var(--aai-gutter)}
.section{padding-block:clamp(3rem,7vw,5.5rem)}
.section--sunken{background:var(--aai-surface-sunken)}
.section--brandsub{background:var(--aai-surface-brand-sub)}
.section--inverse{background:var(--aai-surface-inverse)}
.centered{text-align:center;margin-inline:auto}
.eyebrow{font-family:var(--aai-font-sans);font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-xs);letter-spacing:var(--aai-tracking-wider);text-transform:uppercase;color:var(--aai-text-brand)}
.lead{max-width:var(--aai-measure);color:var(--aai-text-secondary);font-size:var(--aai-text-lg)}
.h1{font-size:var(--aai-text-5xl);line-height:var(--aai-leading-tight);letter-spacing:var(--aai-tracking-tighter)}
.h2{font-size:var(--aai-text-4xl);line-height:var(--aai-leading-tight);letter-spacing:var(--aai-tracking-tight)}
.h3{font-size:var(--aai-text-2xl);line-height:var(--aai-leading-snug);letter-spacing:var(--aai-tracking-tight)}
.h4{font-size:var(--aai-text-xl);line-height:var(--aai-leading-snug);letter-spacing:var(--aai-tracking-tight)}

/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--aai-font-sans);font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-base);line-height:1;min-height:44px;padding:.875rem 1.5rem;border-radius:var(--aai-radius-sm);border:var(--aai-border-width) solid transparent;cursor:pointer;transition:background-color var(--aai-duration-fast) var(--aai-ease-standard),color var(--aai-duration-fast) var(--aai-ease-standard),border-color var(--aai-duration-fast) var(--aai-ease-standard)}
.btn--primary{background:var(--aai-action-primary);color:var(--aai-text-on-brand)}
.btn--primary:hover{background:var(--aai-action-primary-hover)}
.btn--secondary{background:var(--aai-surface-page);color:var(--aai-text-primary);border-color:var(--aai-border-default)}
.btn--secondary:hover{background:var(--aai-action-subtle-hover);border-color:var(--aai-border-brand)}
.btn--block{width:100%}

/* ---- Media placeholder (Magnific slots — Phase 6) ---- */
.media{position:relative;border-radius:var(--aai-radius-lg);overflow:hidden;background:var(--aai-surface-inverse)}
.media--light{background:var(--aai-surface-raised);border:var(--aai-border-width) solid var(--aai-border-default)}
.media__cap{position:absolute;top:1rem;left:1rem;right:1rem;font-size:var(--aai-text-sm);font-weight:var(--aai-weight-medium);color:var(--aai-text-inverse-sub)}
.media--light .media__cap{color:var(--aai-text-tertiary)}
.media__img{width:100%;height:100%;object-fit:cover}
.ratio-4x5{aspect-ratio:4/5}
.ratio-16x9{aspect-ratio:16/9}
.ratio-3x2{aspect-ratio:3/2}

/* ---- Header / nav ---- */
.site-header{position:sticky;top:0;z-index:var(--aai-z-header);background:color-mix(in srgb,var(--aai-surface-page) 92%,transparent);backdrop-filter:blur(8px);border-bottom:var(--aai-border-width) solid transparent;transition:border-color var(--aai-duration-normal)}
.site-header.is-scrolled{border-bottom-color:var(--aai-border-subtle)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:var(--aai-space-4)}
.brand{font-family:var(--aai-font-serif);font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-xl);color:var(--aai-text-primary)}
.nav__links{display:none;gap:var(--aai-space-6);align-items:center}
.nav__links a{font-weight:var(--aai-weight-medium);font-size:var(--aai-text-base);color:var(--aai-text-secondary);transition:color var(--aai-duration-fast)}
.nav__links a:hover,.nav__links a[aria-current="page"]{color:var(--aai-text-brand)}
.nav__cta{display:none}
.nav__toggle{display:inline-flex;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer}
.nav__toggle span{width:24px;height:2px;background:var(--aai-text-primary);border-radius:2px;transition:transform var(--aai-duration-fast),opacity var(--aai-duration-fast)}
.nav__mobile{display:none;flex-direction:column;gap:var(--aai-space-4);padding:var(--aai-space-4) 0 var(--aai-space-6);border-top:var(--aai-border-width) solid var(--aai-border-subtle)}
.nav__mobile.is-open{display:flex}
.nav__mobile a{font-weight:var(--aai-weight-medium);color:var(--aai-text-secondary)}

/* ---- Hero ---- */
.hero{padding-block:clamp(2rem,6vw,5rem)}
.hero__grid{display:grid;gap:var(--aai-space-7)}
.hero__copy{display:flex;flex-direction:column;gap:var(--aai-space-5);align-items:flex-start}
.hero__actions{display:flex;flex-direction:column;gap:var(--aai-space-3);width:100%}
.hero__media{position:relative;width:100%}
/* Layered editorial hero: offset accent panel + framed image + scrim + infographic badge + subtle animated background */
.hero__accent{position:absolute;right:-14px;bottom:-14px;width:62%;height:68%;background:var(--aai-surface-brand-sub);border-radius:var(--aai-radius-lg);z-index:0}
.hero__figure{position:relative;z-index:1;aspect-ratio:4/5;border-radius:var(--aai-radius-lg);overflow:hidden;box-shadow:var(--aai-shadow-lg);isolation:isolate;margin:0}
.hero__img,.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__img{transform-origin:62% 42%;animation:hero-kenburns 22s var(--aai-ease-standard) infinite alternate}
.hero__video{opacity:0;transition:opacity .9s var(--aai-ease-out)}
.hero__video.is-ready{opacity:1}
.hero__scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(10,18,32,.05) 0%,rgba(10,18,32,0) 34%,rgba(10,18,32,.34) 100%)}
.hero__badge{position:absolute;left:16px;bottom:16px;z-index:3;display:flex;flex-direction:column;gap:2px;padding:.7rem .95rem;background:color-mix(in srgb,var(--aai-surface-page) 88%,transparent);backdrop-filter:blur(8px);border:var(--aai-border-width) solid var(--aai-border-subtle);border-radius:var(--aai-radius-md);box-shadow:var(--aai-shadow-sm)}
.hero__badge b{display:flex;align-items:center;gap:.35rem;font-family:var(--aai-font-serif);font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-2xl);line-height:1;color:var(--aai-text-brand)}
.hero__badge b i{font-style:normal;font-family:var(--aai-font-sans);font-size:var(--aai-text-lg);color:var(--aai-text-tertiary)}
.hero__badge span{font-size:var(--aai-text-xs);color:var(--aai-text-secondary)}
@keyframes hero-kenburns{from{transform:scale(1.02)}to{transform:scale(1.09)}}
@media (prefers-reduced-motion:reduce){.hero__img{animation:none;transform:none}.hero__video{display:none}}
/* Living Hero — calm editorial entrance sequence (~600-900ms, staggered): content → image → CTA (rise) → badge last */
.hero .eyebrow[data-animate]{transition-delay:40ms}
.hero .h1[data-animate]{transition-delay:120ms}
.hero .lead[data-animate]{transition-delay:220ms}
.hero .hero__actions[data-animate]{transition-delay:340ms}
.hero__media[data-animate]{transition-delay:160ms}
.hero__badge[data-animate]{transition-delay:680ms}
@media (prefers-reduced-motion:reduce){.hero [data-animate],.hero__media[data-animate],.hero__badge[data-animate]{transition-delay:0ms}}

/* ---- Trust strip ---- */
.trust{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;justify-content:center;padding-block:var(--aai-space-5)}
.trust li{display:flex;align-items:center;gap:1.25rem;font-size:var(--aai-text-sm);font-weight:var(--aai-weight-medium);color:var(--aai-text-tertiary)}
.trust li:not(:last-child)::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--aai-border-default)}
/* Trust Strip — v1.0: premium editorial compliance band, defined by hairlines */
.trust-band{border-block:var(--aai-border-width) solid var(--aai-border-subtle)}

/* ---- Ecosystem signature ---- */
.eco{display:flex;flex-direction:column;align-items:center;gap:var(--aai-space-5);text-align:center}
.eco .lead{margin-inline:auto}
.signature{width:100%;max-width:1000px;margin-top:var(--aai-space-5)}
.signature--radial{display:none}
.signature--vertical{display:flex;flex-direction:column;align-items:center;gap:0}
.sig-core{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--aai-surface-brand);color:var(--aai-text-on-brand);border-radius:var(--aai-radius-md);padding:.75rem 1.5rem;min-width:200px;text-align:center}
.sig-core b{font-weight:var(--aai-weight-semibold)}
.sig-core span{font-size:var(--aai-text-2xs);opacity:.82}
.sig-conn{width:2px;height:18px;background:var(--aai-surface-brand)}
.sig-node{display:inline-flex;align-items:center;gap:.5rem;background:var(--aai-surface-raised);border:var(--aai-border-width) solid var(--aai-border-default);border-radius:var(--aai-radius-md);padding:.75rem 1rem;font-weight:var(--aai-weight-medium);font-size:var(--aai-text-base)}
.sig-node .dot{width:8px;height:8px;border-radius:50%;background:var(--aai-surface-brand)}
.sig-caption{margin-top:var(--aai-space-4);font-size:var(--aai-text-xs);font-weight:var(--aai-weight-semibold);letter-spacing:var(--aai-tracking-wider);color:var(--aai-text-brand)}
/* Section 03 — Connected Living Ecosystem: faint editorial backdrop + business flow indicator */
.eco-section{position:relative;overflow:hidden}
.eco-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.eco-bg img{width:100%;height:100%;object-fit:cover;opacity:.06}
.eco-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--aai-surface-sunken),transparent 28%,transparent 72%,var(--aai-surface-sunken))}
.eco-section>.wrap{position:relative;z-index:1}
.eco-flow{display:flex;flex-wrap:nowrap;gap:.6rem;align-items:stretch;justify-content:center;width:100%;margin-top:var(--aai-space-6)}
.eco-step{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;background:var(--aai-surface-raised);border:var(--aai-border-width) solid var(--aai-border-default);border-radius:var(--aai-radius-md);padding:1.1rem 1.15rem}
.eco-step__n{font-family:var(--aai-font-sans);font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-xs);letter-spacing:var(--aai-tracking-wide);color:var(--aai-text-brand)}
.eco-step__t{font-family:var(--aai-font-serif);font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-lg);line-height:var(--aai-leading-snug);letter-spacing:var(--aai-tracking-tight)}
.eco-step p{font-size:var(--aai-text-sm);color:var(--aai-text-secondary)}
.eco-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--aai-text-tertiary);font-size:var(--aai-text-xl)}
@media (max-width:1023px){.eco-flow{flex-direction:column;max-width:420px;margin-inline:auto}.eco-arrow{transform:rotate(90deg)}}

/* ---- Business Technology Company ---- */
.pillars{display:grid;gap:var(--aai-space-4);margin-top:var(--aai-space-6)}
.pillar{background:var(--aai-surface-raised);border:var(--aai-border-width) solid var(--aai-border-default);border-radius:var(--aai-radius-md);padding:var(--aai-space-5)}
.pillar .icon{width:40px;height:40px;border-radius:var(--aai-radius-sm);background:var(--aai-surface-brand-sub);display:grid;place-items:center;margin-bottom:var(--aai-space-3)}
.pillar .icon i{width:14px;height:14px;border-radius:50%;background:var(--aai-surface-brand);display:block}
.pillar h3{margin-bottom:.5rem}
.pillar p{color:var(--aai-text-secondary);font-size:var(--aai-text-base)}
/* Section 04 — Business Technology Company (editorial positioning) */
.btc__head{max-width:820px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--aai-space-4);align-items:center}
.btc__head .lead{margin-inline:auto}
.btc__grid{display:grid;gap:var(--aai-space-7);margin-top:var(--aai-space-8);align-items:center}
.btc__media{box-shadow:var(--aai-shadow-lg)}
.btc__narrative{display:flex;flex-direction:column;gap:var(--aai-space-5)}
.btc__label{display:block;font-family:var(--aai-font-sans);font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-xs);letter-spacing:var(--aai-tracking-wide);text-transform:uppercase;color:var(--aai-text-brand);margin-bottom:.35rem}
.btc__beat p{color:var(--aai-text-primary);font-size:var(--aai-text-lg);line-height:var(--aai-leading-normal)}
@media (min-width:1024px){.btc__grid{grid-template-columns:1fr 1fr;gap:var(--aai-space-9)}}
/* BTC journey — minimal editorial transformation diagram (one-pass path draw) */
.btc-journey{width:100%;height:auto;margin:.35rem 0}
.jlbl{font-family:var(--aai-font-sans);font-size:11px;font-weight:500;fill:var(--aai-text-secondary)}
.jlbl--on{font-weight:600;fill:var(--aai-text-brand)}
.btc-journey .jline{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--aai-ease-out)}
.btc-journey.is-in .jline{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.btc-journey .jline{stroke-dashoffset:0;transition:none}}
/* Section 05 — Platform Preview (editorial + architecture diagram) */
.plat__head{max-width:820px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--aai-space-4);align-items:center}
.plat__head .lead{margin-inline:auto}
.plat__grid{display:grid;gap:var(--aai-space-7);margin-top:var(--aai-space-8);align-items:center}
.plat__media{box-shadow:var(--aai-shadow-lg)}
.plat-diagram{width:100%;height:auto;max-width:420px;margin-inline:auto}
.plat-node{fill:var(--aai-surface-raised);stroke:var(--aai-border-default);stroke-width:1}
.plat-core{fill:var(--aai-surface-brand)}
.plat-t{font-family:var(--aai-font-sans);font-size:13px;font-weight:500;fill:var(--aai-text-primary)}
.plat-t--on{font-weight:600;fill:var(--aai-text-on-brand)}
.plat-lbl{font-family:var(--aai-font-sans);font-size:11px;font-weight:500;fill:var(--aai-text-primary)}
.plat-line{stroke:var(--aai-surface-brand);stroke-width:2}
.plat-dot{fill:var(--aai-surface-brand)}
.plat-diagram .pline{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--aai-ease-out)}
.plat-diagram.is-in .pline{stroke-dashoffset:0}
.plat__cta{text-align:center;margin-top:var(--aai-space-6)}
@media (prefers-reduced-motion:reduce){.plat-diagram .pline{stroke-dashoffset:0;transition:none}}
@media (min-width:1024px){.plat__grid{grid-template-columns:.85fr 1fr;gap:var(--aai-space-9)}}
/* Platform — Before vs After business comparison */
.plat-compare{display:grid;grid-template-columns:1fr;gap:var(--aai-space-4);align-items:center;max-width:840px;margin:var(--aai-space-8) auto 0}
.cmp{background:var(--aai-surface-raised);border:1px solid var(--aai-border-default);border-radius:var(--aai-radius-md);padding:var(--aai-space-5)}
.cmp--after{border-color:var(--aai-border-brand);border-width:1.5px}
.cmp__h{font-family:var(--aai-font-serif);font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-xl);letter-spacing:var(--aai-tracking-tight)}
.cmp__sub{font-size:var(--aai-text-sm);font-weight:var(--aai-weight-semibold);color:var(--aai-text-brand);margin-top:.35rem}
.cmp__chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0 .8rem}
.cmp__chips li{border:1px dashed var(--aai-border-strong);border-radius:var(--aai-radius-sm);padding:.3rem .6rem;font-size:var(--aai-text-sm);color:var(--aai-text-tertiary)}
.cmp__flow{display:flex;flex-direction:column;gap:.5rem;margin:.7rem 0 .8rem;position:relative;padding-left:1.1rem}
.cmp__flow::before{content:"";position:absolute;left:3px;top:.55rem;bottom:.55rem;width:2px;background:var(--aai-surface-brand)}
.cmp__flow li{position:relative;font-size:var(--aai-text-base);color:var(--aai-text-primary)}
.cmp__flow li::before{content:"";position:absolute;left:-1.1rem;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--aai-surface-brand);transform:translate(-1px,-50%)}
.cmp__tag{font-size:var(--aai-text-xs);font-weight:var(--aai-weight-semibold);letter-spacing:var(--aai-tracking-wide);text-transform:uppercase;color:var(--aai-text-brand)}
.cmp__tag--muted{color:var(--aai-text-tertiary)}
.cmp__vs{display:flex;justify-content:center;color:var(--aai-text-tertiary);font-size:var(--aai-text-2xl)}
.cmp__vs span{display:inline-block;transform:rotate(90deg)}
@media (min-width:768px){.plat-compare{grid-template-columns:1fr auto 1fr}.cmp__vs span{transform:none}}
/* Homepage Preview Standard — image + (eyebrow, headline, para, editorial SVG, 3 outcomes, CTA) */
.pv__grid{display:grid;gap:var(--aai-space-7);align-items:center}
.pv__content{display:flex;flex-direction:column;gap:var(--aai-space-4);align-items:flex-start}
.pv__lead{color:var(--aai-text-secondary);font-size:var(--aai-text-lg)}
.pv__media{box-shadow:var(--aai-shadow-lg)}
.pv__outcomes{display:flex;flex-direction:column;gap:.55rem;margin:.15rem 0}
.pv__outcomes li{position:relative;padding-left:1.1rem;font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-base);color:var(--aai-text-primary)}
.pv__outcomes li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--aai-surface-brand);transform:translateY(-50%)}
.pv-flow{width:100%;max-width:460px;height:auto;margin:.3rem 0}
.pvline{stroke:var(--aai-surface-brand);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--aai-ease-out)}
.pv-flow.is-in .pvline{stroke-dashoffset:0}
.pvlbl{font-family:var(--aai-font-sans);font-size:11px;font-weight:500;fill:var(--aai-text-secondary)}
.pvlbl--on{font-weight:600;fill:var(--aai-text-brand)}
@media (prefers-reduced-motion:reduce){.pvline{stroke-dashoffset:0;transition:none}}
@media (min-width:1024px){.pv__grid{grid-template-columns:.82fr 1fr;gap:var(--aai-space-9)}.pv--img-right .pv__grid{grid-template-columns:1fr .82fr}.pv--img-right .pv__media{order:2}}
.ind-diagram{width:100%;max-width:380px;height:auto;margin:.3rem 0}
.ind-diagram text{font-family:var(--aai-font-sans)}
.indline{fill:none;stroke:var(--aai-text-tertiary);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--aai-ease-out)}
.ind-diagram.is-in .indline{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.indline{transition:none;stroke-dashoffset:0}}

/* ---- Preview rows ---- */
.preview{padding-block:clamp(2.5rem,6vw,4.5rem)}
.preview__grid{display:grid;gap:var(--aai-space-6);align-items:center}
.preview__copy{display:flex;flex-direction:column;gap:var(--aai-space-4);align-items:flex-start}
.preview__copy p{color:var(--aai-text-secondary)}
.preview__link{font-weight:var(--aai-weight-semibold);color:var(--aai-text-brand)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.gallery .media{aspect-ratio:2/3}

/* ---- Outcomes ---- */
.outcomes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--aai-space-6) var(--aai-space-5)}
.stat b{display:block;font-family:var(--aai-font-serif);font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-5xl);letter-spacing:var(--aai-tracking-tight);color:var(--aai-text-brand);line-height:1}
.stat span{color:var(--aai-text-secondary);font-size:var(--aai-text-base)}

/* ---- Social proof ---- */
.proof{display:flex;flex-direction:column;align-items:center;gap:var(--aai-space-4);text-align:center}
.proof blockquote{font-family:var(--aai-font-serif);font-size:var(--aai-text-3xl);line-height:var(--aai-leading-snug);max-width:22ch;max-width:60ch;color:var(--aai-text-primary)}
.proof cite{font-style:normal;color:var(--aai-text-tertiary);font-size:var(--aai-text-sm)}
.chips{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center}
.chip{background:var(--aai-surface-raised);border:var(--aai-border-width) solid var(--aai-border-default);border-radius:var(--aai-radius-full);padding:.5rem .875rem;font-size:var(--aai-text-sm);color:var(--aai-text-secondary)}

/* ---- CTA band ---- */
.cta{display:flex;flex-direction:column;align-items:center;gap:var(--aai-space-5);text-align:center;color:var(--aai-text-inverse)}
.cta h2{color:var(--aai-text-inverse)}
.cta p{color:var(--aai-text-inverse-sub);max-width:60ch}
.cta__actions{display:flex;flex-direction:column;gap:var(--aai-space-3);width:100%;align-items:stretch}
.cta__actions .btn{justify-content:center}
.btn--on-dark{background:transparent;color:var(--aai-text-inverse);border-color:rgba(251,250,247,.42)}
.btn--on-dark:hover{background:rgba(251,250,247,.10);border-color:var(--aai-text-inverse)}
@media (min-width:600px){.cta__actions{flex-direction:row;width:auto;justify-content:center}}

/* ---- Footer ---- */
.footer{padding-block:var(--aai-space-8) var(--aai-space-6)}
.footer__grid{display:grid;gap:var(--aai-space-6)}
.footer__brand p{color:var(--aai-text-tertiary);font-size:var(--aai-text-sm);margin-top:.5rem;max-width:32ch}
.footer__contact{font-style:normal;color:var(--aai-text-tertiary);font-size:var(--aai-text-sm);margin-top:var(--aai-space-3);line-height:var(--aai-leading-relaxed)}
.footer__contact a{color:var(--aai-text-secondary)}
.footer__contact a:hover{color:var(--aai-text-brand)}
.proof__note{color:var(--aai-text-tertiary);font-size:var(--aai-text-sm);margin-top:var(--aai-space-2)}
.footer__bar{margin-top:var(--aai-space-6);padding-top:var(--aai-space-4);border-top:var(--aai-border-width) solid var(--aai-border-subtle);display:flex;flex-direction:column;gap:var(--aai-space-3)}
.footer__bar .footer__legal{margin:0;padding:0;border:0}
.footer__social{display:flex;flex-wrap:wrap;gap:var(--aai-space-4)}
.footer__social a{color:var(--aai-text-tertiary);font-size:var(--aai-text-sm)}
.footer__social a:hover{color:var(--aai-text-brand)}
@media (min-width:768px){.footer__bar{flex-direction:row;align-items:center;justify-content:space-between}}
.footer h4{font-family:var(--aai-font-sans);font-weight:var(--aai-weight-semibold);font-size:var(--aai-text-xs);letter-spacing:var(--aai-tracking-wide);text-transform:uppercase;color:var(--aai-text-tertiary);margin-bottom:var(--aai-space-3)}
.footer li{margin-bottom:.625rem}
.footer li a{color:var(--aai-text-secondary);font-size:var(--aai-text-base)}
.footer li a:hover{color:var(--aai-text-brand)}
.footer__legal{margin-top:var(--aai-space-6);padding-top:var(--aai-space-4);border-top:var(--aai-border-width) solid var(--aai-border-subtle);color:var(--aai-text-tertiary);font-size:var(--aai-text-sm)}

/* ==========================================================================
   RESPONSIVE — tablet (>=768) and desktop (>=1024)
   ========================================================================== */
@media (min-width:768px){
  .pillars{grid-template-columns:repeat(3,1fr)}
  .outcomes{grid-template-columns:repeat(4,1fr)}
  .footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr}
  .hero__actions{flex-direction:row;width:auto}
  .proof blockquote{font-size:var(--aai-text-4xl)}
}
@media (min-width:1024px){
  .nav__links{display:flex}
  .nav__cta{display:inline-flex}
  .nav__toggle{display:none}
  .hero__grid{grid-template-columns:1.1fr .9fr;gap:var(--aai-space-9);align-items:center}
  .preview__grid{grid-template-columns:1fr 1fr}
  .preview--media-left .preview__media{order:-1}
  /* radial signature on wide screens */
  .signature--radial{display:block}
  .signature--vertical{display:none}
}

/* ==========================================================================
   MOTION — purpose-only, reduced-motion honoured
   ========================================================================== */
[data-animate]{opacity:0;transform:translateY(14px);transition:opacity var(--aai-duration-slow) var(--aai-ease-out),transform var(--aai-duration-slow) var(--aai-ease-out)}
[data-animate].is-in{opacity:1;transform:none}
.sig-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s var(--aai-ease-out)}
.signature.is-in .sig-line{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){
  [data-animate]{opacity:1;transform:none;transition:none}
  .sig-line{stroke-dashoffset:0;transition:none}
}