/* MASTER */
/* =========================================================
   Maya AISafe — Premium Design System v3 (light, locked palette)
   Varied section rhythm: hero+checklist, card grid, 2-col media,
   centered stat, highlight band, number-led metrics, light CTA.
   ========================================================= */
:root{
  --bg:#FBF9F6;--bg2:#F5F2EE;--surface:#FFFFFF;--surface2:#ECE8E3;
  --indigo:#7C86F8;--lav:#B6BCFF;--deep-indigo:#4E57C8;
  --copper:#C98A70;--soft-copper:#E9C6B7;--sand-copper:#D8B19E;
  --nebula:#CAC4FF;--moon:#C7D8FF;--ink:#20233C;--body:#585F79;--muted:#8A8FA6;
  --line:#EAE3D9;--line-2:#E2DBD0;
  --sh-xs:0 1px 2px rgba(32,35,60,.05);
  --sh-sm:0 6px 20px rgba(32,35,60,.07);
  --sh:0 20px 50px rgba(32,35,60,.10);
  --sh-lg:0 40px 90px rgba(32,35,60,.14);
  --sh-indigo:0 24px 60px rgba(124,134,248,.28);
  --sh-copper:0 24px 60px rgba(201,138,112,.28);
  --r:22px;--r-sm:14px;--r-lg:30px;--r-xl:38px;
  --max:1200px;--font:'Sora','Inter',system-ui,sans-serif;--body-font:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--body-font);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img,svg{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--font);color:var(--ink);line-height:1.06;letter-spacing:-.03em;margin:0}
