/* Zero-Agent.AI — shared layout & component foundation */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --za-ink-900:#0a0f1a;--za-ink-800:#0f172a;--za-ink-700:#1e293b;--za-ink-500:#475569;--za-ink-300:#94a3b8;--za-ink-200:#cbd5e1;--za-ink-100:#e2e8f0;--za-ink-50:#f1f5f9;
  --za-paper:#fafbfc;--za-paper-sunken:#f4f6f8;--za-paper-tint:#eef2f6;
  --za-signal:#0057b8;--za-signal-mid:#0066d6;--za-signal-bright:#1a7fff;--za-signal-soft:rgba(0,87,184,.07);--za-signal-muted:rgba(0,87,184,.14);
  --za-depth-mid:#5240a8;
  --za-risk:#c42d32;--za-risk-soft:rgba(196,45,50,.09);--za-warn:#c4841a;--za-safe:#0d8a5f;--za-safe-soft:rgba(13,138,95,.09);
  --bg:#fff;--bg-sunken:var(--za-paper-sunken);
  --border:var(--za-ink-100);--border-strong:var(--za-ink-200);
  --text:var(--za-ink-800);--text-secondary:var(--za-ink-500);--text-muted:var(--za-ink-300);
  --accent:var(--za-signal);--accent-soft:var(--za-signal-soft);--accent-muted:var(--za-signal-muted);
  --font-sans:"Inter",-apple-system,sans-serif;--font-mono:"SF Mono",Consolas,monospace;
  --text-display-hero:clamp(3rem,7.5vw,5.25rem);--text-display-xl:clamp(2.25rem,4.8vw,3.75rem);--text-display-lg:clamp(1.875rem,3.5vw,2.75rem);
  --text-display-md:clamp(1.5rem,2.8vw,2.125rem);--text-h2:clamp(1.375rem,2.2vw,1.625rem);--text-h3:1.125rem;
  --text-body-lg:1.0625rem;--text-body:.9375rem;--text-body-sm:.8125rem;--text-caption:.6875rem;
  --weight-medium:500;--weight-semibold:600;
  --leading-tight:1.02;--leading-snug:1.32;--leading-normal:1.58;--leading-relaxed:1.72;
  --tracking-tighter:-.052em;--tracking-tight:-.028em;--tracking-wide:.07em;--tracking-wider:.13em;
  --space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
  --gutter:clamp(20px,4vw,32px);
  --section-y:clamp(112px,12vw,152px);
  --section-y-md:clamp(88px,10vw,120px);
  --section-y-hero-top:clamp(56px,7vw,88px);
  --section-y-hero-bottom:clamp(96px,10vw,128px);
  --block-gap:var(--space-10);
  --stack-tight:var(--space-4);
  --stack-base:var(--space-6);
  --stack-loose:var(--space-8);
  --stack-xl:var(--space-10);
  --container-max:1200px;
  --bp-sm:640px;
  --bp-md:768px;
  --bp-lg:1024px;
  --layout-text:minmax(0,0.42fr);
  --layout-visual:minmax(0,0.58fr);
  --layout-split:var(--layout-text) var(--layout-visual);
  --layout-split-reverse:var(--layout-visual) var(--layout-text);
  --radius-sm:5px;--radius-md:9px;--radius-lg:12px;--radius-xl:18px;
  --shadow-sm:0 1px 2px rgba(10,15,26,.04);--shadow-md:0 8px 32px rgba(10,15,26,.07);--shadow-lg:0 24px 64px rgba(10,15,26,.09);
  --shadow-diagram:0 2px 8px rgba(10,15,26,.06),0 16px 48px rgba(10,15,26,.1),0 40px 80px rgba(0,87,184,.08);
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.2,.64,1);
  --duration-fast:160ms;--duration-normal:380ms;--duration-slow:900ms;--duration-reveal:680ms;--stagger:55ms;
  --nav-height:64px;
}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text);background:var(--za-paper);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--accent-muted);color:var(--text)}

