:root{
  --ink:#11152f; --ink-2:#282f5a; --muted:#596184;
  --paper:#fffaf4; --paper-2:#f7f3ff; --paper-3:#effcf8; --paper-4:#fff0f8;
  --line:#e7e5f1; --line-strong:#d9d5e8;
  --purple:#7557ff; --purple-2:#a78bfa; --cyan:#33cdd0; --mint:#74e2b8;
  --pink:#ff79c8; --coral:#ff8b8f; --yellow:#ffe597; --blue:#7ea8ff;
  --danger:#be3750;
  --shadow:0 30px 80px rgba(69,49,143,.14); --shadow-soft:0 14px 36px rgba(56,44,114,.08);
  --r-sm:14px; --r-md:22px; --r-lg:34px; --r-xl:48px;
  --max:1360px; --read:760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58;-webkit-font-smoothing:antialiased;background:
  radial-gradient(circle at 10% 4%,rgba(116,226,184,.18),transparent 22rem),
  radial-gradient(circle at 92% 10%,rgba(255,121,200,.16),transparent 24rem),
  radial-gradient(circle at 84% 58%,rgba(117,87,255,.08),transparent 28rem),
  linear-gradient(180deg,#fffdf9 0,#fffaf5 42%,#fbf9ff 100%);
  min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(64,55,130,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(64,55,130,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 75%);z-index:-1}
img{display:block;max-width:100%} a{color:inherit} button,input,select,textarea{font:inherit}.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.narrow{width:min(calc(100% - 48px),920px);margin-inline:auto}
.skip{position:fixed;left:16px;top:-100px;z-index:9999;background:#fff;padding:12px 16px;border-radius:14px;box-shadow:var(--shadow);font-weight:900}.skip:focus{top:16px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:1000;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));box-shadow:0 0 18px rgba(117,87,255,.35)}
.header{position:sticky;top:0;z-index:100;background:rgba(255,250,244,.82);backdrop-filter:blur(22px) saturate(140%);border-bottom:1px solid rgba(222,218,237,.75)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:950;letter-spacing:-.045em}.brandmark{width:38px;height:38px;display:grid;grid-template:1fr 1fr/1fr 1fr;gap:3px;transform:rotate(7deg);filter:drop-shadow(0 8px 12px rgba(117,87,255,.14))}.brandmark i{border-radius:12px}.brandmark i:nth-child(1){background:linear-gradient(135deg,var(--purple),var(--pink))}.brandmark i:nth-child(2){background:linear-gradient(135deg,var(--cyan),var(--mint))}.brandmark i:nth-child(3){background:linear-gradient(135deg,var(--yellow),var(--coral))}.brandmark i:nth-child(4){background:linear-gradient(135deg,var(--pink),var(--purple-2))}
.navlinks{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:flex-end}.navlinks a{padding:9px 10px;border-radius:999px;text-decoration:none;font-size:.88rem;font-weight:850;color:var(--ink-2);transition:background .18s,color .18s,transform .18s}.navlinks a:hover,.navlinks a:focus-visible,.navlinks a[aria-current="page"]{background:#f0ebff;color:#5e46d6}.navlinks .cta{background:linear-gradient(100deg,var(--purple),var(--pink));color:white;padding-inline:16px;box-shadow:0 8px 20px rgba(117,87,255,.2)}.navlinks .cta:hover{transform:translateY(-1px);color:#fff}.navlinks .lang{border:1px solid var(--line);background:rgba(255,255,255,.86)}
.menu{display:none;min-width:46px;min-height:46px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font-size:1.25rem;font-weight:900;box-shadow:var(--shadow-soft)}.mobile{display:none;padding-bottom:16px}.mobile.open{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile a{padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;font-weight:850}.mobile a[aria-current="page"]{background:#f0ebff;color:#5e46d6}
.eyebrow{font-size:.7rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase;color:#7077a5;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:25px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink))}.gradient{background:linear-gradient(95deg,#6547ef,var(--pink) 45%,#14aeb8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{padding:62px 0 34px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center;position:relative}.hero h1,.page-hero h1{font-size:clamp(3.8rem,7vw,6.8rem);line-height:.88;letter-spacing:-.075em;margin:14px 0 24px;max-width:1000px}.hero p,.page-hero p{color:var(--muted);font-size:1.12rem;max-width:710px}.hero-art,.page-art{border-radius:var(--r-xl);overflow:hidden;border:1px solid rgba(220,215,236,.9);background:#fff;box-shadow:var(--shadow);position:relative;isolation:isolate}.hero-art:before,.page-art:before{content:"";position:absolute;inset:0;border:10px solid rgba(255,255,255,.5);border-radius:inherit;z-index:2;pointer-events:none}.hero-art:after,.page-art:after{content:"";position:absolute;inset:auto -12% -28% auto;width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(51,205,208,.18),transparent 66%);z-index:1;pointer-events:none}.hero-art img{width:100%;aspect-ratio:16/11;object-fit:cover;transition:transform .45s ease}.hero-art:hover img{transform:scale(1.015)}.page-art img{width:100%;aspect-ratio:16/10;object-fit:cover}.floating-tag{position:absolute;left:20px;bottom:20px;z-index:3;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);font-size:.7rem;font-weight:950;letter-spacing:.07em;text-transform:uppercase;border:1px solid rgba(220,215,236,.9);box-shadow:var(--shadow-soft)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 20px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid transparent;transition:.18s ease;letter-spacing:-.01em}.btn:hover,.btn:focus-visible{transform:translateY(-2px)}.btn.primary{background:linear-gradient(100deg,var(--purple),var(--pink));color:#fff;box-shadow:0 16px 34px rgba(117,87,255,.22)}.btn.secondary{background:rgba(255,255,255,.82);border-color:var(--line);box-shadow:var(--shadow-soft)}.btn.dark{background:var(--ink);color:#fff}.btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35)}
.kickerline{display:inline-flex;align-items:center;gap:9px;font-weight:850;color:var(--ink-2);margin-top:12px}.kickerline:before{content:"";width:38px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink))}
.trustbar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.trustitem{padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.trustitem:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--cyan),var(--purple),var(--pink))}.trustitem b{display:block}.trustitem span{display:block;color:var(--muted);font-size:.82rem;margin-top:2px}
.section{padding:96px 0;position:relative}.section.soft{background:linear-gradient(135deg,rgba(238,252,248,.88),rgba(255,244,251,.9) 48%,rgba(247,243,255,.92));border-top:1px solid rgba(231,229,241,.7);border-bottom:1px solid rgba(231,229,241,.7)}.section.dark{background:linear-gradient(125deg,#171f52,#4c2f73 55%,#0e8086);color:#fff}.section-head{display:grid;grid-template-columns:1fr minmax(320px,520px);gap:42px;align-items:end;margin-bottom:38px}.section-head h2,.split h2{font-size:clamp(2.7rem,4.8vw,5rem);line-height:.94;letter-spacing:-.064em;margin:9px 0 0}.section-head p,.split p{color:var(--muted);margin:0}.section.dark p,.section.dark .section-head p{color:#dfe7ff}
.card{background:rgba(255,255,255,.84);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d9d1ff}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card .body{padding:26px}.card.pad{padding:28px}.card h3{font-size:1.75rem;line-height:1.04;letter-spacing:-.048em;margin:11px 0}.card p{color:var(--muted);margin:0 0 14px}.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f1edff;color:#5b41cc;font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(117,87,255,.08)}.badge.mint{background:#eafff7;color:#0b7860}.badge.pink{background:#fff0fa;color:#a91d70}.badge.yellow{background:#fff8d7;color:#725f00}.badge.dark{background:#edf0ff;color:#2d3978}.more{font-weight:900;color:#5b45cc;text-decoration:none}.more:after{content:"  ↗"}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{padding:8px 11px;border-radius:999px;background:#f6f3ff;border:1px solid #e6e1ff;font-size:.8rem;font-weight:850;color:#464c7b}
.bento{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.stack{display:grid;gap:22px}.feature-project{display:grid;grid-template-columns:1.05fr .95fr;min-height:560px}.feature-project .media{min-height:100%}.feature-project .media img{height:100%;object-fit:cover}.feature-project .copy{padding:42px;display:flex;flex-direction:column;justify-content:center}.feature-project h3{font-size:clamp(2.8rem,4.2vw,4.8rem);line-height:.9;letter-spacing:-.07em;margin:11px 0 16px}.grid2,.grid3,.grid4{display:grid;gap:22px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}
.feature{padding:24px;border:1px solid var(--line);background:rgba(255,255,255,.8);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 8px 26px rgba(61,49,119,.045)}.feature:before{content:"";display:block;width:38px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));margin-bottom:16px}.feature b{display:block;margin-bottom:6px;font-size:1.02rem}.feature span{color:var(--muted);font-size:.91rem}
.quote{padding:58px;border-radius:var(--r-xl);background:linear-gradient(125deg,#182052,#513077 52%,#0e858a);color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.quote:after{content:"";position:absolute;right:-80px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,229,151,.25),transparent 70%)}.quote h2{font-size:clamp(3rem,5.5vw,5.7rem);line-height:.9;letter-spacing:-.07em;margin:10px 0 18px;max-width:1120px}.quote p{color:#dce6ff;max-width:880px}.quote .accent{color:var(--mint)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.split.reverse img{order:2}.split img{border-radius:var(--r-xl);border:1px solid var(--line);box-shadow:var(--shadow)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:step}.step{padding:24px;border:1px solid var(--line);background:rgba(255,255,255,.82);border-radius:22px;min-height:148px;position:relative;overflow:hidden}.step:after{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;right:14px;bottom:-8px;font-size:3.5rem;font-weight:950;color:rgba(117,87,255,.07);line-height:1}.step b{display:block;margin-bottom:6px}.step span{color:var(--muted);font-size:.91rem}
.callout{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:52px;border-radius:var(--r-xl);background:linear-gradient(110deg,var(--purple),var(--pink) 54%,var(--cyan));color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.callout:before{content:"";position:absolute;inset:auto -120px -170px auto;width:360px;height:360px;border-radius:50%;background:rgba(255,229,151,.23)}.callout>*{position:relative;z-index:1}.callout h2{font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:.92;letter-spacing:-.063em;margin:0 0 8px}.callout p{max-width:710px;margin:0;color:#fff}.callout .actions{margin-top:0}
.metricbar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:22px;border-radius:22px;background:rgba(255,255,255,.84);border:1px solid var(--line)}.metric strong{display:block;font-size:1.32rem}.metric span{display:block;color:var(--muted);font-size:.86rem}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center}.node{padding:19px 12px;text-align:center;border-radius:18px;border:1px solid var(--line);background:#fff;font-weight:900;box-shadow:var(--shadow-soft)}.arrow{font-size:1.35rem;font-weight:950;color:var(--purple)}
.page-hero{padding:42px 0 18px;position:relative;overflow:hidden}.breadcrumb{padding-top:12px;color:var(--muted);font-size:.86rem}.breadcrumb a{text-decoration:none}.page-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.page-hero h1{font-size:clamp(3.6rem,6.7vw,6.7rem)}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.caption{color:var(--muted);font-size:.78rem;margin-top:8px}
.toc{position:sticky;top:90px;z-index:40;margin:24px auto 0;display:flex;gap:5px;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 24px);padding:9px 12px;border:1px solid var(--line);background:rgba(255,251,246,.93);backdrop-filter:blur(16px);border-radius:999px;box-shadow:var(--shadow-soft)}.toc a{padding:7px 10px;border-radius:999px;text-decoration:none;font-size:.8rem;font-weight:850}.toc a:hover,.toc a:focus-visible{background:#f0ebff;color:#5841cb}
.timeline{display:grid;gap:10px}.timeitem{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:start;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.84);border-radius:20px;box-shadow:0 8px 26px rgba(61,49,119,.04)}.timeitem b{color:#5841cb}.notice{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.84)}.notice strong{display:block;margin-bottom:4px}.notice p{margin:0;color:var(--muted)}
.form{display:grid;gap:16px;max-width:860px}.field{display:grid;gap:7px}.field label{font-weight:900}.field input,.field select,.field textarea{width:100%;padding:14px 15px;border:1px solid #cfd3e6;border-radius:15px;background:#fff;color:var(--ink);transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(117,87,255,.1);outline:none}.field textarea{min-height:160px;resize:vertical}.field small{color:var(--muted)}.form-note{padding:17px;border-radius:17px;background:#f3f6ff;color:var(--ink-2);font-size:.9rem;border:1px solid #e2e8ff}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.84);padding:0 19px;box-shadow:0 8px 26px rgba(61,49,119,.035)}.faq summary{cursor:pointer;font-weight:900;padding:18px 0}.faq details p{color:var(--muted);margin-top:0}.legal h2{font-size:1.82rem;margin-top:42px;letter-spacing:-.03em}.legal p,.legal li{color:var(--ink-2)}.legal .lede{font-size:1.06rem;color:var(--muted)}
.footer{padding:64px 0 30px;background:linear-gradient(145deg,#12183a,#1b2050 56%,#123d4a);color:#fff;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;right:-130px;top:-190px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,121,200,.16),transparent 65%)}.foot{display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:32px;position:relative}.foot p,.foot a{color:#cbd3f2}.foot a{display:block;text-decoration:none;margin:7px 0}.foot a:hover{text-decoration:underline}.foot h4{margin:0 0 10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#aeb8e0;font-size:.83rem;position:relative}
.cookie{position:fixed;z-index:500;left:18px;right:18px;bottom:18px;max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 80px rgba(15,20,60,.25);padding:20px;display:none}.cookie.show{display:block}.cookie-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.cookie-copy{max-width:610px}.cookie-copy p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie-actions button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 14px;font-weight:900}.cookie-actions .accept{background:var(--purple);color:#fff;border-color:var(--purple)}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.in{opacity:1;transform:none}:focus-visible{outline:3px solid #176cff;outline-offset:3px}
@media(max-width:1080px){.navlinks{display:none}.menu{display:inline-flex;align-items:center;justify-content:center}.hero-grid,.page-grid,.split,.bento{grid-template-columns:1fr}.split.reverse img{order:0}.feature-project{grid-template-columns:1fr}.feature-project .media img{height:auto}.trustbar,.grid4,.metricbar{grid-template-columns:repeat(2,1fr)}.grid3,.steps{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}.foot{grid-template-columns:1fr 1fr}.toc{position:static}.cookie-row{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.shell,.narrow{width:min(calc(100% - 24px),var(--max))}.nav{min-height:68px}.mobile.open{grid-template-columns:1fr}.hero{padding-top:28px}.hero h1,.page-hero h1{font-size:clamp(3rem,16vw,5rem)}.hero-art,.page-art{border-radius:26px}.hero-art img{aspect-ratio:4/5}.page-art img{aspect-ratio:4/3}.trustbar,.grid2,.grid3,.grid4,.steps,.metricbar{grid-template-columns:1fr}.section{padding:68px 0}.section-head h2,.split h2{font-size:clamp(2.6rem,12vw,4rem)}.feature-project .copy{padding:28px}.quote{padding:38px 24px}.callout{padding:32px 24px;display:block}.callout .actions{margin-top:22px}.foot{grid-template-columns:1fr}.toc{justify-content:flex-start;border-radius:20px}.timeitem{grid-template-columns:1fr}.cookie{left:10px;right:10px;bottom:10px}.btn{width:100%}.actions{display:grid}.floating-tag{left:12px;bottom:12px}.brandmark{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*{transition:none!important;animation:none!important}}
@media print{.header,.footer,.cookie,.toc,.actions,#scroll-progress{display:none!important}.section,.hero,.page-hero{padding:24px 0}.shell,.narrow{width:100%}.card,.quote,.callout{box-shadow:none}.quote,.callout{background:#fff!important;color:#000!important;border:1px solid #ccc}.quote p,.callout p{color:#333!important}}

/* V8 — Migration / archive components */
.origin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.origin-card{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,255,249,.86));border:1px solid rgba(53,42,91,.11);border-radius:28px;padding:30px;box-shadow:0 20px 60px rgba(54,40,92,.08)}
.origin-card h3{margin:.2rem 0 .7rem;font-size:clamp(1.45rem,2.5vw,2.2rem)}
.archive-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.archive-strip span{padding:12px 14px;border-radius:999px;background:#fff;border:1px solid rgba(53,42,91,.10);font-weight:700;font-size:.88rem;text-align:center}
.legacy-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.legacy-shot{background:#fff;border:1px solid rgba(53,42,91,.1);border-radius:28px;padding:18px;box-shadow:0 18px 50px rgba(54,40,92,.08)}.legacy-shot img{width:100%;height:auto;border-radius:18px;display:block}.legacy-shot figcaption{font-size:.9rem;color:var(--muted);margin-top:12px}
.truth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.truth-card{padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(53,42,91,.1)}.truth-card b{display:block;margin-bottom:7px}.truth-card span{color:var(--muted)}
.evidence-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:#f7f1ff;color:#5e34a8;font-weight:800;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase}
.migration-note{padding:20px 22px;border-left:5px solid #8d5cff;background:linear-gradient(90deg,#fbf8ff,#fff);border-radius:0 18px 18px 0}
@media(max-width:820px){.origin-grid,.legacy-gallery,.truth-grid{grid-template-columns:1fr}.archive-strip{grid-template-columns:repeat(2,1fr)}}

/* ========================================================================== */
/* V9 — EXPERIENCE LAB                                                       */
/* ========================================================================== */
:root{
  --glass:rgba(255,255,255,.78);
  --glass-strong:rgba(255,255,255,.9);
  --v9-shadow:0 24px 80px rgba(69,49,143,.12);
}

/* richer hero depth, still calm */
.hero:before,.page-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 16% 22%,rgba(51,205,208,.12),transparent 22rem),
  radial-gradient(circle at 78% 12%,rgba(255,121,200,.12),transparent 24rem),
  radial-gradient(circle at 64% 72%,rgba(117,87,255,.09),transparent 28rem);z-index:-1}
.hero-grid,.page-grid{position:relative}
.hero-grid:after,.page-grid:after{content:"";position:absolute;right:3%;top:2%;width:82px;height:82px;border-radius:26px;background:linear-gradient(135deg,rgba(255,229,151,.55),rgba(255,121,200,.22));filter:blur(0);transform:rotate(12deg);z-index:-1;opacity:.75}

/* Evidence board */
.v9-evidence{padding-top:52px}
.evidence-board{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.evidence-panel{position:relative;overflow:hidden;padding:30px;border:1px solid var(--line);border-radius:30px;background:var(--glass);box-shadow:var(--shadow-soft);min-height:250px}
.evidence-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink))}
.evidence-panel.known{background:linear-gradient(145deg,rgba(234,255,247,.95),rgba(255,255,255,.92))}
.evidence-panel.testing{background:linear-gradient(145deg,rgba(246,241,255,.97),rgba(255,255,255,.92))}
.evidence-panel.notyet{background:linear-gradient(145deg,rgba(255,245,250,.97),rgba(255,255,255,.92))}
.evidence-kicker{display:inline-flex;margin-bottom:24px;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid rgba(34,35,70,.09);font-size:.7rem;font-weight:950;letter-spacing:.12em;color:#585f88}
.evidence-panel h3{font-size:1.8rem;line-height:1.05;letter-spacing:-.045em;margin:0 0 12px}.evidence-panel p{margin:0;color:var(--muted)}
.lab-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.lab-links a{display:flex;flex-direction:column;gap:3px;padding:18px 20px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;box-shadow:0 10px 30px rgba(56,44,114,.05);transition:.18s ease}.lab-links a:hover,.lab-links a:focus-visible{transform:translateY(-2px);border-color:#cabfff;box-shadow:var(--shadow-soft)}.lab-links span{font-size:.65rem;letter-spacing:.13em;font-weight:950;color:#757ca4}.lab-links b{font-size:1rem;color:#5841cb}

/* Generic interaction lab */
.lab-section{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(246,241,255,.88) 48%,rgba(235,255,248,.88));border-top:1px solid rgba(231,229,241,.8);border-bottom:1px solid rgba(231,229,241,.8)}
.lab-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-180px;background:radial-gradient(circle,rgba(255,121,200,.17),transparent 67%);pointer-events:none}
.lab-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}.lab-intro{position:sticky;top:112px}.lab-intro h2{font-size:clamp(2.8rem,4.7vw,4.8rem);line-height:.94;letter-spacing:-.06em;margin:9px 0 18px}.lab-intro p{color:var(--muted)}

/* Tactile Signal Lab */
.tactile-lab{display:grid;gap:18px}.tactile-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tactile-controls button,.modality-buttons button,.access-grid button,.access-reset{border:1px solid var(--line);background:rgba(255,255,255,.9);color:var(--ink);border-radius:20px;padding:17px 18px;text-align:left;font-weight:950;box-shadow:0 9px 24px rgba(56,44,114,.045);cursor:pointer;transition:.18s ease}.tactile-controls button:hover,.tactile-controls button:focus-visible,.tactile-controls button.active,.modality-buttons button:hover,.modality-buttons button:focus-visible,.modality-buttons button.active{transform:translateY(-2px);border-color:#bcaeff;background:linear-gradient(135deg,#fff,#f4efff);color:#563cc8}.tactile-controls button:last-child{grid-column:1/-1;background:linear-gradient(135deg,#fbfbff,#eefcf8)}.tactile-controls small{display:block;color:var(--muted);font-weight:750;margin-top:3px}.tactile-stage{min-height:260px;padding:32px;border-radius:30px;background:linear-gradient(135deg,#171f52,#493170 60%,#0c747b);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:var(--shadow)}.pulse-track{display:flex;gap:12px;align-items:center;min-height:74px}.pulse-track i{display:block;width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);transform:scale(.78)}.pulse-track i.on{background:linear-gradient(135deg,var(--cyan),var(--pink));box-shadow:0 0 28px rgba(255,121,200,.65);transform:scale(1.35)}.lab-live{font-size:1.35rem;font-weight:900;margin:14px 0 4px}.lab-note{color:#cbd4f6;font-size:.82rem}

/* Para Friend state lab */
.state-lab{display:grid;grid-template-columns:.7fr 1.3fr;gap:22px;align-items:stretch}.state-inputs{display:grid;gap:14px;padding:24px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.84)}.state-inputs label,.modality-options label{font-weight:950;display:grid;gap:8px}.state-inputs select,.modality-options select{width:100%;padding:14px 14px;border-radius:15px;border:1px solid #cfd3e6;background:#fff;color:var(--ink)}.state-result{padding:30px;border-radius:28px;background:linear-gradient(135deg,#171f52,#4f3377 58%,#0f737b);color:#fff;box-shadow:var(--shadow);min-height:230px;display:flex;flex-direction:column;justify-content:center}.state-result h3{font-size:2.05rem;line-height:1.04;letter-spacing:-.045em;margin:12px 0}.state-result p{color:#dfe6ff;margin:0}.state-pill{align-self:flex-start;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-size:.7rem;font-weight:950;letter-spacing:.1em}.state-result[data-tone="good"]{background:linear-gradient(135deg,#143f45,#126b63,#2f8d70)}.state-result[data-tone="warn"]{background:linear-gradient(135deg,#3b2859,#6a3a78,#925a74)}.state-result[data-tone="unknown"]{background:linear-gradient(135deg,#28324e,#3d4968,#4d5c77)}.state-rule{grid-column:1/-1;padding:17px 19px;border-radius:18px;border-left:5px solid var(--purple);background:#fff;color:var(--ink-2)}

/* Research modality lab */
.modality-lab{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.modality-options{padding:24px;border-radius:28px;background:#fff;border:1px solid var(--line)}.modality-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.modality-buttons button{text-align:center;padding:14px}.modality-output{padding:30px;border-radius:28px;background:linear-gradient(135deg,#171f52,#493170 60%,#0e7a80);color:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.modality-output>span{font-size:.7rem;font-weight:950;letter-spacing:.11em;color:#cdd5ff}.modality-output h3{font-size:2.1rem;line-height:1.02;margin:10px 0;letter-spacing:-.045em}.modality-output p{color:#dfe6ff;margin:0}

/* Accessibility dock */
.access-dock{position:fixed;right:18px;bottom:18px;z-index:480;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.access-trigger{width:52px;height:52px;border-radius:18px;border:1px solid rgba(117,87,255,.2);background:linear-gradient(135deg,#fff,#f1ecff);color:#4935b2;font-weight:950;box-shadow:0 18px 45px rgba(62,45,135,.19);cursor:pointer}.access-panel{width:min(340px,calc(100vw - 28px));padding:18px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);box-shadow:0 26px 80px rgba(30,24,75,.22)}.access-panel-head{display:flex;flex-direction:column;gap:1px;margin-bottom:13px}.access-panel-head strong{font-size:1.05rem}.access-panel-head span{font-size:.76rem;color:var(--muted)}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.access-grid button{padding:11px 12px;border-radius:14px;text-align:center;font-size:.82rem}.access-grid button[aria-pressed="true"]{background:#171f52;color:#fff;border-color:#171f52}.access-reset{width:100%;margin-top:8px;padding:10px 12px;border-radius:14px;text-align:center;background:#faf9ff;font-size:.82rem}

/* active table of contents */
.toc a.active{background:#171f52;color:#fff;border-color:#171f52}

/* Accessibility preference classes */
html.sfa-large{font-size:112%}
body.sfa-calm{--shadow:none;--shadow-soft:none;background:#fffdf9!important}
body.sfa-calm:before{display:none}
body.sfa-calm .hero:before,body.sfa-calm .page-hero:before,body.sfa-calm .lab-section:before{display:none}
body.sfa-calm .gradient{background:none;color:var(--purple)}
body.sfa-calm .card,body.sfa-calm .hero-art,body.sfa-calm .page-art,body.sfa-calm .quote,body.sfa-calm .callout{box-shadow:none}
body.sfa-contrast{--ink:#000;--ink-2:#111;--muted:#222;--paper:#fff;--paper-2:#fff;--paper-3:#fff;--paper-4:#fff;--line:#000;--line-strong:#000;background:#fff!important;color:#000}
body.sfa-contrast:before{display:none}
body.sfa-contrast .header{background:#fff;border-color:#000}
body.sfa-contrast .card,body.sfa-contrast .feature,body.sfa-contrast .trustitem,body.sfa-contrast .evidence-panel,body.sfa-contrast .state-inputs,body.sfa-contrast .modality-options{background:#fff;border:2px solid #000;color:#000;box-shadow:none}
body.sfa-contrast .btn.primary,body.sfa-contrast .navlinks .cta{background:#000;color:#fff}
body.sfa-contrast .gradient{background:none;color:#000}
body.sfa-contrast .badge,body.sfa-contrast .chip{border:1px solid #000;background:#fff;color:#000}
body.sfa-contrast a{text-decoration-thickness:2px}
body.sfa-contrast :focus-visible{outline:4px solid #ffde00;outline-offset:4px}
body.sfa-motion-off *,body.sfa-motion-off *:before,body.sfa-motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

@media(max-width:1080px){.evidence-board,.lab-links{grid-template-columns:1fr}.lab-shell,.state-lab,.modality-lab{grid-template-columns:1fr}.lab-intro{position:static}.state-rule{grid-column:auto}}
@media(max-width:720px){.tactile-controls,.modality-buttons{grid-template-columns:1fr}.access-dock{right:10px;bottom:10px}.access-trigger{width:48px;height:48px}.access-grid{grid-template-columns:1fr}.evidence-panel{min-height:auto}.tactile-stage{min-height:220px;padding:24px}.state-result,.modality-output{padding:24px}.lab-live{font-size:1.15rem}}
@media print{.access-dock,.v9-evidence .lab-links{display:none!important}}


/* V14 — Public Website + Interactive Research Campus */
.v14-experience{background:linear-gradient(135deg,rgba(239,252,248,.78),rgba(249,244,255,.82) 48%,rgba(255,244,250,.82));border-block:1px solid rgba(231,229,241,.8)}
.v14-lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.v14-mini-lab{padding:26px;display:flex;flex-direction:column;min-height:560px}.v14-mini-lab h3{font-size:2rem}.v14-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.v14-state-chip{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.9);font-size:.65rem;font-weight:950;letter-spacing:.1em}.v14-button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0}.v14-button-grid button,.v14-small-btn,.v14-campus-tabs button{min-height:46px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);font-weight:900;cursor:pointer}.v14-button-grid button:hover,.v14-button-grid button:focus-visible,.v14-campus-tabs button:hover,.v14-campus-tabs button:focus-visible,.v14-campus-tabs button[aria-selected="true"]{border-color:#b9acff;background:#f1edff;color:#563cc8}.v14-signal-stage{margin:6px 0 18px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#171f52,#51367a 62%,#0b777e);color:#fff;text-align:center}.v14-pulses,.v14-large-pulses{display:flex;min-height:46px;align-items:center;justify-content:center;gap:10px}.v14-pulses i,.v14-large-pulses i{width:18px;height:18px;border-radius:99px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22)}.v14-pulses i.on,.v14-large-pulses i.on{background:linear-gradient(135deg,var(--cyan),var(--pink));box-shadow:0 0 24px rgba(255,121,200,.55);transform:scale(1.3)}.v14-live-title,.v14-live-copy{display:block}.v14-live-copy{font-size:.82rem;color:#dfe6ff;margin-top:4px}.v14-label,.v14-range-label{display:grid;gap:7px;margin:10px 0;font-weight:900}.v14-label select{width:100%;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink)}.v14-range-label span{justify-self:end;color:var(--muted);font-size:.78rem}.v14-range-label input{width:100%}.v14-logic-result,.v14-gate-output{margin:12px 0 18px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#faf9ff}.v14-logic-result>span,.v14-gate-output>span{font-size:.65rem;letter-spacing:.1em;font-weight:950;color:#69709a}.v14-logic-result strong,.v14-gate-output strong{display:block;font-size:1.3rem;margin-top:6px}.v14-logic-result p,.v14-gate-output p{font-size:.86rem;margin-top:5px}.v14-lab-hero .page-grid{align-items:center}.v14-hero-console{padding:30px;border-radius:32px;background:linear-gradient(135deg,#171f52,#51367a 58%,#0b777e);color:#fff;box-shadow:var(--shadow);display:grid;gap:14px}.v14-hero-console>span{font-size:.7rem;font-weight:950;letter-spacing:.14em;color:#d7dcff}.v14-hero-console>strong{font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.05}.v14-hero-console p{color:#dfe6ff;margin:0}.v14-console-line{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.v14-console-line i{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink))}.v14-campus-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.v14-campus-tabs button{padding:12px 16px}.v14-campus-panel{padding:26px;border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.72);box-shadow:var(--shadow-soft)}.v14-campus-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.v14-control-panel,.v14-stage-panel{padding:24px;border:1px solid var(--line);border-radius:25px;background:#fff}.v14-stage-panel{background:linear-gradient(145deg,#fff,#f8f5ff)}.v14-stage-panel>h3{font-size:2.1rem;line-height:1.04;margin:14px 0 8px}.v14-large-pulses{min-height:74px;background:linear-gradient(135deg,#171f52,#4f3377,#0f737b);border-radius:20px;margin-top:16px}.v14-large-pulses i{width:22px;height:22px}.v14-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.v14-metric-grid>div{padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.v14-metric-grid span{display:block;color:var(--muted);font-size:.7rem;font-weight:850}.v14-metric-grid strong{display:block;margin-top:5px;font-size:1.05rem}.v14-safe-note{margin-top:16px;padding:14px 15px;border-left:5px solid var(--purple);border-radius:14px;background:#fff;color:var(--ink-2);font-size:.86rem}.v14-bay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.v14-bay{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;cursor:pointer}.v14-bay[aria-pressed="true"]{outline:2px solid var(--purple);outline-offset:2px}.v14-bay small{display:block;color:var(--muted);margin-top:4px}.v14-stage-stack{display:grid;gap:8px;margin-top:16px}.v14-stage-stack>div{padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#fff;font-weight:850}.v14-stage-stack>div.active{outline:2px solid var(--purple);outline-offset:1px;background:#f3efff}
@media(max-width:1080px){.v14-lab-grid{grid-template-columns:1fr}.v14-mini-lab{min-height:auto}.v14-campus-grid{grid-template-columns:1fr}.v14-bay-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.v14-button-grid,.v14-metric-grid{grid-template-columns:1fr}.v14-campus-panel{padding:14px}.v14-control-panel,.v14-stage-panel{padding:18px}.v14-bay-grid{grid-template-columns:1fr 1fr}}