h1{font-size:clamp(2.7rem,5.6vw,4.5rem);font-weight:800}
h2{font-size:clamp(2rem,3.7vw,3.05rem);font-weight:800}
h3{font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:700}
p{margin:0;color:var(--body);font-size:1.05rem}
.container{max-width:var(--max);margin:auto;padding:0 30px}
section{padding:112px 0;position:relative}
.tight{padding:84px 0}
.narrow{max-width:720px;margin:auto}
.lead{font-size:1.2rem;line-height:1.65;max-width:640px;color:var(--body)}
.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}
.gradient{background:linear-gradient(105deg,var(--deep-indigo) 0%,var(--indigo) 45%,var(--copper) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Eyebrow */
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--copper);font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;margin-bottom:20px}
.eyebrow .idx{color:var(--deep-indigo);opacity:.55}
.eyebrow:before{content:"";width:34px;height:1.5px;background:linear-gradient(90deg,var(--copper),transparent);border-radius:9px}
.section-head{max-width:780px;margin:0 auto 62px;text-align:center}
.section-head .lead{margin-top:16px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:15px 26px;font-weight:600;font-size:1rem;border:1.5px solid transparent;transition:.28s var(--ease);white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn .ar{transition:transform .28s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.copper{background:linear-gradient(100deg,#B87759,var(--copper) 55%,var(--sand-copper));color:#fff;box-shadow:var(--sh-copper)}
.ghost{background:rgba(255,255,255,.7);border-color:var(--line-2);color:var(--ink);backdrop-filter:blur(6px)}
.ghost:hover{border-color:var(--indigo);color:var(--deep-indigo)}
.nav-hero-cta{background:linear-gradient(100deg,#B87759,var(--copper) 55%,var(--sand-copper));color:#fff!important;box-shadow:0 12px 30px rgba(201,138,112,.32);border:0;padding:12px 20px;font-size:.95rem}

/* Header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(251,249,246,.75);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(234,227,217,.8)}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--font);font-weight:800;color:var(--ink);font-size:1.12rem}
.brand img{width:42px;height:42px;object-fit:contain}
.sub{display:block;margin-top:-3px;color:var(--copper);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.nav-links{display:flex;gap:2px;align-items:center}
.nav-links a{padding:10px 15px;border-radius:11px;color:var(--body);font-weight:500;font-size:.96rem;transition:.2s}
.nav-links a:hover{background:rgba(124,134,248,.09);color:var(--deep-indigo)}
.nav-links a.active{color:var(--deep-indigo);font-weight:600}
.nav-links .nav-hero-cta{margin-left:10px}
.hamb{display:none;background:none;border:0;cursor:pointer;padding:6px}
.hamb span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}

/* ============ HERO ============ */
.hero{padding:88px 0 104px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(680px 420px at 74% 6%,rgba(124,134,248,.20),transparent 62%),
   radial-gradient(560px 380px at 6% 92%,rgba(201,138,112,.18),transparent 60%),
   radial-gradient(520px 360px at 98% 82%,rgba(199,216,255,.30),transparent 60%)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(32,35,60,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(32,35,60,.03) 1px,transparent 1px);
  background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 62% 26%,#000,transparent 72%);mask-image:radial-gradient(circle at 62% 26%,#000,transparent 72%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center}
.kicker{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.8);border:1px solid var(--line-2);border-radius:999px;padding:8px 16px;font-weight:600;font-size:.84rem;color:var(--ink);box-shadow:var(--sh-xs);margin-bottom:24px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 5px rgba(201,138,112,.16);animation:pulse 2.6s var(--ease) infinite}
.hero h1{margin-bottom:22px}
.hero .hero-sub{margin-bottom:14px;font-size:1.16rem;max-width:560px}
.hero .hero-emph{color:var(--ink);font-weight:700;font-family:var(--font);margin:16px 0 6px}
.hero .hero-note{font-size:1rem;max-width:540px}
/* Hero checklist panel (per 80-opportunity.png) */
.hero-check{margin:26px 0 24px;padding:24px 26px;border:1px solid var(--line);border-left:4px solid var(--copper);border-radius:16px;background:linear-gradient(120deg,rgba(255,255,255,.9),rgba(245,240,251,.6));box-shadow:var(--sh-sm)}
.hero-check h4{font-size:1.06rem;line-height:1.35;margin-bottom:16px}
.hero-check ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.hero-check li{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:500;font-size:.98rem}
.hero-check .ck{width:24px;height:24px;flex:none;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,var(--indigo),var(--deep-indigo));color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 6px 14px rgba(124,134,248,.32)}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.proof{font-family:var(--mono);font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;line-height:1.9}
.proof b{color:var(--ink);font-weight:600}

/* Hero visual */
.hero-visual{position:relative}
.hero-animation-card{position:relative;background:linear-gradient(180deg,#fff,#FCFAF7);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:16px}
.hero-animation-card:before{content:"";position:absolute;inset:-1px;border-radius:var(--r-xl);padding:1px;background:linear-gradient(135deg,rgba(124,134,248,.5),rgba(201,138,112,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.6}
.hero-anim-stage{position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(520px 300px at 70% 20%,rgba(202,196,255,.32),transparent),radial-gradient(420px 260px at 14% 88%,rgba(233,198,183,.36),transparent),linear-gradient(150deg,#fff,var(--bg2))}
.hero-svg{width:100%;height:auto;display:block}
.float-stat{position:absolute;left:-24px;bottom:30px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line-2);border-radius:18px;padding:15px 19px;box-shadow:var(--sh);display:flex;gap:14px;align-items:center;animation:floaty 6s var(--ease) infinite}
.float-stat .fs-num{font-family:var(--font);font-weight:800;font-size:1.7rem;color:var(--deep-indigo);line-height:1}
.float-stat .fs-t{font-size:.8rem;color:var(--body);max-width:128px;line-height:1.3}
.float-badge{position:absolute;right:-16px;top:26px;background:linear-gradient(100deg,var(--deep-indigo),var(--indigo));color:#fff;border-radius:14px;padding:10px 15px;font-family:var(--mono);font-weight:600;font-size:.76rem;box-shadow:var(--sh-indigo);animation:floaty 7s var(--ease) infinite reverse}
/* Hero SVG elements */
.svg-title{fill:var(--deep-indigo);font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.06em}
.svg-sub{fill:var(--muted);font-family:var(--mono);font-weight:500;font-size:12px}
.chip-r{fill:rgba(124,134,248,.09);stroke:rgba(124,134,248,.28)}
.chip-t{fill:var(--ink);font-family:'Inter',sans-serif;font-weight:700;font-size:15px}
.flow-in{fill:none;stroke:#CBA189;stroke-width:2.2;stroke-dasharray:6 9;stroke-linecap:round}
.gw{fill:url(#gwg)}
.gw-wrap{transform-box:fill-box;transform-origin:center;animation:gwpulse 3.6s var(--ease) infinite}
.gw-t{fill:#fff;font-family:var(--font);font-weight:800;font-size:19px}
.gw-s{fill:rgba(255,255,255,.92);font-family:var(--mono);font-weight:600;font-size:11px}
.ellipse80{fill:none;stroke:var(--copper);stroke-width:2.2;stroke-dasharray:4 8}
.lbl80{fill:var(--copper);font-family:var(--mono);font-weight:700;font-size:15px}
.outp{fill:none;stroke:var(--indigo);stroke-width:2.2;stroke-dasharray:6 9}
.lbl20{fill:var(--deep-indigo);font-family:var(--mono);font-weight:700;font-size:12px}
.tok{fill:var(--indigo)}.tok.c{fill:var(--copper)}
.ai-r{fill:rgba(199,216,255,.35);stroke:var(--moon)}
.ai-t{fill:var(--ink);font-family:'Inter',sans-serif;font-weight:700;font-size:15px}
.ai-s{fill:var(--muted);font-family:var(--mono);font-weight:500;font-size:10px}

/* ============ TRUST MARQUEE (dark strip, top area) ============ */
.trust{background:var(--ink);color:#fff;overflow:hidden;position:relative}
.trust-track{display:flex;align-items:center;gap:16px;padding:20px 0;width:max-content;animation:marquee 32s linear infinite}
.trust:hover .trust-track{animation-play-state:paused}
.trust .chip{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#E7E5F2;border-radius:999px;padding:9px 18px;font-weight:500;font-size:.9rem;white-space:nowrap;display:inline-flex;align-items:center;gap:9px}
.trust .chip b{width:7px;height:7px;border-radius:50%;background:var(--copper);display:inline-block}
.trust:before,.trust:after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.trust:before{left:0;background:linear-gradient(90deg,var(--ink),transparent)}
.trust:after{right:0;background:linear-gradient(270deg,var(--ink),transparent)}

/* ============ CARD GRID (Paradox) ============ */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:34px 32px;box-shadow:var(--sh-xs);transition:.3s var(--ease);overflow:hidden}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--indigo),var(--copper));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(124,134,248,.16);border-color:rgba(124,134,248,.35)}
.card:hover:before{transform:scaleX(1)}
.card .ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;font-size:1.4rem;background:linear-gradient(135deg,rgba(124,134,248,.14),rgba(202,196,255,.28));color:var(--deep-indigo);border:1px solid rgba(124,134,248,.16)}
.card h3{margin-bottom:10px}
.card p{font-size:.98rem;line-height:1.6}

/* ============ 2-COL MEDIA SECTIONS ============ */
.split{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}
.split.reverse .split-media{order:-1}
.split-copy .btn{margin-top:26px}
.media-frame{position:relative;background:linear-gradient(180deg,#fff,#FCFAF7);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:22px}
.media-frame:before{content:"";position:absolute;inset:-1px;border-radius:var(--r-xl);padding:1px;background:linear-gradient(135deg,rgba(124,134,248,.42),rgba(201,138,112,.38));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}
.media-frame svg{width:100%;height:auto;display:block}

/* Planning funnel SVG */
.fn-band{background:var(--bg2)}
.fn-pill{fill:#fff;stroke:var(--line-2)}
.fn-pill-t{fill:var(--ink);font-family:'Inter',sans-serif;font-weight:700;font-size:15px}
.fn-line{fill:none;stroke:var(--copper);stroke-width:2.2;stroke-dasharray:6 8;stroke-linecap:round}
.fn-q{fill:url(#qg)}
.fn-q-t{fill:#fff;font-family:var(--font);font-weight:800;font-size:15px}
.fn-cap{fill:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.04em}
.fn-ai{fill:rgba(124,134,248,.12);stroke:rgba(124,134,248,.4)}
.fn-ai-t{fill:var(--deep-indigo);font-family:var(--font);font-weight:800;font-size:15px}

/* ============ PROMPT WINDOW (Without/With Maya) ============ */
.prompt-window{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);overflow:hidden}
.pw-bar{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#FBF9F6)}
.pw-bar i{width:12px;height:12px;border-radius:50%;display:inline-block}
.pw-bar .d1{background:#E8A08B}.pw-bar .d2{background:#E8C98B}.pw-bar .d3{background:#9BA6F5}
.pw-bar span{margin-left:8px;font-family:var(--mono);font-size:.76rem;color:var(--muted)}
.pw-body{padding:26px}
.prompt-box{border-radius:16px;padding:20px 22px;font-family:var(--mono);line-height:1.7;border:1px solid;font-size:.88rem}
.prompt-label{font-family:var(--body-font);text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.72rem;margin-bottom:11px}
.raw-box{background:#F5E7DE;border-color:#E5C4B1;color:#87543F}
.raw-box .prompt-label{color:#B8795E}
.raw-box span{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#C58A6E;opacity:.9}
.safe-box{background:#EAECFF;border-color:#C7CBF9;color:#3A437B}
.safe-box .prompt-label{color:#5C63C8}
.safe-box mark{background:#D3D7FF;color:#3A437B;border:1px solid #AEB4FF;border-radius:6px;padding:1px 7px;font-weight:600}
.prompt-arrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0;font-family:var(--mono);color:var(--copper);font-weight:600;font-size:.82rem}
.prompt-arrow:before,.prompt-arrow:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--copper),transparent);opacity:.5}
.list{display:grid;gap:14px;margin-top:24px}.list div{display:flex;gap:12px}
.tick{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--soft-copper);color:var(--copper);font-weight:900;flex:none}

/* ============ CENTERED STAT TRIO (How AISafe changes it) ============ */
.how-band{background:var(--bg);overflow:hidden}
.how-band:before{content:"";position:absolute;left:50%;top:-60px;transform:translateX(-50%);width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(124,134,248,.12),transparent 70%);pointer-events:none}
.how-wrap{position:relative;display:grid;grid-template-columns:auto 1fr;gap:50px;align-items:center;max-width:980px;margin:auto;background:linear-gradient(180deg,#fff,#FCFAF7);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);padding:44px}
.donut-svg{width:280px;height:auto}
.ring-track{fill:none;stroke:#EFE8DF;stroke-width:30}
.ring{fill:none;stroke-width:30;stroke-linecap:butt}
.ring-local{stroke:url(#loc)}
.ring-anon{stroke:var(--copper)}
.ring-march{fill:none;stroke:var(--nebula);stroke-width:2;stroke-dasharray:3 9}
.donut-cap{fill:var(--deep-indigo);font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.14em}
.donut-num{fill:var(--deep-indigo);font-family:var(--font);font-weight:800;font-size:54px}
.donut-lbl{fill:var(--body);font-family:'Inter',sans-serif;font-weight:600;font-size:16px}
.how-points{display:grid;gap:14px}
.how-points .hp{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:14px;transition:.25s var(--ease)}
.how-points .hp:hover{background:#fff;box-shadow:var(--sh-sm);transform:translateX(4px)}
.how-points .k{font-family:var(--mono);font-weight:700;font-size:1.05rem;color:var(--deep-indigo);min-width:52px}
.how-points .k.c{color:var(--copper)}
.how-points b{color:var(--ink)}

/* ============ HIGHLIGHT BAND (Internal know-how) ============ */
.highlight{position:relative;overflow:hidden;background:linear-gradient(120deg,#FDFBF8 0%,#F3EEFB 55%,#FBEEE8 100%);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);padding:52px 56px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.highlight:before{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(124,134,248,.16),transparent 70%)}
.highlight .hl-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);font-weight:700;margin-bottom:16px}
.highlight h2{font-size:clamp(1.7rem,2.8vw,2.4rem);margin-bottom:14px;position:relative}
.highlight p{position:relative;font-size:1.08rem}
.curve-wrap{position:relative}
.curve-svg{width:100%;height:auto}
.cv-grid{stroke:var(--line-2);stroke-width:1}
.cv-area{fill:url(#cva)}
.cv-line{fill:none;stroke:url(#cvl);stroke-width:3.5;stroke-linecap:round}
.cv-dot{fill:#fff;stroke:var(--deep-indigo);stroke-width:3}
.cv-lbl{fill:var(--muted);font-family:var(--mono);font-size:11px}

/* ============ NUMBER-LED METRICS (Business outcomes) ============ */
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.metric{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:30px 28px 28px;box-shadow:var(--sh-xs);overflow:hidden;transition:.3s var(--ease)}
.metric:hover{transform:translateY(-5px);box-shadow:var(--sh-sm)}
.metric .mnum{position:absolute;right:16px;top:6px;font-family:var(--font);font-weight:800;font-size:3.4rem;color:rgba(124,134,248,.10);line-height:1}
.metric .marw{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;margin-bottom:16px;background:linear-gradient(135deg,var(--indigo),var(--copper));color:#fff;font-size:1.05rem;box-shadow:var(--sh-indigo)}
.metric h3{color:var(--deep-indigo);margin-bottom:8px;font-size:1.2rem}
.metric p{font-size:.96rem;line-height:1.55}

/* ============ LIGHT CTA (no dark before footer) ============ */
.cta-light{position:relative;overflow:hidden;background:linear-gradient(120deg,#FFFDFB,#F3EEFB 55%,#FBECE5);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);padding:66px 48px;text-align:center}
.cta-light:before{content:"";position:absolute;right:-50px;top:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(124,134,248,.16),transparent 70%)}
.cta-light:after{content:"";position:absolute;left:-50px;bottom:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(201,138,112,.16),transparent 70%)}
.cta-light>*{position:relative}
.cta-light h2{max-width:740px;margin:0 auto 14px}
.cta-light p{max-width:560px;margin:0 auto 30px;font-size:1.1rem}

/* Footer */
.footer{background:var(--ink);color:#c7c9dc;padding:78px 0 34px}
.footer h4,.footer .brand{color:#fff}
.footer .brand .sub{color:var(--copper)}
.footer a{display:block;color:#a3a6c0;padding:7px 0;transition:.2s}
.footer a:hover{color:var(--copper)}
.footer p{color:#a3a6c0}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:44px}
.footer h4{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:24px;color:#8e91ac;font-size:.85rem;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal].d1{transition-delay:.08s}[data-reveal].d2{transition-delay:.16s}[data-reveal].d3{transition-delay:.24s}[data-reveal].d4{transition-delay:.32s}

@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(201,138,112,0)}}
@keyframes floaty{50%{transform:translateY(-12px)}}
@keyframes gwpulse{50%{transform:scale(1.03)}}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Responsive */
@media(max-width:980px){
  .hero-grid,.grid-2,.split,.how-wrap,.highlight{grid-template-columns:1fr;gap:44px}
  .split.reverse .split-media{order:0}
  .how-wrap{padding:34px}.donut-svg{width:240px;margin:auto}
  .grid-3,.metrics{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-links{position:fixed;inset:80px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);padding:16px 26px;display:none;flex-direction:column;align-items:stretch;gap:4px}
  .nav-links.open{display:flex}
  .nav-links .nav-hero-cta{margin:8px 0 0;justify-content:center}
  .hamb{display:block}
  .float-stat{left:12px;bottom:12px}.float-badge{right:12px}
}
@media(max-width:600px){
  section{padding:74px 0}.tight{padding:58px 0}
  .grid-3,.metrics{grid-template-columns:1fr}
  .hero-check ul{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero-cta{flex-direction:column;align-items:stretch}.btn{justify-content:center}
  .highlight,.cta-light{padding:40px 26px}
  .container{padding:0 20px}
  .float-stat{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.trust-track{animation:none}[data-reveal]{opacity:1;transform:none}}

/* =========================================================
   WHY-MAYA PAGE ADDITIONS (merged; shares the system above)
   Namespaced so nothing collides with the homepage classes.
   ========================================================= */
:root{--green:#3E9E6B;--green-soft:#E4F1E9}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes flowUp{0%{opacity:0;top:78%}15%{opacity:1}50%{opacity:1}70%{opacity:0;top:14%}100%{opacity:0}}

/* Centered statement hero */
.hero-c{padding:92px 0 72px;overflow:hidden;text-align:center}
.hero-c:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(720px 460px at 50% -8%,rgba(124,134,248,.20),transparent 62%),
   radial-gradient(560px 360px at 6% 96%,rgba(201,138,112,.16),transparent 60%),
   radial-gradient(560px 360px at 96% 92%,rgba(199,216,255,.28),transparent 60%)}
.hero-c:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(32,35,60,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(32,35,60,.03) 1px,transparent 1px);
  background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 20%,#000,transparent 70%)}
.hero-c .inner{position:relative;max-width:930px;margin:auto}
.hero-c h1{margin-bottom:22px}
.hero-c .lead{max-width:640px;margin:0 auto 30px}
.hero-c .hero-cta{justify-content:center;margin:0 auto 34px}
.crumb{font-family:var(--mono);font-size:.78rem;color:var(--muted);letter-spacing:.06em;margin-bottom:16px}
.crumb a:hover{color:var(--deep-indigo)}
.eyebrow.ctr{justify-content:center}.eyebrow.ctr:before{display:none}

/* Anchor chips */
.anchors{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.anchors a{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 20px;box-shadow:var(--sh-xs);transition:.25s var(--ease);text-align:left}
.anchors a:hover{transform:translateY(-3px);box-shadow:var(--sh-sm);border-color:rgba(124,134,248,.35)}
.anchors .qn{font-family:var(--font);font-weight:800;color:var(--deep-indigo);font-size:1.05rem}
.anchors .ql{font-size:.88rem;color:var(--body)}
.anchors .qi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono);font-weight:700;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--copper));flex:none}

/* Light proof strip */
.proofbar{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proofbar .row{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;justify-content:center;padding:20px 0}
.proofbar .pill{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.9rem;color:var(--body)}
.proofbar .pill b{width:7px;height:7px;border-radius:50%;background:var(--copper);display:inline-block}
.proofbar .sep{width:1px;height:16px;background:var(--line-2)}

/* AI-stack positioning */
.stack-wrap{max-width:760px;margin:0 auto}
.stack{display:grid;gap:16px;position:relative}
.layer{position:relative;border-radius:var(--r);padding:24px 26px;border:1px solid var(--line);background:#fff;box-shadow:var(--sh-xs);display:flex;align-items:center;gap:18px}
.layer .lt{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);min-width:96px}
.layer .lc{display:flex;flex-wrap:wrap;gap:8px}
.layer .lc span{background:var(--bg2);border:1px solid var(--line);border-radius:9px;padding:7px 12px;font-weight:600;font-size:.9rem;color:var(--ink)}
.layer.data .lc span{background:rgba(124,134,248,.08);border-color:rgba(124,134,248,.22)}
.layer.models .lc span{background:rgba(199,216,255,.22);border-color:rgba(124,134,248,.22)}
.layer.maya{background:linear-gradient(120deg,#4E57C8,#7C86F8 55%,#C98A70);border:0;color:#fff;box-shadow:var(--sh-lg);padding:28px 30px}
.layer.maya .lt{color:rgba(255,255,255,.8)}
.layer.maya .mh{font-family:var(--font);font-weight:800;font-size:1.5rem;color:#fff;letter-spacing:-.02em}
.layer.maya .ms{color:rgba(255,255,255,.9);font-family:var(--mono);font-size:.82rem;margin-top:4px}
.layer.maya .badge-i{margin-left:auto;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:12px;padding:8px 13px;font-family:var(--mono);font-size:.74rem;color:#fff;white-space:nowrap}
.flow-dot{position:absolute;left:50%;width:9px;height:9px;border-radius:50%;background:var(--copper);box-shadow:0 0 12px rgba(201,138,112,.8);opacity:0}
.flow-a{animation:flowUp 3s var(--ease) infinite}.flow-b{animation:flowUp 3s var(--ease) infinite 1s}.flow-c{animation:flowUp 3s var(--ease) infinite 2s}
.notrow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:34px}
.notrow span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-size:.92rem;color:var(--body);box-shadow:var(--sh-xs)}
.notrow span s{color:var(--copper);text-decoration:none;font-weight:700}

/* ===== DATA CLASSIFICATION MAP ===== */
.dcmap{max-width:1040px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);overflow:hidden}
.dc-head{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0;background:linear-gradient(120deg,#F3EEFB,#FBEEE8);border-bottom:1px solid var(--line)}
.dc-head div{padding:16px 22px;font-family:var(--font);font-weight:800;font-size:.9rem;color:var(--ink)}
.dc-head div+div{text-align:center;border-left:1px solid var(--line)}
.dc-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0;border-bottom:1px solid var(--line);transition:.2s var(--ease)}
.dc-row:last-child{border-bottom:0}
.dc-row:hover{background:rgba(124,134,248,.04)}
.dc-cell{padding:15px 22px;border-left:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.dc-lab{border-left:0;justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:3px}
.dc-lab b{color:var(--ink);font-size:.98rem}
.dc-lab span{font-size:.84rem;color:var(--muted)}
.zone{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-weight:700;font-size:.82rem;white-space:nowrap}
.zone .zc{width:8px;height:8px;border-radius:50%}
.zone.ok{background:#E4F1E9;color:#256B45;border:1px solid rgba(62,158,107,.28)}
.zone.ok .zc{background:#3E9E6B}
.zone.warn{background:#F6E7DF;color:#8A5741;border:1px solid rgba(201,138,112,.32)}
.zone.warn .zc{background:#C98A70}
.zone.block{background:#F0E1DB;color:#7A2A12;border:1px solid rgba(122,42,18,.22)}
.zone.block .zc{background:#7A2A12}
.dc-legend{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:24px;font-size:.88rem;color:var(--body)}
.dc-legend span{display:inline-flex;align-items:center;gap:8px}
.dc-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}

/* Converging trends */
.trends{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px}
.trend{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;box-shadow:var(--sh-xs);transition:.3s var(--ease)}
.trend:hover{transform:translateY(-5px);box-shadow:var(--sh-sm)}
.trend .tn{font-family:var(--mono);color:var(--copper);font-weight:600;font-size:.8rem;letter-spacing:.12em}
.trend .ti{font-size:1.7rem;margin:10px 0 12px}
.trend h3{font-size:1.14rem;margin-bottom:8px}.trend p{font-size:.96rem;line-height:1.55}
.trend-note{max-width:820px;margin:auto;text-align:center;font-family:var(--font);font-weight:700;color:var(--ink);font-size:1.16rem;line-height:1.5}

/* Capability cards */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cap{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:32px 30px;box-shadow:var(--sh-xs);transition:.3s var(--ease);overflow:hidden;height:100%;display:flex;flex-direction:column}
.cap:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--indigo),var(--copper));transform:scaleY(0);transform-origin:top;transition:transform .35s var(--ease)}
.cap:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(124,134,248,.16);border-color:rgba(124,134,248,.35)}
.cap:hover:before{transform:scaleY(1)}
.cap .cnum{font-family:var(--mono);font-size:.8rem;color:var(--copper);font-weight:600;letter-spacing:.12em}
.cap .cic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin:12px 0 16px;font-size:1.3rem;background:linear-gradient(135deg,rgba(124,134,248,.14),rgba(202,196,255,.28));color:var(--deep-indigo);border:1px solid rgba(124,134,248,.16)}
.cap h3{margin-bottom:9px;font-size:1.16rem}
.cap p{font-size:.96rem;line-height:1.55;color:var(--body)}
.cap .cap-out{margin-top:auto;padding-top:16px}
.cap .cap-out .tagline{display:inline-flex;align-items:flex-start;gap:9px;background:linear-gradient(120deg,rgba(124,134,248,.10),rgba(201,138,112,.12));border:1px solid rgba(124,134,248,.2);border-radius:12px;padding:11px 13px;font-size:.9rem;color:var(--ink);font-weight:600;line-height:1.4}
.cap .cap-out .tagline b{color:var(--deep-indigo)}
.cap.feature{background:linear-gradient(135deg,#F3EEFB,#FBEEE8);border-color:transparent}
.cap.feature .cic{background:linear-gradient(135deg,var(--indigo),var(--copper));color:#fff;border:0}

/* Comparison + not-a-category */
.cmp-line{max-width:840px;margin:0 auto 30px;text-align:center;font-size:1.12rem}
.cmp-line b{color:var(--ink)}
.cmp-wrap{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);background:#fff;max-width:1040px;margin:auto}
.cmp{width:100%;border-collapse:collapse;font-size:.98rem}
.cmp thead th{background:linear-gradient(120deg,#F3EEFB,#FBEEE8);color:var(--ink);text-align:left;font-family:var(--font);font-weight:800;font-size:.9rem;padding:18px 22px;border-bottom:1px solid var(--line)}
.cmp tbody td{padding:18px 22px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.55}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp tbody tr:hover{background:rgba(124,134,248,.04)}
.cmp td:first-child{font-weight:700;color:var(--ink);width:26%}
.cmp .them{color:var(--body);width:34%}.cmp .maya{color:var(--deep-indigo);font-weight:600}
.notcat{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.notcat .nc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--sh-xs);transition:.25s var(--ease)}
.notcat .nc:hover{transform:translateY(-4px);box-shadow:var(--sh-sm)}
.notcat .nc .x{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(201,138,112,.14);color:var(--copper);font-weight:900;margin-bottom:14px}
.notcat .nc h3{font-size:1.08rem;margin-bottom:8px}.notcat .nc p{font-size:.95rem;line-height:1.55}

/* Persona hooks */
.persona-band{background:var(--bg2)}
.persona-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.persona{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 30px;box-shadow:var(--sh-xs);transition:.3s var(--ease);display:flex;gap:20px;align-items:flex-start}
.persona:hover{transform:translateY(-4px);box-shadow:var(--sh-sm);border-color:rgba(124,134,248,.35)}
.persona .pr{flex:none;min-width:118px}
.persona .role{display:inline-block;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--deep-indigo);background:rgba(124,134,248,.12);border:1px solid rgba(124,134,248,.22);padding:6px 11px;border-radius:8px;font-weight:600;margin-bottom:10px}
.persona .drv{font-size:.82rem;color:var(--muted);line-height:1.4}
.persona .hook{font-family:var(--font);font-weight:700;color:var(--ink);font-size:1.08rem;line-height:1.45;position:relative}
.persona .hook:before{content:"\201C";color:var(--copper);font-size:1.4rem;font-weight:800;margin-right:2px}
.persona .hook:after{content:"\201D";color:var(--copper);font-weight:800}
.persona.wide{grid-column:span 2;background:linear-gradient(120deg,#F3EEFB,#FBEEE8);border-color:transparent}

/* Why now (light) */
.whynow-head{max-width:860px;margin:0 auto 36px;text-align:center}
.whynow-hook{max-width:840px;margin:0 auto 40px;text-align:center;font-family:var(--font);font-weight:700;color:var(--ink);font-size:1.3rem;line-height:1.5}
.whynow-hook .u{background:linear-gradient(transparent 62%,rgba(201,138,112,.28) 0)}
.wn-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:0 auto 26px}
.wn-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 32px;box-shadow:var(--sh-xs);overflow:hidden}
.wn-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}
.wn-card.a:before{background:linear-gradient(180deg,var(--copper),var(--sand-copper))}
.wn-card.b:before{background:linear-gradient(180deg,var(--indigo),var(--deep-indigo))}
.wn-card .wn-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.wn-card .wn-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;flex:none}
.wn-card.a .wn-ic{background:rgba(201,138,112,.14);color:var(--copper);border:1px solid rgba(201,138,112,.3)}
.wn-card.b .wn-ic{background:rgba(124,134,248,.14);color:var(--deep-indigo);border:1px solid rgba(124,134,248,.3)}
.wn-card h3{font-size:1.18rem}
.wn-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wn-card li{display:flex;gap:11px;color:var(--body);font-size:.98rem;line-height:1.45}
.wn-card li:before{content:"\2013";color:var(--copper);font-weight:800}
.wn-clock{max-width:960px;margin:auto;display:flex;gap:18px;align-items:center;background:linear-gradient(120deg,#FBF6F1,#F5F0FB);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 30px;box-shadow:var(--sh-xs)}
.wn-clock .cl-ic{width:52px;height:52px;border-radius:14px;flex:none;display:grid;place-items:center;font-size:1.4rem;background:linear-gradient(135deg,var(--copper),var(--sand-copper));color:#fff;box-shadow:var(--sh-copper)}
.wn-clock b{color:var(--ink)}

/* Security list + proof stats */
.outcomes-band{background:var(--bg)}
.sec-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}
.sec-list li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:14px;transition:.25s var(--ease)}
.sec-list li:hover{background:#fff;box-shadow:var(--sh-sm);transform:translateX(4px)}
.sec-list .tk{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--soft-copper),var(--sand-copper));color:#8A5741;font-weight:900;font-size:.82rem;flex:none}
.sec-list b{color:var(--ink)}
.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.stat{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;box-shadow:var(--sh-xs);overflow:hidden;transition:.3s var(--ease)}
.stat:hover{transform:translateY(-5px);box-shadow:var(--sh-sm)}
.stat .statn{font-family:var(--font);font-weight:800;font-size:2.7rem;color:var(--deep-indigo);line-height:1;letter-spacing:-.03em}
.stat .statn span{font-size:1.1rem;color:var(--copper)}
.stat p{font-size:.94rem;line-height:1.5;margin-top:8px}

/* FAQ */
.faq{max-width:860px;margin:auto;display:grid;gap:14px}
.faq-group{font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);font-weight:700;margin:22px 0 2px}
.faq-group:first-child{margin-top:0}
.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-xs);overflow:hidden;transition:.25s var(--ease)}
.faq details[open]{box-shadow:var(--sh-sm);border-color:rgba(124,134,248,.35)}
.faq summary{cursor:pointer;list-style:none;padding:20px 24px;font-family:var(--font);font-weight:700;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:1.04rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-family:var(--mono);font-size:1.4rem;color:var(--copper);transition:.25s var(--ease)}
.faq details[open] summary:after{content:"\2212";color:var(--deep-indigo)}
.faq .fa-body{padding:0 24px 22px;color:var(--body);font-size:.99rem;line-height:1.65}

/* Why-Maya responsive */
@media(max-width:980px){
  .wn-grid{grid-template-columns:1fr}
  .trends,.cap-grid,.notcat{grid-template-columns:1fr 1fr}
  .persona-grid{grid-template-columns:1fr}.persona.wide{grid-column:span 1}
  .statgrid{grid-template-columns:1fr 1fr}
  .anchors{flex-direction:column;align-items:stretch}
  .layer{flex-direction:column;align-items:flex-start;gap:12px}
  .layer.maya .badge-i{margin-left:0}
  .cmp thead{display:none}
  .cmp,.cmp tbody,.cmp tr,.cmp td{display:block;width:100%}
  .cmp td{border-bottom:0;padding:6px 20px}
  .cmp tr{border-bottom:1px solid var(--line);padding:14px 0}
  .cmp td:first-child{width:auto;font-size:1.05rem;padding-top:14px}
  .cmp .them:before{content:"They: ";font-weight:700;color:var(--muted)}
  .cmp .maya:before{content:"Maya: ";font-weight:700;color:var(--copper)}
  .wn-clock{flex-direction:column;align-items:flex-start}
  /* data map -> stacked cards */
  .dcmap{background:transparent;border:0;box-shadow:none;display:grid;gap:16px}
  .dc-head{display:none}
  .dc-row{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-xs);grid-template-columns:1fr;padding:20px}
  .dc-cell{border-left:0;justify-content:space-between;padding:8px 0}
  .dc-cell.dc-lab{padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:6px}
  .dc-cell.int:before{content:"Internal AI";font-weight:700;color:var(--muted);font-size:.86rem}
  .dc-cell.ext:before{content:"External AI";font-weight:700;color:var(--muted);font-size:.86rem}
}
@media(max-width:600px){
  .trends,.cap-grid,.notcat,.statgrid{grid-template-columns:1fr}
  .persona{flex-direction:column;gap:12px}.persona .pr{min-width:0}
}

/* HIW */
/* =========================================================
   Maya AISafe — How It Works (PROOF page) v4
   Centered hero (Why-Maya style, no animation card).
   Order: hero -> split -> INSIDE THE LAYER -> WATCH IT HAPPEN
   -> production -> control -> CFO -> why-now -> Norway -> crux.
   All sections light; only footer dark. No "gateway" language.
   ========================================================= */
:root{
  --bg:#FBF9F6;--bg2:#F5F2EE;--surface:#FFFFFF;--surface2:#ECE8E3;
  --indigo:#7C86F8;--lav:#B6BCFF;--deep-indigo:#4E57C8;
  --copper:#C98A70;--soft-copper:#E9C6B7;--sand-copper:#D8B19E;
  --nebula:#CAC4FF;--moon:#C7D8FF;--ink:#20233C;--body:#585F79;--muted:#8A8FA6;
  --line:#EAE3D9;--line-2:#E2DBD0;--green:#3E9E6B;--green-soft:#E4F1E9;
  --sh-xs:0 1px 2px rgba(32,35,60,.05);--sh-sm:0 6px 20px rgba(32,35,60,.07);
  --sh:0 20px 50px rgba(32,35,60,.10);--sh-lg:0 40px 90px rgba(32,35,60,.14);
  --sh-copper:0 24px 60px rgba(201,138,112,.28);
  --r:22px;--r-sm:14px;--r-lg:30px;--r-xl:38px;
  --max:1200px;--font:'Sora','Inter',system-ui,sans-serif;--body-font:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--body-font);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img,svg{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--font);color:var(--ink);line-height:1.06;letter-spacing:-.03em;margin:0}
h1{font-size:clamp(2.5rem,5vw,4.05rem);font-weight:800}
h2{font-size:clamp(1.9rem,3.4vw,2.8rem);font-weight:800}
h3{font-size:clamp(1.08rem,1.5vw,1.28rem);font-weight:700}
p{margin:0;color:var(--body);font-size:1.05rem}
.container{max-width:var(--max);margin:auto;padding:0 30px}
section{padding:90px 0;position:relative}
.tight{padding:72px 0}
.center{text-align:center}
.lead{font-size:1.2rem;line-height:1.62;max-width:720px;color:var(--body)}
.center .lead{margin-left:auto;margin-right:auto}
.gradient{background:linear-gradient(105deg,var(--deep-indigo),var(--indigo) 45%,var(--copper));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--copper);font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;margin-bottom:18px}
.eyebrow.ctr{justify-content:center}.eyebrow:before{content:"";width:34px;height:1.5px;background:linear-gradient(90deg,var(--copper),transparent);border-radius:9px}.eyebrow.ctr:before{display:none}
.section-head{max-width:860px;margin:0 auto 46px;text-align:center}
.section-head .lead{margin-top:14px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:15px 26px;font-weight:600;font-size:1rem;border:1.5px solid transparent;transition:.28s var(--ease);white-space:nowrap;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn .ar{transition:transform .28s var(--ease)}.btn:hover .ar{transform:translateX(4px)}
.copper{background:linear-gradient(100deg,#B87759,var(--copper) 55%,var(--sand-copper));color:#fff;box-shadow:var(--sh-copper)}
.ghost{background:rgba(255,255,255,.7);border-color:var(--line-2);color:var(--ink);backdrop-filter:blur(6px)}
.ghost:hover{border-color:var(--indigo);color:var(--deep-indigo)}
.nav-hero-cta{background:linear-gradient(100deg,#B87759,var(--copper) 55%,var(--sand-copper));color:#fff!important;box-shadow:0 12px 30px rgba(201,138,112,.32);border:0;padding:12px 20px;font-size:.95rem}

/* Header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(251,249,246,.75);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(234,227,217,.8)}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--font);font-weight:800;color:var(--ink);font-size:1.12rem}
.brand img{width:42px;height:42px;object-fit:contain}
.sub{display:block;margin-top:-3px;color:var(--copper);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.nav-links{display:flex;gap:2px;align-items:center}
.nav-links a{padding:10px 15px;border-radius:11px;color:var(--body);font-weight:500;font-size:.96rem;transition:.2s}
.nav-links a:hover{background:rgba(124,134,248,.09);color:var(--deep-indigo)}
.nav-links a.active{color:var(--deep-indigo);font-weight:600}
.nav-links .nav-hero-cta{margin-left:10px}
.hamb{display:none;background:none;border:0;cursor:pointer;padding:6px}
.hamb span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}

/* Footer (ONLY dark block) */
.footer{background:var(--ink);color:#c7c9dc;padding:76px 0 34px}
.footer h4,.footer .brand{color:#fff}
.footer .brand .sub{color:var(--copper)}
.footer a{display:block;color:#a3a6c0;padding:7px 0;transition:.2s}
.footer a:hover{color:var(--copper)}
.footer p{color:#a3a6c0}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:44px}
.footer h4{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:24px;color:#8e91ac;font-size:.85rem;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal].d1{transition-delay:.06s}[data-reveal].d2{transition-delay:.12s}[data-reveal].d3{transition-delay:.18s}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(201,138,112,0)}}
@keyframes gemPulse{50%{transform:scale(1.03)}}
.bg2{background:var(--bg2)}

/* ============ HERO (centered, Why-Maya style) ============ */
.hw-hero{padding:92px 0 74px;overflow:hidden;position:relative;text-align:center}
.hw-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(760px 460px at 50% -6%,rgba(124,134,248,.22),transparent 60%),radial-gradient(560px 360px at 8% 92%,rgba(201,138,112,.16),transparent 60%),radial-gradient(560px 360px at 92% 92%,rgba(199,216,255,.28),transparent 60%)}
.hw-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(32,35,60,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(32,35,60,.03) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,transparent 68%);mask-image:radial-gradient(circle at 50% 20%,#000,transparent 68%)}
.hw-hero .inner{position:relative;max-width:900px;margin:auto}
.crumb{font-family:var(--mono);font-size:.78rem;color:var(--muted);letter-spacing:.06em;margin-bottom:16px}
.crumb a:hover{color:var(--deep-indigo)}
.hw-kicker{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.82);border:1px solid var(--line-2);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.84rem;color:var(--ink);box-shadow:var(--sh-xs);margin-bottom:22px}
.hw-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 5px rgba(201,138,112,.16);animation:pulse 2.6s var(--ease) infinite}
.hw-hero h1{margin-bottom:20px}
.hw-hero .lead{margin:0 auto 28px}
.hw-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:26px}
.hw-proof{font-family:var(--mono);font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;line-height:1.9;max-width:640px;margin:0 auto}
.hw-proof b{color:var(--ink)}

/* ============ THE SPLIT ============ */
.hw-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1040px;margin:0 auto}
.hw-scard{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 30px;box-shadow:var(--sh-xs);overflow:hidden;transition:.28s var(--ease)}
.hw-scard:hover{transform:translateY(-5px);box-shadow:var(--sh-sm)}
.hw-scard .lbl{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:5px 11px;border-radius:7px;display:inline-block;margin-bottom:14px}
.hw-scard.own{background:linear-gradient(160deg,#F1F0FE,#fff);border-color:rgba(124,134,248,.28)}
.hw-scard.own .lbl{background:linear-gradient(100deg,var(--indigo),var(--deep-indigo));color:#fff}
.hw-scard.rent .lbl{background:var(--surface2);color:var(--body);border:1px solid var(--line)}
.hw-scard h3{font-size:1.34rem;margin-bottom:9px}
.hw-scard>p{font-size:.98rem;line-height:1.55}
.hw-scard .list{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:8px}
.hw-scard .list div{display:flex;gap:9px;font-size:.88rem;color:var(--body);line-height:1.4}
.hw-scard.own .list div:before{content:"\25CF";color:var(--indigo);font-size:.6rem;margin-top:5px}
.hw-scard.rent .list div:before{content:"\25CB";color:var(--copper);font-size:.6rem;margin-top:5px}
.hw-scard .stat{margin-top:16px;font-family:var(--font);font-weight:800;font-size:.95rem}
.hw-scard.own .stat{color:var(--deep-indigo)}
.hw-scard.rent .stat{color:#8A5741}
.hw-pname{display:inline-block;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--deep-indigo);background:rgba(124,134,248,.1);border:1px solid rgba(124,134,248,.22);border-radius:999px;padding:6px 13px;margin-bottom:8px}
.hw-split-note{max-width:840px;margin:30px auto 0;text-align:center;font-family:var(--font);font-weight:700;color:var(--ink);font-size:1.18rem;line-height:1.45}
.hw-split-note b{color:var(--copper)}

/* ============ INSIDE THE LAYER (architecture-feel, multimodal) ============ */
.hw-arch{position:relative;max-width:1080px;margin:0 auto;background:linear-gradient(180deg,#fff,#FCFAF7);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:22px}
.hw-arch-svg{width:100%;height:auto;display:block;border-radius:24px}
.hw-arch-svg .env{fill:url(#envg);stroke:var(--indigo);stroke-width:1.6;stroke-opacity:.5}
.hw-arch-svg .ext{fill:url(#extg);stroke:var(--copper);stroke-width:1.5;stroke-opacity:.55}
.hw-arch-svg .zone-t{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.08em}
.hw-arch-svg .zone-s{font-family:var(--mono);font-size:9px}
.hw-arch-svg .zt{fill:var(--deep-indigo)}
.hw-arch-svg .wm{font-family:var(--font);font-weight:800;letter-spacing:-.02em}
.hw-arch-svg .wm.i{fill:rgba(78,87,200,.10);font-size:64px}
.hw-arch-svg .wm.e{fill:rgba(201,138,112,.18);font-size:32px}
.hw-arch-svg .chip{fill:#fff;stroke:var(--line-2);stroke-width:1.2}
.hw-arch-svg .chip-t{fill:var(--ink);font-family:'Inter',sans-serif;font-weight:700;font-size:10px}
.hw-arch-svg .cap{fill:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.04em}
.hw-arch-svg .mem{fill:url(#memg);stroke:rgba(124,134,248,.4);stroke-width:1.2}
.hw-arch-svg .mem-dot{fill:rgba(124,134,248,.5)}
.hw-arch-svg .mem-t{fill:var(--deep-indigo);font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:.14em}
.hw-arch-svg .net{stroke:rgba(124,134,248,.32);stroke-width:1.2;stroke-dasharray:3 5;fill:none}
.hw-arch-svg .node{fill:#fff;stroke:rgba(124,134,248,.4);stroke-width:1.3;filter:drop-shadow(0 6px 14px rgba(32,35,60,.08))}
.hw-arch-svg .node-t{fill:var(--ink);font-family:'Inter',sans-serif;font-weight:700;font-size:10px}
.hw-arch-svg .acore{fill:url(#acore);filter:drop-shadow(0 14px 22px rgba(124,134,248,.28));transform-box:fill-box;transform-origin:center;animation:gemPulse 4s var(--ease) infinite}
.hw-arch-svg .acore-t{fill:#fff;font-family:var(--font);font-weight:800;font-size:12px}
.hw-arch-svg .acore-s{fill:rgba(255,255,255,.9);font-family:var(--mono);font-size:8px;letter-spacing:.04em}
.hw-arch-svg .p{fill:var(--indigo)}.hw-arch-svg .p.c{fill:var(--copper)}
.hw-arch-svg .cross{fill:none;stroke:var(--copper);stroke-width:2;stroke-dasharray:6 8;stroke-linecap:round}
.hw-arch-svg .ret{fill:none;stroke:var(--indigo);stroke-width:2;stroke-dasharray:6 8;stroke-linecap:round}
.hw-arch-svg .cross-t{fill:#8A5741;font-family:var(--mono);font-weight:700;font-size:9px}
.hw-arch-svg .ret-t{fill:var(--deep-indigo);font-family:var(--mono);font-weight:700;font-size:9px}
.hw-arch-svg .extbox-t{fill:#8A5741;font-family:'Inter',sans-serif;font-weight:700;font-size:11px}
.hw-arch-svg .extbox-s{fill:var(--muted);font-family:var(--mono);font-size:8.5px}
.hw-arch-svg .mmbox{fill:#fff;stroke:var(--line-2);stroke-width:1.1}
.hw-arch-svg .wave{stroke:var(--deep-indigo);stroke-width:2;stroke-linecap:round;fill:none}
.hw-arch-svg .wave.mask{stroke:var(--copper);opacity:.9}
.hw-arch-svg .vid{fill:none;stroke:var(--deep-indigo);stroke-width:1.3}
.hw-arch-svg .blur{fill:rgba(201,138,112,.55)}
.hw-arch-svg .mm-c{fill:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:.04em}
.hw-arch-legend{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:16px;font-size:.86rem;color:var(--body)}
.hw-arch-legend span{display:inline-flex;align-items:center;gap:9px}
.hw-arch-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.hw-arch-legend .fill{border-radius:3px}
.hw-arch-t2v{max-width:820px;margin:14px auto 0;text-align:center;font-family:var(--mono);font-size:.8rem;color:var(--muted);letter-spacing:.02em}
.hw-arch-t2v b{color:var(--deep-indigo)}

/* ============ WATCH IT HAPPEN (subheadings, no numbers/arrow) ============ */
.hw-demo{max-width:1040px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);overflow:hidden}
.hw-demo-bar{display:flex;align-items:center;gap:9px;padding:15px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#FBF9F6);font-family:var(--mono);font-size:.76rem;color:var(--muted)}
.hw-demo-bar i{width:10px;height:10px;border-radius:50%}
.hw-demo-bar .d1{background:#E8A08B}.hw-demo-bar .d2{background:#E8C98B}.hw-demo-bar .d3{background:#9BA6F5}
.hw-stg{padding:22px 26px;border-bottom:1px solid var(--line)}
.hw-stg:last-child{border-bottom:0}
.hw-sub{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--copper);margin-bottom:12px}
.hw-qtext{font-family:var(--font);font-weight:700;color:var(--ink);font-size:1.16rem;line-height:1.4}
.hw-route{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.hw-rside{border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.hw-rside.internal{background:linear-gradient(160deg,#F4F5FF,#fff);border-color:rgba(124,134,248,.28)}
.hw-rside.external{background:linear-gradient(160deg,#FBF4F0,#fff);border-color:rgba(201,138,112,.28)}
.hw-rside .rk{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.hw-rside.internal .rk{color:var(--deep-indigo)}
.hw-rside.external .rk{color:#8A5741}
.hw-rside .rk .pct{margin-left:auto;font-size:.72rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 9px}
.hw-rside ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.hw-rside li{display:flex;gap:9px;font-size:.9rem;color:var(--body);line-height:1.45}
.hw-rside.internal li:before{content:"\2713";color:var(--deep-indigo);font-weight:900}
.hw-rside.external li:before{content:"\2192";color:#8A5741;font-weight:900}
/* answers: two columns, no arrow between */
.hw-cmp{display:grid;grid-template-columns:1fr 1.12fr;gap:16px}
.hw-cmp .ccol{border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.hw-cmp .ccol.generic{background:#FAF9F7}
.hw-cmp .ccol.grounded{background:linear-gradient(160deg,#F1F0FE,#fff);border-color:rgba(124,134,248,.4);box-shadow:var(--sh-sm)}
.hw-cmp .ck{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:9px}
.hw-cmp .generic .ck{color:var(--muted)}
.hw-cmp .grounded .ck{color:var(--deep-indigo)}
.hw-cmp .ans{font-size:.94rem;line-height:1.55;color:var(--ink)}
.hw-cmp .generic .ans{color:var(--muted)}
.hw-cmp .cap{margin-top:10px;font-size:.8rem;color:var(--muted)}
.hw-cmp .grounded .ev{margin-top:10px;font-family:var(--mono);font-size:.72rem;color:#1c7a4e}
.hw-demo-foot{padding:16px 26px;text-align:center;font-family:var(--font);font-weight:700;color:var(--ink);font-size:1.02rem;background:linear-gradient(180deg,#FCFAF7,#fff)}

/* ============ PRODUCTION EVIDENCE ============ */
.hw-prod{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:1080px;margin:0 auto}
.hw-map{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.hw-country{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--sh-xs);transition:.25s var(--ease)}
.hw-country:hover{transform:translateY(-4px);box-shadow:var(--sh-sm);border-color:rgba(124,134,248,.3)}
.hw-country .c{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--copper)}
.hw-country h4{font-family:'Inter',sans-serif;font-size:.98rem;color:var(--ink);margin:5px 0 0;font-weight:700}
.hw-prod-copy .work{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.hw-prod-copy .work li{display:flex;gap:12px;align-items:flex-start;font-size:.96rem;color:var(--body);line-height:1.5}
.hw-prod-copy .work li:before{content:"\2713";color:var(--green);font-weight:900;margin-top:2px}
.hw-prod-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.hw-prod-badges span{font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--body);background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:7px 12px}

/* ============ CONTROL ============ */
.hw-ctrl{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hw-cc{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px;box-shadow:var(--sh-xs);transition:.26s var(--ease);overflow:hidden}
.hw-cc:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--indigo),var(--copper));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.hw-cc:hover{transform:translateY(-5px);box-shadow:var(--sh-sm)}
.hw-cc:hover:before{transform:scaleX(1)}
.hw-cc .ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:1.15rem;margin-bottom:15px;background:linear-gradient(135deg,rgba(124,134,248,.14),rgba(201,138,112,.16));color:var(--deep-indigo);border:1px solid rgba(124,134,248,.18)}
.hw-cc h3{font-size:1.16rem;margin-bottom:9px}
.hw-cc p{font-size:.94rem;line-height:1.5}
.hw-cc .verify{margin-top:14px;font-family:var(--mono);font-size:.72rem;color:#1c7a4e;font-weight:700;display:inline-flex;align-items:center;gap:7px}

/* ============ CFO + compounding ============ */
.hw-cfo{display:grid;grid-template-columns:1.05fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;background:#fff;box-shadow:var(--sh)}
.hw-cfo-copy{padding:50px 52px}
.hw-cfo-copy .k{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--deep-indigo);font-size:.76rem;font-weight:800;margin-bottom:18px}
.hw-cfo-copy h2{font-size:clamp(1.9rem,3vw,2.5rem);margin-bottom:20px}
.hw-board{display:grid;gap:0}
.hw-board div{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.hw-board div:last-child{border-bottom:0}
.hw-board .ck{color:#0B8A68;font-weight:900;font-size:1.15rem}
.hw-board p{color:var(--ink);font-size:1.02rem;line-height:1.5}
.hw-board p b{color:var(--deep-indigo)}
.hw-compound{position:relative;background:linear-gradient(160deg,#F3EEFB,#FBEEE8);padding:50px 44px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.hw-compound:before{content:"";position:absolute;right:-40px;top:-50px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(124,134,248,.18),transparent 70%)}
.hw-compound .hc-t{position:relative;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);font-weight:700;margin-bottom:12px}
.hw-compound h3{position:relative;font-size:1.45rem;margin-bottom:12px}
.hw-compound p{position:relative;font-size:1rem;line-height:1.6}
.hw-compound .curve{position:relative;margin-top:18px}
.hw-compound svg{width:100%;height:auto}
.cv-line{fill:none;stroke:url(#cg);stroke-width:3.5;stroke-linecap:round}
.cv-area{fill:url(#ca)}
.cv-dot{fill:#fff;stroke:var(--deep-indigo);stroke-width:3}
.cv-lbl{fill:var(--muted);font-family:var(--mono);font-size:10px}

/* ============ WHY NOW ============ */
.hw-now{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hw-ncard{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;box-shadow:var(--sh-xs);transition:.26s var(--ease);overflow:hidden}
.hw-ncard:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--copper),var(--sand-copper));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.hw-ncard:hover{transform:translateY(-5px);box-shadow:var(--sh-sm)}
.hw-ncard:hover:before{transform:scaleX(1)}
.hw-ncard .n{font-family:var(--mono);font-size:.72rem;color:var(--copper);font-weight:700;letter-spacing:.1em}
.hw-ncard h3{font-size:1.18rem;margin:8px 0 8px}
.hw-ncard p{font-size:.95rem;line-height:1.55}

/* ============ Testimonial ============ */
.hw-quote{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);padding:44px 48px;position:relative}
.hw-quote:before{content:"\201C";position:absolute;left:26px;top:6px;font-family:Georgia,serif;font-size:6rem;color:rgba(124,134,248,.12);line-height:1}
.hw-quote .label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--copper);font-size:.74rem;font-weight:800;margin-bottom:14px}
.hw-quote blockquote{position:relative;margin:0;font-family:var(--font);font-weight:700;color:var(--ink);font-size:clamp(1.12rem,1.9vw,1.5rem);line-height:1.45;letter-spacing:-.02em}
.hw-quote .who{margin-top:18px;color:var(--muted);font-weight:700;font-size:.92rem}

/* ============ CRYSTALLIZATION + CTA ============ */
.hw-crux{position:relative;overflow:hidden;background:linear-gradient(120deg,#FFFDFB,#F3EEFB 55%,#FBECE5);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);padding:70px 48px;text-align:center}
.hw-crux:before{content:"";position:absolute;right:-50px;top:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(124,134,248,.16),transparent 70%)}
.hw-crux:after{content:"";position:absolute;left:-50px;bottom:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(201,138,112,.16),transparent 70%)}
.hw-crux>*{position:relative}
.hw-crux .line{font-family:var(--font);font-weight:800;color:var(--ink);font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.03em;line-height:1.05;margin-bottom:16px}
.hw-crux .line .g{background:linear-gradient(105deg,var(--deep-indigo),var(--copper));-webkit-background-clip:text;background-clip:text;color:transparent}
.hw-crux p{max-width:680px;margin:0 auto 28px;font-size:1.12rem;line-height:1.6}
.hw-crux-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}

/* Responsive */
@media(max-width:980px){
  .hw-split,.hw-cfo,.hw-prod{grid-template-columns:1fr;gap:36px}
  .hw-route,.hw-cmp{grid-template-columns:1fr}
  .hw-ctrl,.hw-now{grid-template-columns:1fr}
  .hw-map{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-links{position:fixed;inset:80px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);padding:16px 26px;display:none;flex-direction:column;align-items:stretch;gap:4px}
  .nav-links.open{display:flex}
  .nav-links .nav-hero-cta{margin:8px 0 0;justify-content:center}
  .hamb{display:block}
}
@media(max-width:600px){
  section{padding:62px 0}.tight{padding:50px 0}
  .footer-grid{grid-template-columns:1fr}
  .hw-cta,.hw-crux-cta{flex-direction:column;align-items:stretch}.btn{justify-content:center}
  .hw-cfo-copy,.hw-compound{padding:36px 26px}
  .hw-map{grid-template-columns:1fr}
  .hw-crux{padding:48px 26px}
  .container{padding:0 20px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important}[data-reveal]{opacity:1;transform:none}}

/* Use cases */
/* =========================================================
   Maya AISafe — Use Cases (v5)
   Deltas vs v4: hero sector links = icon-on-top (Manufacturing
   fits one line); dashboard gains a sector tag row, a per-cell
   safeguard micro-line, a restored ERP figure, and a spanning
   "zero storage / no identities" safeguard ribbon.
   ALL sections light; only the footer is dark.
   ========================================================= */
:root{
  --bg:#FBF9F6;--bg2:#F5F2EE;--surface:#FFFFFF;--surface2:#ECE8E3;
  --indigo:#7C86F8;--lav:#B6BCFF;--deep-indigo:#4E57C8;
  --copper:#C98A70;--soft-copper:#E9C6B7;--sand-copper:#D8B19E;
  --nebula:#CAC4FF;--moon:#C7D8FF;--ink:#20233C;--body:#585F79;--muted:#8A8FA6;
  --line:#EAE3D9;--line-2:#E2DBD0;--green:#3E9E6B;--green-soft:#E4F1E9;
  --sh-xs:0 1px 2px rgba(32,35,60,.05);--sh-sm:0 6px 20px rgba(32,35,60,.07);
  --sh:0 20px 50px rgba(32,35,60,.10);--sh-lg:0 40px 90px rgba(32,35,60,.14);
  --sh-copper:0 24px 60px rgba(201,138,112,.28);
  --r:22px;--r-sm:14px;--r-lg:30px;--r-xl:38px;
  --max:1200px;--font:'Sora','Inter',system-ui,sans-serif;--body-font:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--body);font-family:var(--body-font);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}
img,svg{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--font);color:var(--ink);line-height:1.06;letter-spacing:-.03em;margin:0}
h1{font-size:clamp(2.5rem,5vw,4.1rem);font-weight:800}
h2{font-size:clamp(1.9rem,3.4vw,2.8rem);font-weight:800}
h3{font-size:clamp(1.08rem,1.5vw,1.28rem);font-weight:700}
p{margin:0;color:var(--body);font-size:1.05rem}
.container{max-width:var(--max);margin:auto;padding:0 30px}
section{padding:92px 0;position:relative}
.tight{padding:74px 0}
.center{text-align:center}
.lead{font-size:1.2rem;line-height:1.62;max-width:680px;color:var(--body)}
.center .lead{margin-left:auto;margin-right:auto}
.gradient{background:linear-gradient(105deg,var(--deep-indigo),var(--indigo) 45%,var(--copper));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--copper);font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;margin-bottom:18px}
.eyebrow.ctr{justify-content:center}.eyebrow:before{content:"";width:34px;height:1.5px;background:linear-gradient(90deg,var(--copper),transparent);border-radius:9px}.eyebrow.ctr:before{display:none}
.section-head{max-width:840px;margin:0 auto 46px;text-align:center}
.section-head .lead{margin-top:14px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:15px 26px;font-weight:600;font-size:1rem;border:1.5px solid transparent;transition:.28s var(--ease);white-space:nowrap;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn .ar{transition:transform .28s var(--ease)}.btn:hover .ar{transform:translateX(4px)}
.copper{background:linear-gradient(100deg,#B87759,var(--copper) 55%,var(--sand-copper));color:#fff;box-shadow:var(--sh-copper)}
.ghost{background:rgba(255,255,255,.7);border-color:var(--line-2);color:var(--ink);backdrop-filter:blur(6px)}
.ghost:hover{border-color:var(--indigo);color:var(--deep-indigo)}
.nav-hero-cta{background:linear-gradient(100deg,#B87759,var(--copper) 55%,var(--sand-copper));color:#fff!important;box-shadow:0 12px 30px rgba(201,138,112,.32);border:0;padding:12px 20px;font-size:.95rem}

/* Header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(251,249,246,.75);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(234,227,217,.8)}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--font);font-weight:800;color:var(--ink);font-size:1.12rem}
.brand img{width:42px;height:42px;object-fit:contain}
.sub{display:block;margin-top:-3px;color:var(--copper);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.nav-links{display:flex;gap:2px;align-items:center}
.nav-links a{padding:10px 15px;border-radius:11px;color:var(--body);font-weight:500;font-size:.96rem;transition:.2s}
.nav-links a:hover{background:rgba(124,134,248,.09);color:var(--deep-indigo)}
.nav-links a.active{color:var(--deep-indigo);font-weight:600}
.nav-links .nav-hero-cta{margin-left:10px}
.hamb{display:none;background:none;border:0;cursor:pointer;padding:6px}
.hamb span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}

/* Footer (ONLY dark block) */
.footer{background:var(--ink);color:#c7c9dc;padding:76px 0 34px}
.footer h4,.footer .brand{color:#fff}
.footer .brand .sub{color:var(--copper)}
.footer a{display:block;color:#a3a6c0;padding:7px 0;transition:.2s}
.footer a:hover{color:var(--copper)}
.footer p{color:#a3a6c0}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:44px}
.footer h4{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:24px;color:#8e91ac;font-size:.85rem;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal].d1{transition-delay:.06s}[data-reveal].d2{transition-delay:.12s}[data-reveal].d3{transition-delay:.18s}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(201,138,112,0)}}
.bg2{background:var(--bg2)}

/* ============ HERO (sector navigation, icon on top) ============ */
.uc-hero{padding:86px 0 56px;overflow:hidden;position:relative;text-align:center}
.uc-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(760px 460px at 50% -6%,rgba(124,134,248,.22),transparent 60%),radial-gradient(560px 360px at 8% 92%,rgba(201,138,112,.18),transparent 60%),radial-gradient(560px 360px at 94% 92%,rgba(199,216,255,.30),transparent 60%)}
.uc-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(32,35,60,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(32,35,60,.03) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,transparent 68%);mask-image:radial-gradient(circle at 50% 20%,#000,transparent 68%)}
.uc-hero .inner{position:relative;max-width:900px;margin:auto}
.crumb{font-family:var(--mono);font-size:.78rem;color:var(--muted);letter-spacing:.06em;margin-bottom:16px}
.crumb a:hover{color:var(--deep-indigo)}
.uc-kicker{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.82);border:1px solid var(--line-2);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.84rem;color:var(--ink);box-shadow:var(--sh-xs);margin-bottom:22px}
.uc-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 5px rgba(201,138,112,.16);animation:pulse 2.6s var(--ease) infinite}
.uc-hero h1{margin-bottom:20px}
.uc-hero .lead{margin:0 auto 26px}
.uc-hero .sub-note{font-family:var(--mono);font-size:.8rem;color:var(--muted);letter-spacing:.04em;margin-bottom:30px}
/* Sector navigation links — icon on TOP, centered */
.uc-sectornav{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.uc-sectorlink{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border-radius:var(--r);padding:26px 16px 22px;border:1px solid var(--line);background:#fff;box-shadow:var(--sh-xs);transition:.26s var(--ease);overflow:hidden}
.uc-sectorlink:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.uc-sectorlink:hover{transform:translateY(-5px);box-shadow:var(--sh-sm);border-color:rgba(124,134,248,.3)}
.uc-sectorlink:hover:before{transform:scaleX(1)}
.uc-sectorlink .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;color:#fff;margin-bottom:6px}
.uc-sectorlink h3{font-size:.98rem;line-height:1.15;white-space:nowrap;letter-spacing:-.02em}
.uc-sectorlink .n{font-family:var(--mono);font-size:.7rem;color:var(--muted);letter-spacing:.03em;line-height:1.3}
.uc-sectorlink .go{margin-top:8px;font-family:var(--mono);font-size:.74rem;font-weight:700;color:var(--deep-indigo);display:inline-flex;align-items:center;gap:6px}
.uc-sectorlink .go .a{transition:transform .26s var(--ease)}
.uc-sectorlink:hover .go .a{transform:translateX(4px)}
.uc-sectorlink.s1:before{background:linear-gradient(90deg,var(--indigo),var(--deep-indigo))}.uc-sectorlink.s1 .ic{background:linear-gradient(135deg,var(--indigo),var(--deep-indigo))}
.uc-sectorlink.s2:before{background:linear-gradient(90deg,#5A63CE,#8A8DD6)}.uc-sectorlink.s2 .ic{background:linear-gradient(135deg,#5A63CE,#8A8DD6)}
.uc-sectorlink.s3:before{background:linear-gradient(90deg,#B98A86,var(--copper))}.uc-sectorlink.s3 .ic{background:linear-gradient(135deg,#B98A86,var(--copper))}
.uc-sectorlink.s4:before{background:linear-gradient(90deg,var(--copper),var(--sand-copper))}.uc-sectorlink.s4 .ic{background:linear-gradient(135deg,var(--copper),var(--sand-copper))}

/* ============ VALUE DASHBOARD (control-room) ============ */
.vp-intro{max-width:760px;margin:0 auto 30px;text-align:center;font-size:1.04rem;line-height:1.6}
.vp-intro b{color:var(--deep-indigo)}
.vp-intro .plain{display:block;margin-top:10px;font-family:var(--font);font-weight:700;color:var(--ink);font-size:1.12rem}
.vpanel{position:relative;max-width:1040px;margin:0 auto;background:linear-gradient(180deg,#fff,#FCFAF7);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden}
.vpanel:before{content:"";position:absolute;inset:-1px;border-radius:var(--r-xl);padding:1px;background:linear-gradient(135deg,rgba(124,134,248,.4),rgba(201,138,112,.36));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}
.vp-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:1px dashed var(--line);flex-wrap:wrap;position:relative}
.vp-title{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:700;color:var(--ink);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.live{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.72rem;color:#1c7a4e;font-weight:700}
.live i{width:8px;height:8px;border-radius:50%;background:var(--green);animation:live 2s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(62,158,107,.5)}70%{box-shadow:0 0 0 7px rgba(62,158,107,0)}100%{box-shadow:0 0 0 0 rgba(62,158,107,0)}}
.vp-chips{display:flex;gap:8px;flex-wrap:wrap}
.vp-chip{font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--body);background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:6px 11px}
.vp-chip b{color:var(--deep-indigo)}
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);position:relative}
.vseg{position:relative;padding:24px 26px 20px;display:flex;flex-direction:column;background:#fff}
.vseg.q1{background:linear-gradient(155deg,#F3F4FE,#fff 70%)}
.vseg.q2{background:linear-gradient(155deg,#F5EFFB,#fff 70%)}
.vseg.q3{background:linear-gradient(155deg,#F4EEF6,#fff 70%)}
.vseg.q4{background:linear-gradient(155deg,#FBEFE8,#fff 70%)}
.vseg .vhead{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.vseg .vic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;color:#fff;flex:none}
.vseg.q1 .vic{background:linear-gradient(135deg,var(--indigo),var(--deep-indigo))}
.vseg.q2 .vic{background:linear-gradient(135deg,#6E76D2,#8A8DD6)}
.vseg.q3 .vic{background:linear-gradient(135deg,#8A83C9,#B98A86)}
.vseg.q4 .vic{background:linear-gradient(135deg,var(--copper),var(--sand-copper))}
.vseg h3{font-size:1.12rem}
.vseg .vtag{margin-left:auto;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;padding:4px 9px;border-radius:7px}
.vseg.q4 .vtag{background:linear-gradient(100deg,var(--copper),var(--sand-copper))}
.vseg:not(.q4) .vtag{background:linear-gradient(100deg,var(--indigo),var(--deep-indigo))}
/* sector tag row (the added hierarchy level) */
.vsectors{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.vsectors span{font-family:var(--mono);font-size:.64rem;font-weight:700;letter-spacing:.03em;color:var(--body);background:rgba(32,35,60,.04);border:1px solid var(--line);border-radius:999px;padding:4px 9px}
.vout{font-family:var(--font);font-weight:800;color:var(--ink);font-size:1.02rem;line-height:1.3;margin:10px 0 12px}
.vfigs{display:flex;flex-wrap:wrap;gap:11px 18px}
.vfig{display:flex;flex-direction:column;min-width:0}
.vfig .m{font-family:var(--font);font-weight:800;font-size:1.32rem;line-height:1;color:var(--deep-indigo);letter-spacing:-.02em}
.vfig .m span{color:var(--copper)}
.vfig .ml{font-size:.72rem;color:var(--body);margin-top:4px;max-width:140px;line-height:1.26}
.vbar{display:flex;height:7px;border-radius:6px;overflow:hidden;margin-top:14px;background:rgba(32,35,60,.05)}
.vbar span{height:100%}
.vseg-foot{margin-top:12px;padding-top:11px;border-top:1px dashed var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.vscope{font-family:var(--mono);font-size:.66rem;color:var(--muted);letter-spacing:.02em;display:flex;align-items:center;gap:7px}
.vscope .d{width:6px;height:6px;border-radius:50%;background:var(--copper)}
.vsafe{font-size:.72rem;color:#1c7a4e;font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
/* spanning safeguard ribbon */
.vribbon{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:14px 22px;background:linear-gradient(90deg,rgba(62,158,107,.10),rgba(124,134,248,.08));border-top:1px solid var(--line);font-family:var(--mono);font-size:.74rem;font-weight:700;color:#1c7a4e;letter-spacing:.03em}
.vribbon .sep{width:5px;height:5px;border-radius:50%;background:var(--green);opacity:.7}
.vribbon b{color:var(--deep-indigo)}
.vp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-top:1px solid var(--line);flex-wrap:wrap;background:linear-gradient(180deg,#FCFAF7,#fff)}
.vp-foot .cue{font-weight:700;color:var(--deep-indigo);display:inline-flex;align-items:center;gap:9px}
.vp-foot .cue .a{transition:transform .26s var(--ease)}
.vp-foot .cue:hover .a{transform:translateY(3px)}
.vp-foot .note{font-family:var(--mono);font-size:.7rem;color:var(--muted);max-width:520px;line-height:1.4}

/* ============ SECTOR SECTIONS ============ */
.sec-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.sec-ic{width:52px;height:52px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:1.25rem;color:#fff}
.sec-head.s1 .sec-ic{background:linear-gradient(135deg,var(--indigo),var(--deep-indigo))}
.sec-head.s2 .sec-ic{background:linear-gradient(135deg,#5A63CE,#8A8DD6)}
.sec-head.s3 .sec-ic{background:linear-gradient(135deg,#B98A86,var(--copper))}
.sec-head.s4 .sec-ic{background:linear-gradient(135deg,var(--copper),var(--sand-copper))}
.sec-head h2{font-size:1.7rem}
.sec-head p{font-size:.94rem;color:var(--muted);margin-top:2px}
.sec-head .cnt{margin-left:auto;font-family:var(--mono);font-size:.74rem;color:var(--muted);letter-spacing:.08em}
.uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ucard{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 26px 22px;box-shadow:var(--sh-xs);transition:.28s var(--ease);overflow:hidden;display:flex;flex-direction:column;height:100%}
.ucard:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--indigo),var(--copper));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.ucard:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(124,134,248,.16);border-color:rgba(124,134,248,.3)}
.ucard:hover:before{transform:scaleX(1)}
.ucard .utag{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--copper);font-weight:700}
.ucard .story{font-family:var(--font);font-weight:700;color:var(--ink);font-size:1.08rem;line-height:1.34;letter-spacing:-.01em;margin:8px 0 4px}
.ucard .fact{font-size:.9rem;color:var(--body);line-height:1.5;margin-top:6px}
.ucard .metric{margin-top:16px;display:flex;align-items:baseline;gap:9px}
.ucard .metric .m{font-family:var(--font);font-weight:800;font-size:1.4rem;color:var(--deep-indigo);line-height:1}
.ucard .metric .m span{color:var(--copper)}
.ucard .metric .ml{font-size:.8rem;color:var(--muted)}
.ucard .foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.ucard .safe{font-size:.78rem;color:#256B45;display:inline-flex;gap:7px;align-items:center;line-height:1.3}
.ucard .more{font-family:var(--body-font);font-weight:700;font-size:.86rem;color:var(--deep-indigo);background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:0}
.ucard .more .a{transition:transform .26s var(--ease)}.ucard .more:hover .a{transform:translateX(4px)}

/* ============ MODAL ============ */
.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(24,26,44,.5);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .28s var(--ease)}
.modal-overlay.show{display:flex;opacity:1}
.modal{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);max-width:720px;width:100%;max-height:88vh;overflow-y:auto;transform:translateY(14px);transition:transform .3s var(--ease);position:relative}
.modal-overlay.show .modal{transform:none}
.modal-top{position:relative;padding:34px 40px 0}
.modal .mclose{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:1.1rem;cursor:pointer;display:grid;place-items:center;transition:.2s}
.modal .mclose:hover{background:var(--bg2);color:var(--deep-indigo)}
.modal .mtag{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--copper);font-weight:700}
.modal h3{font-size:1.6rem;margin:10px 0 4px;max-width:90%}
.modal .mscale{font-size:.9rem;color:var(--muted)}
.modal-body{padding:22px 40px 8px}
.modal .mstory{font-family:var(--font);font-weight:600;color:var(--ink);font-size:1.1rem;line-height:1.5;letter-spacing:-.01em;margin-bottom:18px}
.modal .mstory b{color:var(--deep-indigo)}
.modal .mfigs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.modal .mfig{background:linear-gradient(160deg,#F3EEFB,#FBF6FF);border:1px solid var(--line);border-radius:16px;padding:18px}
.modal .mfig .m{font-family:var(--font);font-weight:800;font-size:1.6rem;color:var(--deep-indigo);line-height:1}
.modal .mfig .m span{color:var(--copper)}
.modal .mfig .ml{font-size:.8rem;color:var(--muted);margin-top:6px;line-height:1.35}
.modal .mrow{display:grid;gap:9px;margin:6px 0 18px}
.modal .mrow div{display:flex;gap:10px;font-size:.94rem;color:var(--body);line-height:1.5}
.modal .mrow div:before{content:"\2713";color:var(--green);font-weight:900}
.modal .msafe{display:flex;gap:10px;align-items:flex-start;background:var(--green-soft);border:1px solid rgba(62,158,107,.24);border-radius:12px;padding:12px 14px;color:#256B45;font-size:.9rem;line-height:1.45}
.modal-foot{padding:18px 40px 34px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.modal .quote{font-family:var(--font);font-style:italic;color:var(--ink);font-size:.98rem;border-left:3px solid var(--copper);padding-left:14px;margin:0}

/* ============ TRUST (light) ============ */
.tr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tr-pillar{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 30px;box-shadow:var(--sh-xs);transition:.26s var(--ease);overflow:hidden}
.tr-pillar:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--indigo),var(--copper));transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.tr-pillar:hover{transform:translateY(-5px);box-shadow:var(--sh-sm)}
.tr-pillar:hover:before{transform:scaleX(1)}
.tr-pillar .pic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:1.25rem;margin-bottom:16px;background:linear-gradient(135deg,rgba(124,134,248,.14),rgba(201,138,112,.16));color:var(--deep-indigo);border:1px solid rgba(124,134,248,.18)}
.tr-pillar h3{font-size:1.24rem;margin-bottom:10px}
.tr-pillar ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tr-pillar li{display:flex;gap:10px;color:var(--body);font-size:.94rem;line-height:1.45}
.tr-pillar li:before{content:"\2713";color:var(--green);font-weight:900}
.tr-pillar .std{margin-top:16px;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--copper)}

/* ============ PROOF ============ */
.uc-proofband{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.uc-pb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.uc-pb{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 30px;box-shadow:var(--sh-xs);overflow:hidden;transition:.3s var(--ease)}
.uc-pb:hover{transform:translateY(-6px);box-shadow:var(--sh-sm)}
.uc-pb .big{font-family:var(--font);font-weight:800;font-size:2.9rem;line-height:1;letter-spacing:-.03em;color:var(--deep-indigo)}
.uc-pb .big span{color:var(--copper)}
.uc-pb .bl{margin-top:8px;font-weight:700;color:var(--ink)}
.uc-pb h3{margin:15px 0 8px;font-size:1.1rem}
.uc-pb p{font-size:.93rem;line-height:1.5}
.uc-pb .rows{margin-top:14px;display:grid;gap:6px}
.uc-pb .rows div{display:flex;gap:9px;font-size:.86rem;color:var(--body)}
.uc-pb .rows div:before{content:"\2713";color:var(--green);font-weight:900}

/* ============ Testimonial ============ */
.uc-quote{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);padding:44px 48px;position:relative}
.uc-quote:before{content:"\201C";position:absolute;left:26px;top:6px;font-family:Georgia,serif;font-size:6rem;color:rgba(124,134,248,.12);line-height:1}
.uc-quote .label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--copper);font-size:.74rem;font-weight:800;margin-bottom:14px}
.uc-quote blockquote{position:relative;margin:0;font-family:var(--font);font-weight:700;color:var(--ink);font-size:clamp(1.12rem,1.9vw,1.45rem);line-height:1.45;letter-spacing:-.02em}
.uc-quote .who{margin-top:18px;color:var(--muted);font-weight:700;font-size:.92rem}

/* ============ CTA (light) ============ */
.uc-cta-light{position:relative;overflow:hidden;background:linear-gradient(120deg,#FFFDFB,#F3EEFB 55%,#FBECE5);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);padding:64px 48px;text-align:center}
.uc-cta-light:before{content:"";position:absolute;right:-50px;top:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(124,134,248,.16),transparent 70%)}
.uc-cta-light:after{content:"";position:absolute;left:-50px;bottom:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(201,138,112,.16),transparent 70%)}
.uc-cta-light>*{position:relative}
.uc-cta-light h2{max-width:820px;margin:0 auto 16px}
.uc-cta-light p{max-width:720px;margin:0 auto 28px;font-size:1.1rem;line-height:1.66}

/* Responsive */
@media(max-width:980px){
  .uc-sectornav{grid-template-columns:1fr 1fr}
  .vgrid{grid-template-columns:1fr}
  .uc-grid,.tr-grid,.uc-pb-grid{grid-template-columns:1fr 1fr}
  .modal .mfigs{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-links{position:fixed;inset:80px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);padding:16px 26px;display:none;flex-direction:column;align-items:stretch;gap:4px}
  .nav-links.open{display:flex}
  .nav-links .nav-hero-cta{margin:8px 0 0;justify-content:center}
  .hamb{display:block}
}
@media(max-width:600px){
  section{padding:64px 0}.tight{padding:52px 0}
  .uc-sectornav,.uc-grid,.tr-grid,.uc-pb-grid{grid-template-columns:1fr}
  .modal .mfigs{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .modal-top,.modal-body,.modal-foot{padding-left:24px;padding-right:24px}
  .container{padding:0 20px}
  .sec-head .cnt{display:none}
  .vp-chips{display:none}
  .uc-sectorlink h3{font-size:1.02rem}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important}[data-reveal]{opacity:1;transform:none}.live i{animation:none}}

/* Connect */
/* =========================================================
   Maya AISafe — Connect (About + Contact) v3
   OFFLINE-PROOF: literal brand colours/fonts on body & headings
   (never falls to serif/white even if variables or web-fonts
   fail). Reveals are JS-gated so content shows without scripts.
   All sections light; only footer dark.
   ========================================================= */
:root{
  --bg:#FBF9F6;--bg2:#F5F2EE;--surface:#FFFFFF;--surface2:#ECE8E3;
  --indigo:#7C86F8;--lav:#B6BCFF;--deep-indigo:#4E57C8;
  --copper:#C98A70;--soft-copper:#E9C6B7;--sand-copper:#D8B19E;
  --nebula:#CAC4FF;--moon:#C7D8FF;--ink:#20233C;--body:#585F79;--muted:#8A8FA6;
  --line:#EAE3D9;--line-2:#E2DBD0;--green:#3E9E6B;--green-soft:#E4F1E9;
  --sh-xs:0 1px 2px rgba(32,35,60,.05);--sh-sm:0 6px 20px rgba(32,35,60,.07);
  --sh:0 20px 50px rgba(32,35,60,.10);--sh-lg:0 40px 90px rgba(32,35,60,.14);
  --sh-copper:0 24px 60px rgba(201,138,112,.28);
  --r:22px;--r-sm:14px;--r-lg:30px;--r-xl:38px;--max:1200px;
  --font:'Sora','Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  --body-font:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
/* Literal fallbacks so a variable/font failure can never blank the page */
body{margin:0;background:#FBF9F6;background:var(--bg);color:#585F79;color:var(--body);
  font-family:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img,svg{max-width:100%;display:block}
h1,h2,h3,h4{font-family:'Sora','Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  color:#20233C;color:var(--ink);line-height:1.06;letter-spacing:-.03em;margin:0}
h1{font-size:clamp(2.5rem,5vw,4.05rem);font-weight:800}
h2{font-size:clamp(1.9rem,3.4vw,2.8rem);font-weight:800}
h3{font-size:clamp(1.08rem,1.5vw,1.28rem);font-weight:700}
p{margin:0;color:#585F79;color:var(--body);font-size:1.05rem}
.container{max-width:1200px;max-width:var(--max);margin:auto;padding:0 30px}
section{padding:88px 0;position:relative}
.tight{padding:70px 0}
.center{text-align:center}
.lead{font-size:1.2rem;line-height:1.62;max-width:720px;color:#585F79;color:var(--body)}
.center .lead{margin-left:auto;margin-right:auto}
/* Gradient text with a solid fallback colour so it's always visible */
.gradient{color:#4E57C8;color:var(--deep-indigo);background:linear-gradient(105deg,#4E57C8,#7C86F8 45%,#C98A70);background:linear-gradient(105deg,var(--deep-indigo),var(--indigo) 45%,var(--copper));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:12px;color:#C98A70;color:var(--copper);font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;margin-bottom:18px}
.eyebrow.ctr{justify-content:center}.eyebrow:before{content:"";width:34px;height:1.5px;background:linear-gradient(90deg,#C98A70,transparent);background:linear-gradient(90deg,var(--copper),transparent);border-radius:9px}.eyebrow.ctr:before{display:none}
.section-head{max-width:860px;margin:0 auto 46px;text-align:center}
.section-head .lead{margin-top:14px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:15px 26px;font-weight:600;font-size:1rem;border:1.5px solid transparent;transition:.28s var(--ease);white-space:nowrap;cursor:pointer;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.btn .ar{transition:transform .28s var(--ease)}.btn:hover .ar{transform:translateX(4px)}
.copper{background:linear-gradient(100deg,#B87759,#C98A70 55%,#D8B19E);color:#fff;box-shadow:var(--sh-copper)}
.ghost{background:rgba(255,255,255,.7);border-color:#E2DBD0;border-color:var(--line-2);color:#20233C;color:var(--ink);backdrop-filter:blur(6px)}
.ghost:hover{border-color:var(--indigo);color:var(--deep-indigo)}
.nav-hero-cta{background:linear-gradient(100deg,#B87759,#C98A70 55%,#D8B19E);color:#fff!important;box-shadow:0 12px 30px rgba(201,138,112,.32);border:0;padding:12px 20px;font-size:.95rem}

/* Header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(251,249,246,.85);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(234,227,217,.8)}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--font);font-weight:800;color:#20233C;color:var(--ink);font-size:1.12rem}
.brand img{width:42px;height:42px;object-fit:contain}
.sub{display:block;margin-top:-3px;color:#C98A70;color:var(--copper);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.nav-links{display:flex;gap:2px;align-items:center}
.nav-links a{padding:10px 15px;border-radius:11px;color:#585F79;color:var(--body);font-weight:500;font-size:.96rem;transition:.2s}
.nav-links a:hover{background:rgba(124,134,248,.09);color:var(--deep-indigo)}
.nav-links a.active{color:#4E57C8;color:var(--deep-indigo);font-weight:600}
.nav-links .nav-hero-cta{margin-left:10px}
.hamb{display:none;background:none;border:0;cursor:pointer;padding:6px}
.hamb span{display:block;width:24px;height:2px;background:#20233C;margin:5px 0;border-radius:2px}

/* Footer (ONLY dark block) */
.footer{background:#20233C;background:var(--ink);color:#c7c9dc;padding:76px 0 34px}
.footer h4,.footer .brand{color:#fff}
.footer .brand .sub{color:#C98A70;color:var(--copper)}
.footer a{display:block;color:#a3a6c0;padding:7px 0;transition:.2s}
.footer a:hover{color:var(--copper)}
.footer p{color:#a3a6c0}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:44px}
.footer h4{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:24px;color:#8e91ac;font-size:.85rem;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}

/* Reveal — JS-gated: only hidden when <html class="js">, so content
   is always visible if scripts fail to run (offline safety). */
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js [data-reveal].in{opacity:1;transform:none}
[data-reveal].d1{transition-delay:.06s}[data-reveal].d2{transition-delay:.12s}[data-reveal].d3{transition-delay:.18s}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(201,138,112,0)}}
.bg2{background:#F5F2EE;background:var(--bg2)}

/* ============ HERO ============ */
.cn-hero{padding:90px 0 60px;overflow:hidden;position:relative;text-align:center}
.cn-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(760px 460px at 50% -6%,rgba(124,134,248,.22),transparent 60%),radial-gradient(560px 360px at 8% 92%,rgba(201,138,112,.16),transparent 60%),radial-gradient(560px 360px at 92% 92%,rgba(199,216,255,.28),transparent 60%)}
.cn-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(32,35,60,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(32,35,60,.03) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,transparent 68%);mask-image:radial-gradient(circle at 50% 20%,#000,transparent 68%)}
.cn-hero .inner{position:relative;max-width:900px;margin:auto}
.crumb{font-family:var(--mono);font-size:.78rem;color:#8A8FA6;color:var(--muted);letter-spacing:.06em;margin-bottom:16px}
.crumb a:hover{color:var(--deep-indigo)}
.cn-kicker{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.82);border:1px solid #E2DBD0;border:1px solid var(--line-2);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.84rem;color:#20233C;color:var(--ink);box-shadow:var(--sh-xs);margin-bottom:22px}
.cn-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#C98A70;background:var(--copper);box-shadow:0 0 0 5px rgba(201,138,112,.16);animation:pulse 2.6s var(--ease) infinite}
.cn-hero h1{margin-bottom:20px}
.cn-hero .lead{margin:0 auto 24px}
.cn-hero .facts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.cn-hero .facts span{font-family:var(--mono);font-size:.78rem;font-weight:700;color:#585F79;color:var(--body);background:#fff;border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:999px;padding:9px 15px;box-shadow:var(--sh-xs)}
.cn-hero .facts b{color:#4E57C8;color:var(--deep-indigo)}

/* ============ WHO WE ARE + FOUNDER ============ */
.ab-two{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:stretch;max-width:1100px;margin:0 auto}
.ab-who{align-self:center}
.ab-who .eyebrow{margin-bottom:14px}
.ab-who h2{margin-bottom:16px}
.ab-who p+p{margin-top:14px}
.ab-founder{position:relative;background:#fff;border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);padding:38px 38px}
.ab-founder:before{content:"\201C";position:absolute;left:24px;top:6px;font-family:Georgia,serif;font-size:5.4rem;color:rgba(124,134,248,.12);line-height:1}
.ab-founder .t{position:relative;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#C98A70;color:var(--copper);font-weight:700;margin-bottom:16px}
.ab-founder p{position:relative;font-size:1.02rem;line-height:1.62;color:#3a3f57}
.ab-founder p+p{margin-top:13px}
.ab-founder .sig{position:relative;margin-top:20px;padding-top:16px;border-top:1px solid #EAE3D9;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}
.ab-founder .sig .av{width:48px;height:48px;border-radius:14px;flex:none;display:grid;place-items:center;font-family:var(--font);font-weight:800;color:#fff;font-size:1.05rem;background:linear-gradient(135deg,#7C86F8,#C98A70)}
.ab-founder .sig .nm{font-family:var(--font);font-weight:800;color:#20233C;color:var(--ink);font-size:1.02rem}
.ab-founder .sig .rl{font-size:.85rem;color:#8A8FA6;color:var(--muted);margin-top:2px}

/* ============ BELIEFS ============ */
.ab-beliefs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ab-belief{position:relative;background:#fff;border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px;box-shadow:var(--sh-xs);transition:.26s var(--ease);overflow:hidden}
.ab-belief:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#7C86F8,#C98A70);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.ab-belief:hover{transform:translateY(-5px);box-shadow:var(--sh-sm)}
.ab-belief:hover:before{transform:scaleX(1)}
.ab-belief .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:1.15rem;margin-bottom:14px;background:linear-gradient(135deg,rgba(124,134,248,.14),rgba(201,138,112,.16));color:#4E57C8;color:var(--deep-indigo);border:1px solid rgba(124,134,248,.18)}
.ab-belief h3{font-size:1.16rem;margin-bottom:8px}
.ab-belief p{font-size:.95rem;line-height:1.55}

/* ============ TRUST: partners + certifications (UNCHANGED) ============ */
.ab-trust{max-width:1080px;margin:0 auto}
.ab-wall-t{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#8A8FA6;color:var(--muted);text-align:center;margin-bottom:16px}
.ab-partners{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.ab-partner{background:#fff;border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:16px;padding:22px 18px;box-shadow:var(--sh-xs);text-align:center;transition:.25s var(--ease)}
.ab-partner:hover{transform:translateY(-4px);box-shadow:var(--sh-sm);border-color:rgba(124,134,248,.3)}
.ab-partner .nm{font-family:var(--font);font-weight:800;color:#20233C;color:var(--ink);font-size:1.08rem}
.ab-partner .rl{font-size:.82rem;color:#8A8FA6;color:var(--muted);margin-top:4px}
.ab-partner-note{text-align:center;color:#8A8FA6;color:var(--muted);font-size:.9rem;margin:6px auto 30px;max-width:640px}
.ab-certs{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.ab-cert{display:inline-flex;align-items:center;gap:9px;background:#F5F2EE;background:var(--bg2);border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-family:var(--mono);font-size:.8rem;font-weight:700;color:#585F79;color:var(--body)}
.ab-cert i{width:8px;height:8px;border-radius:50%;background:#3E9E6B;background:var(--green)}
.ab-cert.pat i{background:#C98A70;background:var(--copper)}

/* ============ ANCHOR reference (Helse Vest) ============ */
.ab-ref{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:0;border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;background:#fff;box-shadow:var(--sh)}
.ab-ref-num{background:linear-gradient(160deg,#4E57C8,#7C86F8);color:#fff;padding:44px 40px;display:flex;flex-direction:column;justify-content:center}
.ab-ref-num .big{font-family:var(--font);font-weight:800;font-size:3.2rem;line-height:1;letter-spacing:-.03em}
.ab-ref-num .big span{color:#D8B19E;color:var(--sand-copper)}
.ab-ref-num .bl{margin-top:8px;font-weight:700;font-size:1.02rem}
.ab-ref-num .who{margin-top:18px;font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:rgba(255,255,255,.85)}
.ab-ref-copy{padding:44px 42px;position:relative}
.ab-ref-copy:before{content:"\201C";position:absolute;left:26px;top:8px;font-family:Georgia,serif;font-size:5rem;color:rgba(124,134,248,.12);line-height:1}
.ab-ref-copy blockquote{position:relative;margin:0 0 16px;font-family:var(--font);font-weight:700;color:#20233C;color:var(--ink);font-size:1.24rem;line-height:1.45;letter-spacing:-.02em}
.ab-ref-copy .attr{color:#8A8FA6;color:var(--muted);font-weight:700;font-size:.92rem}
.ab-ref-copy .cta{margin-top:20px}

/* ============ PATHS ============ */
.ct-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ct-path{position:relative;background:#fff;border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px;box-shadow:var(--sh-xs);transition:.26s var(--ease);overflow:hidden;display:flex;flex-direction:column}
.ct-path:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#7C86F8,#C98A70);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.ct-path:hover{transform:translateY(-5px);box-shadow:var(--sh-sm)}
.ct-path:hover:before{transform:scaleX(1)}
.ct-path .ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:1.2rem;margin-bottom:14px;background:linear-gradient(135deg,rgba(124,134,248,.14),rgba(201,138,112,.16));color:#4E57C8;color:var(--deep-indigo);border:1px solid rgba(124,134,248,.18)}
.ct-path h3{font-size:1.16rem;margin-bottom:8px}
.ct-path p{font-size:.94rem;line-height:1.5}
.ct-path .go{margin-top:auto;padding-top:14px;font-family:var(--mono);font-size:.78rem;font-weight:700;color:#4E57C8;color:var(--deep-indigo);display:inline-flex;align-items:center;gap:7px}
.ct-path .go .a{transition:transform .26s var(--ease)}.ct-path:hover .go .a{transform:translateX(4px)}

/* ============ FORM + WHAT NEXT ============ */
.ct-core{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:start;max-width:1080px;margin:0 auto}
.ct-form{background:#fff;border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);padding:34px 36px}
.ct-form h3{font-size:1.4rem;margin-bottom:6px}
.ct-form .fh{color:#8A8FA6;color:var(--muted);font-size:.96rem;margin-bottom:20px}
.ct-field{margin-bottom:16px}
.ct-field label{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#585F79;color:var(--body);margin-bottom:7px}
.ct-field input,.ct-field select,.ct-field textarea{width:100%;border:1.5px solid #E2DBD0;border:1.5px solid var(--line-2);border-radius:12px;padding:13px 14px;font-family:inherit;font-size:.98rem;color:#20233C;color:var(--ink);background:#fff;transition:.2s}
.ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 4px rgba(124,134,248,.12)}
.ct-field textarea{min-height:110px;resize:vertical}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-form .submit{margin-top:6px}
.ct-form .note{margin-top:12px;font-size:.8rem;color:#8A8FA6;color:var(--muted)}
.ct-next{background:linear-gradient(160deg,#F3EEFB,#FBEEE8);border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-xs);padding:32px 30px}
.ct-next .t{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#C98A70;color:var(--copper);font-weight:700;margin-bottom:16px}
.ct-steps{display:grid;gap:16px}
.ct-step{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:flex-start}
.ct-step .n{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#7C86F8,#4E57C8);color:#fff;display:grid;place-items:center;font-family:var(--font);font-weight:800;box-shadow:var(--sh-sm)}
.ct-step h4{font-size:1.02rem;margin-bottom:3px}
.ct-step p{font-size:.9rem;line-height:1.45}
.ct-next .foot{margin-top:20px;padding-top:16px;border-top:1px solid #EAE3D9;border-top:1px solid var(--line);font-family:var(--font);font-weight:700;color:#20233C;color:var(--ink);font-size:.98rem}

/* ============ DIRECT ============ */
.ct-direct{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1080px;margin:0 auto}
.ct-office{background:#fff;border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--sh-xs)}
.ct-office .c{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#C98A70;color:var(--copper)}
.ct-office h4{font-size:1.08rem;margin:6px 0 8px}
.ct-office p,.ct-office a{font-size:.92rem;color:#585F79;color:var(--body);line-height:1.6}
.ct-office a:hover{color:var(--deep-indigo)}
.ct-strip{max-width:1080px;margin:26px auto 0;display:flex;gap:14px 26px;flex-wrap:wrap;justify-content:center;padding:18px 0;border-top:1px solid #EAE3D9;border-top:1px solid var(--line)}
.ct-strip .p{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:#585F79;color:var(--body);font-size:.9rem}
.ct-strip .p i{width:7px;height:7px;border-radius:50%;background:#C98A70;background:var(--copper)}
.ct-strip .sep{width:1px;height:14px;background:#E2DBD0;background:var(--line-2)}

/* ============ CTA ============ */
.cn-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#FFFDFB,#F3EEFB 55%,#FBECE5);border:1px solid #EAE3D9;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh);padding:60px 48px;text-align:center}
.cn-cta:before{content:"";position:absolute;right:-50px;top:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(124,134,248,.16),transparent 70%)}
.cn-cta:after{content:"";position:absolute;left:-50px;bottom:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(201,138,112,.16),transparent 70%)}
.cn-cta>*{position:relative}
.cn-cta h2{max-width:760px;margin:0 auto 12px}
.cn-cta p{max-width:640px;margin:0 auto 26px;font-size:1.08rem;line-height:1.6}

/* Responsive */
@media(max-width:980px){
  .ab-two,.ab-ref,.ct-core{grid-template-columns:1fr;gap:30px}
  .ab-beliefs,.ab-partners,.ct-paths,.ct-direct{grid-template-columns:1fr 1fr}
  .ab-ref-num{padding:34px 30px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-links{position:fixed;inset:80px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);padding:16px 26px;display:none;flex-direction:column;align-items:stretch;gap:4px}
  .nav-links.open{display:flex}
  .nav-links .nav-hero-cta{margin:8px 0 0;justify-content:center}
  .hamb{display:block}
}
@media(max-width:600px){
  section{padding:60px 0}.tight{padding:48px 0}
  .ab-beliefs,.ab-partners,.ct-paths,.ct-direct{grid-template-columns:1fr}
  .ct-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .cn-cta{padding:44px 26px}.ct-form,.ct-next,.ab-founder{padding:28px 22px}
  .container{padding:0 20px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.js [data-reveal]{opacity:1;transform:none}}

/* ===== NEW component styles (no custom section backgrounds — sections use native .bg2/plain) ===== */
.nx-close{max-width:760px;margin:26px auto 0;text-align:center;font-size:1.06rem;color:#585F79}
.nx-close b{color:#4E57C8}

/* Device 1 — full continuous line, items listed above each side */
.nx2{max-width:1020px;margin:0 auto}
.nx2-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.nx2-col .nx2-h{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-bottom:14px}
.nx2-col.them .nx2-h{color:#8A8FA6}
.nx2-col.maya .nx2-h{color:#4E57C8}
.nx2-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.nx2-col li{font-size:1.02rem;color:#20233C;display:flex;gap:11px;align-items:center}
.nx2-col.them li:before{content:"\2013";color:#B9877A;font-weight:700}
.nx2-col.maya li:before{content:"\2713";color:#4E57C8;font-weight:900}
.nx2-line{position:relative;height:48px;margin:26px 0 12px}
.nx2-line .rail{position:absolute;left:0;right:0;top:50%;height:6px;transform:translateY(-50%);border-radius:6px;background:linear-gradient(90deg,#C98A70 0 50%,#7C86F8 50% 100%);box-shadow:0 2px 8px rgba(32,35,60,.10)}
.nx2-line .rail:before,.nx2-line .rail:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%}
.nx2-line .rail:before{left:-2px;background:#C98A70}
.nx2-line .rail:after{right:-2px;background:#7C86F8}
.nx2-line .chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#7C86F8,#C98A70);color:#fff;display:grid;place-items:center;font-size:1.2rem;box-shadow:0 8px 22px rgba(32,35,60,.18);border:3px solid #fff}
.nx2-caps{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.nx2-caps .them{color:#B9877A;font-style:italic;font-size:.88rem}
.nx2-caps .maya{color:#4E57C8;font-weight:700;font-size:.88rem;text-align:right}

/* Private-AI stack */
.nx-stack{max-width:860px;margin:0 auto;background:#fff;border:1px solid #EAE3D9;border-radius:24px;box-shadow:0 20px 50px rgba(32,35,60,.10);overflow:hidden}
.nx-stack-head,.nx-rung{display:grid;grid-template-columns:1fr 90px 90px;align-items:center;padding:0 22px}
.nx-stack-head{padding-top:16px;padding-bottom:8px;font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.nx-stack-head .sh-them{text-align:center;color:#8A8FA6}.nx-stack-head .sh-maya{text-align:center;color:#4E57C8}
.nx-rung{min-height:52px;border-top:1px solid #F0EAE0}
.nx-rung .rl{font-size:.96rem;color:#20233C;font-weight:500}
.nx-rung.base{background:linear-gradient(180deg,#F5F2EE,#fff)}
.nx-rung .dot{justify-self:center;width:16px;height:16px;border-radius:50%}
.nx-rung .dot.on{background:linear-gradient(135deg,#7C86F8,#4E57C8);box-shadow:0 0 0 4px rgba(124,134,248,.14)}
.nx-rung .dot.off{background:#EAE3D9}
.nx-stack-cap{padding:14px 22px 18px;font-size:.86rem;color:#8A8FA6;border-top:1px dashed #EAE3D9;line-height:1.5}

/* Governance prominent card */
.notcat.two{grid-template-columns:1fr 1fr}
.nc-hero{margin-top:18px;background:linear-gradient(160deg,#FBF1EC,#fff);border:1px solid #E7CDBF;border-left:5px solid #C98A70!important;box-shadow:0 22px 55px rgba(201,138,112,.18);padding:30px 34px}
.nc-hero .x{color:#B87759}
.nc-hero h3{font-size:1.3rem}
.nc-hero p{font-size:1.02rem;line-height:1.6}
.nc-hero p b{color:#20233C}

/* HIW 5-step stepper */
.hw-stepper{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.hw-stepper:before{content:"";position:absolute;left:9%;right:9%;top:23px;height:3px;background:linear-gradient(90deg,#7C86F8,#C98A70);border-radius:3px;z-index:0}
.hw-step{position:relative;z-index:1;text-align:center;padding:0 12px}
.hw-step .sn{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 12px;border-radius:50%;background:#fff;border:2px solid #7C86F8;color:#4E57C8;font-family:'Sora',sans-serif;font-weight:800;box-shadow:0 6px 16px rgba(124,134,248,.2)}
.hw-step.out .sn{border-color:#C98A70;color:#B87759}
.hw-step h4{font-size:1.02rem;color:#20233C;margin-bottom:5px}
.hw-step p{font-size:.86rem;color:#585F79;line-height:1.45}
.hw-steplead{max-width:760px;margin:0 auto 24px;text-align:center}
.hw-stepfoot{max-width:720px;margin:22px auto 0;text-align:center;font-size:1rem;color:#585F79}
.hw-arch-svg .node-sub{fill:#8A8FA6;font-family:'JetBrains Mono',monospace;font-size:6.5px}
.hw-cmp{align-items:start}

@media(max-width:980px){
  .nx2-cols,.nx2-caps{grid-template-columns:1fr;gap:10px}
  .nx2-caps .maya{text-align:left}
  .notcat.two{grid-template-columns:1fr}
  .hw-stepper{grid-template-columns:1fr 1fr}.hw-stepper:before{display:none}.hw-step{padding:14px}
}
@media(max-width:600px){.hw-stepper{grid-template-columns:1fr}}

/* read-box / reid (HIW 3rd prompt panel) */
.prompt-box.read-box{border-color:rgba(62,158,107,.3);background:linear-gradient(160deg,#EAF4EE,#fff)}
.prompt-box.read-box .prompt-label{color:#1c7a4e}
.prompt-arrow.reid{color:#4E57C8}

/* Offline-proof hardening */
body{background:#FBF9F6;color:#585F79;font-family:'Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif}
h1,h2,h3,h4{font-family:'Sora','Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;color:#20233C}
.gradient{color:#4E57C8;-webkit-text-fill-color:transparent}
.eyebrow{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
[data-reveal]{opacity:1;transform:none}
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.js [data-reveal].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none}}

/* Local fonts */
@font-face{font-family:'Sora';src:url('fonts/Sora.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/Inter.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('fonts/JetBrainsMono.woff2') format('woff2');font-weight:400 600;font-display:swap}