/* Container & sections */
.za-container{width:min(var(--container-max),calc(100% - var(--gutter) * 2));margin-inline:auto}
.section{padding-block:var(--section-y)}
.section--md{padding-block:var(--section-y-md)}
.section-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--space-8),4vw,var(--space-10));align-items:center;margin-bottom:var(--block-gap)}
.section-head__lead{max-width:36ch}
.section-head__aside{max-width:38ch;justify-self:end}
.section-head__aside .za-body-lg{margin-top:0}
.section-head--center{grid-template-columns:minmax(0,1fr);gap:var(--stack-base);justify-items:center;text-align:center;max-width:44rem;margin-inline:auto;margin-bottom:var(--block-gap)}
.section-head--center > .za-body-lg,.section-head--center .section-head__lead,.section-head--center .section-head__aside{max-width:42ch;justify-self:center;text-align:center}
.section-head--reverse .section-head__lead{order:2;justify-self:end;text-align:right}
.section-head--reverse .section-head__aside{order:1;justify-self:start;text-align:left}
.section-head--on-dark .za-eyebrow{color:rgba(255,255,255,.35)}
.section-head--on-dark h2{color:#fff}
.section-head--on-dark .za-body-lg{color:rgba(255,255,255,.55)}

/* Grid splits */
.split{display:grid;gap:clamp(var(--space-10),5vw,var(--space-16));align-items:center}
.split > *{min-width:0}
.split--visual-right{grid-template-columns:var(--layout-split)}
.split--visual-left{grid-template-columns:var(--layout-split-reverse)}
.split--balanced{grid-template-columns:repeat(2,minmax(0,1fr))}
.bleed-x{position:relative;width:100vw;margin-inline:calc(50% - 50vw);padding-inline:max(var(--gutter),calc((100vw - min(var(--container-max),100% - var(--gutter) * 2))/2 + var(--gutter)));overflow:hidden}
.prose{max-width:36ch}
.prose--wide{max-width:42ch}
.prose--wide .za-body-lg{margin-top:var(--stack-base)}

/* Typography */
.za-eyebrow{font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--stack-tight)}
.za-eyebrow+.za-display-hero,.za-eyebrow+.za-display-lg,.za-eyebrow+.za-display-xl,.za-eyebrow+.za-h2,.za-eyebrow+h1,.za-eyebrow+h2{margin-top:0}
.za-eyebrow--signal{color:var(--accent)}
.za-display-hero{font-size:var(--text-display-hero);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}
.za-display-xl{font-size:var(--text-display-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}
.za-display-lg{font-size:var(--text-display-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}
.za-display-md{font-size:var(--text-display-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}
.za-h2{font-size:var(--text-h2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}
.za-h3{font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}
.za-body-lg{font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}
.za-body{color:var(--text-secondary)}
.za-accent-line{color:var(--accent)}
.za-accent-text{background:linear-gradient(135deg,var(--za-signal-mid),var(--za-depth-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.za-mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}

/* Nav */
.za-nav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-height);transition:background var(--duration-normal),border-color var(--duration-normal),backdrop-filter var(--duration-normal)}
.za-nav.is-scrolled{background:rgba(250,251,252,.88);border-bottom:1px solid var(--border);backdrop-filter:blur(20px) saturate(1.2)}
.za-nav.is-dark{background:rgba(10,15,26,.88);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px)}
.za-nav.is-dark .za-nav__logo,.za-nav.is-dark .za-nav__links a{color:rgba(255,255,255,.72)}
.za-nav.is-dark .za-nav__links a.is-active,.za-nav.is-dark .za-nav__links a:hover{color:#fff}
.za-nav__inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.za-nav__logo{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);text-decoration:none;color:var(--text)}
.za-nav__logo em{font-style:normal;color:var(--accent)}
.za-nav__links{display:flex;align-items:center;gap:var(--space-6)}
.za-nav__links>a,.za-nav__link{font-size:var(--text-body-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast)}
.za-nav__links>a:hover,.za-nav__link:hover,.za-nav__link.is-active{color:var(--text)}
.za-nav__links .za-btn{height:36px;padding-inline:16px;font-size:12px;color:#fff}
.menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text)}
/* Nav dropdowns */
.za-nav__group{position:relative}
.za-nav__trigger{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:0;font-family:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast)}
.za-nav__trigger:hover,.za-nav__group:hover .za-nav__trigger,.za-nav__group.is-open .za-nav__trigger,.za-nav__trigger.is-active{color:var(--text)}
.za-nav__caret{transition:transform var(--duration-fast)}
.za-nav__group:hover .za-nav__caret,.za-nav__group.is-open .za-nav__caret{transform:rotate(180deg)}
.za-nav__menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(6px);min-width:250px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out);z-index:210}
.za-nav__menu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.za-nav__group:hover .za-nav__menu,.za-nav__group.is-open .za-nav__menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.za-nav__menu a{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:var(--radius-md);text-decoration:none;transition:background var(--duration-fast)}
.za-nav__menu a:hover{background:var(--za-paper-sunken)}
.za-nav__menu a strong{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--text)}
.za-nav__menu a span{font-size:var(--text-caption);color:var(--text-muted)}
.za-nav.is-dark .za-nav__trigger{color:rgba(255,255,255,.72)}
.za-nav.is-dark .za-nav__trigger:hover,.za-nav.is-dark .za-nav__group:hover .za-nav__trigger{color:#fff}

/* Buttons */
.za-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding-inline:18px;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-medium);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast)}
.za-btn--lg{height:46px;padding-inline:22px;font-size:var(--text-body)}
.za-btn--primary{background:var(--za-ink-800);color:#fff}
.za-btn--primary:hover{background:var(--za-ink-700);transform:translateY(-1px)}
.za-btn--ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}
.za-btn--ghost:hover{border-color:var(--za-ink-300);background:var(--bg)}
.za-btn--signal{background:var(--accent);color:#fff}
.za-btn--signal:hover{background:var(--za-signal-mid)}
.za-tag{display:inline-flex;align-items:center;height:20px;padding-inline:8px;border-radius:3px;font-size:10px;font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase}
.za-tag--safe{background:var(--za-safe-soft);color:var(--za-safe)}
.za-tag--risk{background:var(--za-risk-soft);color:var(--za-risk)}

/* Generic cards, grids & icons */
.za-grid{display:grid;gap:var(--space-6)}
.za-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.za-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.za-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.za-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;transition:box-shadow var(--duration-normal),transform var(--duration-normal),border-color var(--duration-normal)}
.za-card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--border-strong)}
.za-card h3{font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin-bottom:8px}
.za-card p{font-size:var(--text-body-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}
.za-icon{width:46px;height:46px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);margin-bottom:var(--space-5);flex:none}
.za-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}
.za-cardlink{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-5);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--accent);text-decoration:none;transition:gap var(--duration-fast)}
.za-cardlink:hover{gap:10px}
.za-cardlink--mtauto{margin-top:auto;padding-top:var(--space-5)}
@media(max-width:1024px){.za-grid--3,.za-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.za-grid--2,.za-grid--3,.za-grid--4{grid-template-columns:minmax(0,1fr)}}

/* FAQ accordion */
.za-faq{max-width:52rem;margin-inline:auto}
.za-faq__item{border-bottom:1px solid var(--border)}
.za-faq__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-body-lg);font-weight:var(--weight-medium);color:var(--text);text-align:left}
.za-faq__icon{flex-shrink:0;width:20px;height:20px;position:relative}
.za-faq__icon::before,.za-faq__icon::after{content:"";position:absolute;background:var(--text-muted);border-radius:2px;transition:transform var(--duration-normal)}
.za-faq__icon::before{top:9px;left:2px;right:2px;height:2px}
.za-faq__icon::after{left:9px;top:2px;bottom:2px;width:2px}
.za-faq__item.is-open .za-faq__icon::after{transform:scaleY(0)}
.za-faq__a{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out)}
.za-faq__a p{font-size:var(--text-body);color:var(--text-secondary);line-height:var(--leading-relaxed);padding-bottom:var(--space-5);max-width:62ch}

/* Logo strip */
.za-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}
.za-logochip{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid var(--border);border-radius:100px;background:var(--bg);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}
.za-logochip b{width:24px;height:24px;border-radius:6px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:var(--weight-semibold)}
/* Mini pricing preview */
.za-priceprev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.za-priceprev__card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--bg);text-align:left}
.za-priceprev__card--feat{border-color:var(--accent)}
.za-priceprev__name{font-size:var(--text-body);font-weight:var(--weight-semibold)}
.za-priceprev__price{font-size:var(--text-display-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tighter);margin:var(--space-3) 0 2px}
.za-priceprev__price small{font-size:var(--text-body-sm);font-weight:400;color:var(--text-muted);letter-spacing:0}
.za-priceprev__desc{font-size:var(--text-body-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}
@media(max-width:640px){.za-priceprev{grid-template-columns:minmax(0,1fr)}}

/* Motion */
[data-in],.za-reveal{opacity:0;transform:translateY(28px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}
[data-in].is-in,[data-in].is-visible,.za-reveal.is-visible,.za-reveal.is-in{opacity:1;transform:none}
[data-in="clip"]{clip-path:inset(0 0 100% 0);transform:none;transition:clip-path 1s var(--ease-out),opacity .6s}
[data-in="clip"].is-in{clip-path:inset(0);opacity:1}
[data-in="left"]{transform:translateX(-32px)}
[data-in="left"].is-in{transform:none}
[data-in="scale"]{transform:scale(.97);transform-origin:center bottom}
[data-in="scale"].is-in{transform:none}
[data-delay="1"],.za-reveal--d1{transition-delay:.1s}
[data-delay="2"],.za-reveal--d2{transition-delay:.2s}
[data-delay="3"]{transition-delay:.32s}
[data-delay="4"]{transition-delay:.44s}

/* Enterprise diagram frame */
.za-diagram{
  position:relative;border-radius:var(--radius-xl);overflow:hidden;
  border:1px solid var(--border-strong);
  box-shadow:var(--shadow-diagram);
  background:var(--bg);
  isolation:isolate;
  min-width:0;
}
.za-diagram__bg{
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 85% 75% at 50% 45%,var(--accent-soft),transparent 68%),
    radial-gradient(ellipse 60% 50% at 85% 15%,rgba(82,64,168,.06),transparent 55%),
    linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px),
    var(--bg-sunken);
  background-size:100% 100%,100% 100%,28px 28px,28px 28px,100% 100%;
}
.za-diagram__bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,transparent 35%,transparent 65%,rgba(15,23,42,.03) 100%);
}
.za-diagram__canvas{
  position:relative;z-index:1;width:100%;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(20px,3vw,32px);
  min-height:clamp(320px,42vw,520px);
}
.za-diagram__canvas svg{display:block;width:100%;height:auto;min-height:clamp(280px,38vw,480px);max-height:none}

/* Story-page diagram alias */
.diag{
  position:relative;border-radius:var(--radius-xl);overflow:hidden;
  border:1px solid var(--border-strong);background:var(--bg);
  box-shadow:var(--shadow-diagram);
  min-width:0;width:100%;
  min-height:clamp(360px,44vw,520px);
  display:flex;align-items:center;justify-content:center;
  padding:clamp(20px,3vw,32px);
}
.diag svg{width:100%;height:auto;min-height:clamp(260px,36vw,440px);max-width:none}

/* CTA band */
.cta-band{background:var(--za-ink-800);border-top:1px solid rgba(255,255,255,.06)}
.cta-band h2{color:#fff}
.cta-band p{color:rgba(255,255,255,.5);font-size:var(--text-body-lg);margin-top:var(--stack-base);line-height:var(--leading-relaxed)}
.cta-band .za-btn--ghost{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.2)}
.cta-band .za-btn--ghost:hover{background:rgba(255,255,255,.06)}

footer{padding:var(--space-10) 0;text-align:center;border-top:1px solid var(--border);background:var(--bg)}
footer p{font-size:var(--text-caption);color:var(--text-muted)}

/* Grouped footer */
.za-footer{background:var(--bg);border-top:1px solid var(--border);padding:var(--space-16) 0 var(--space-8);text-align:left}
.za-footer__inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,3fr);gap:clamp(var(--space-8),5vw,var(--space-16));align-items:start}
.za-footer__brand .za-nav__logo{font-size:var(--text-body);color:var(--text)}
.za-footer__brand p{margin-top:var(--space-4);font-size:var(--text-body-sm);color:var(--text-secondary);max-width:26ch;line-height:var(--leading-relaxed)}
.za-footer__cols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-6)}
.za-footer__col{display:flex;flex-direction:column;gap:10px}
.za-footer__col h4{font-size:var(--text-caption);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-semibold);margin-bottom:4px}
.za-footer__col a{font-size:var(--text-body-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast)}
.za-footer__col a:hover{color:var(--text)}
.za-footer__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--border)}
.za-footer__bar p{font-size:var(--text-caption);color:var(--text-muted)}
@media(max-width:1024px){.za-footer__inner{grid-template-columns:minmax(0,1fr);gap:var(--space-10)}.za-footer__cols{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--space-10)}}
@media(max-width:640px){.za-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.za-footer__bar{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}

@media(max-width:1024px){
  :root{--section-y:clamp(88px,11vw,120px);--section-y-md:clamp(72px,9vw,96px);--section-y-hero-top:clamp(40px,5vw,56px);--block-gap:var(--space-8)}
  .split--visual-right,.split--visual-left,.split--balanced{grid-template-columns:minmax(0,1fr)}
  .section-head,.section-head--reverse{grid-template-columns:minmax(0,1fr);gap:var(--stack-base)}
  .section-head__lead,.section-head__aside,.section-head--reverse .section-head__lead,.section-head--reverse .section-head__aside{justify-self:stretch;text-align:left;order:unset;max-width:none}
  .section-head--center{text-align:center}
  .section-head--center .section-head__lead,.section-head--center .section-head__aside{text-align:center;justify-self:center}
  .za-diagram__canvas{min-height:clamp(280px,58vw,440px)}
  .za-diagram__canvas svg{min-height:clamp(240px,52vw,400px)}
  .diag{min-height:clamp(300px,58vw,440px)}
  .diag svg{min-height:clamp(220px,50vw,380px)}
}
@media(max-width:860px){
  .za-nav__links{display:none}
  .za-nav__links.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:var(--nav-height);left:0;right:0;background:var(--za-paper);padding:var(--space-6);border-bottom:1px solid var(--border);gap:var(--space-3);max-height:calc(100vh - var(--nav-height));overflow-y:auto}
  .za-nav.is-dark .za-nav__links.open{background:var(--za-ink-900)}
  .menu-btn{display:block}
  .za-nav__group{width:100%}
  .za-nav__trigger{width:100%;justify-content:space-between;padding:6px 0;font-size:var(--text-body)}
  .za-nav__menu{position:static;transform:none;opacity:1;visibility:hidden;display:none;min-width:0;box-shadow:none;border:none;border-left:2px solid var(--border);border-radius:0;padding:2px 0 4px 12px;margin-top:2px}
  .za-nav__menu::before{display:none}
  .za-nav__group.is-open .za-nav__menu{display:flex}
  .za-nav__group:hover .za-nav__menu{opacity:1;visibility:hidden}
  .za-nav__group.is-open .za-nav__menu{visibility:visible}
  .za-nav__links>a,.za-nav__link{padding:6px 0;font-size:var(--text-body)}
  .za-nav__links .za-btn{margin-top:var(--space-3)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  [data-in],.za-reveal{opacity:1;transform:none;clip-path:none}
}

/* ── Accessibility: keyboard focus ── */
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.za-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.za-nav__trigger:focus-visible,.za-nav__links a:focus-visible,.za-nav__menu a:focus-visible,.za-footer__col a:focus-visible,.za-footer__social a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.za-nav.is-dark :focus-visible{outline-color:#fff}
.cta-band :focus-visible{outline-color:#fff}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
/* Skip to content */
.za-skip{position:absolute;left:-9999px;top:8px;z-index:400;background:var(--accent);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);font-size:var(--text-body-sm);font-weight:var(--weight-medium);text-decoration:none}
.za-skip:focus{left:16px}

/* ── Footer: social + newsletter (enterprise) ── */
.za-footer__news{margin-top:var(--space-6);max-width:22rem}
.za-footer__news label{display:block;font-size:var(--text-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}
.za-footer__news-row{display:flex;gap:8px}
.za-footer__news-row input{flex:1;min-width:0;height:40px;padding:0 12px;font-family:inherit;font-size:var(--text-body-sm);color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}
.za-footer__news-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.za-footer__news-row .za-btn{height:40px;flex:none}
.za-footer__social{display:flex;gap:10px;margin-top:var(--space-6)}
.za-footer__social a{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}
.za-footer__social a:hover{color:var(--accent);border-color:var(--accent-muted);background:var(--accent-soft);transform:translateY(-2px)}
.za-footer__social svg{width:18px;height:18px;fill:currentColor}
.za-footer__badges{display:flex;gap:8px;flex-wrap:wrap}
.za-footer__badges span{font-size:10px;font-weight:var(--weight-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-sunken);border:1px solid var(--border);padding:3px 10px;border-radius:100px}
@media(max-width:1024px){.za-footer__cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.za-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}