/* Auricita / Arcadia shared design system. Auricita Design Standard tokens. No em dashes in visible copy. Gold = value only. */
:root{
  --cobalt:#003C9D;--cobalt-700:#002F80;--cobalt-600:#003C9D;--cobalt-500:#1A5CC2;--cobalt-400:#4D85D5;--cobalt-300:#8BAEE3;--cobalt-200:#B9CCEC;--cobalt-100:#E2EBF8;--cobalt-050:#F2F6FC;
  --gold:#C9A24A;--gold-deep:#9C7A28;--gold-bright:#E5CC95;--gold-soft:#F4E6BD;--gold-100:#F7EFD8;
  --ink:#0A1426;--t-900:#131C2F;--t-700:#2E3A52;--t-500:#5B6679;--t-400:#8089A0;--t-300:#AEB6C6;
  --bg:#EDF1F8;--n-050:#E7ECF4;--panel:#FFFFFF;--hair:#E1E7F0;--hair-2:#D4DCEA;
  --page-top:#08306E;--page-mid:#04204F;--page-bot:#020E27;--on-dark:#EAF1FC;--on-dark-mute:#A6BBDB;--on-dark-faint:#6F86AC;
  --pos:#1F8A5B;--brick:#9A4C3C;
  --r:16px;--r-lg:24px;--r-sm:10px;
  --sh-1:0 1px 2px rgba(16,28,52,.04),0 2px 10px rgba(16,28,52,.05);
  --sh-2:0 10px 40px -16px rgba(16,28,52,.18);
  --sh-gold:0 14px 50px -16px rgba(201,162,74,.5);
  --ease:cubic-bezier(.22,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Nunito Sans",-apple-system,system-ui,sans-serif;font-optical-sizing:auto;color:var(--on-dark);background:linear-gradient(176deg,var(--page-top) 0%,var(--page-mid) 46%,var(--page-bot) 100%) fixed;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Nunito",sans-serif;color:var(--ink);line-height:1.08;text-wrap:balance}
h1{letter-spacing:-.03em}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--cobalt-400);outline-offset:3px;border-radius:6px}
.nav-signin,.method a.more,footer a.mail,.more{position:relative}
.nav-signin::after,.method a.more::after,footer a.mail::after,.more::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:currentColor;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}
.nav-signin:hover::after,.method a.more:hover::after,footer a.mail:hover::after,.more:hover::after{transform:scaleX(1)}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.kicker{font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:var(--cobalt-300);font-weight:500;font-variant-numeric:tabular-nums}
.btn{display:inline-block;font-weight:700;font-size:15px;padding:14px 28px;border-radius:980px;transition:transform .14s var(--ease),box-shadow .2s var(--ease),filter .14s var(--ease),background .14s var(--ease);cursor:pointer;border:none}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 6px 22px -8px rgba(201,162,74,.45)}
.btn-gold:hover{transform:translateY(-1px);box-shadow:var(--sh-gold),0 0 26px -2px rgba(201,162,74,.55);filter:brightness(1.04)}
.btn:active{transform:translateY(1px) scale(.97);transition-duration:.06s}
.btn-ghost{background:transparent;color:var(--on-dark);border:1px solid rgba(166,187,219,.4);padding:13px 24px}
.btn-ghost:hover{border-color:var(--on-dark);background:rgba(255,255,255,.05)}

/* NAV */
nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair)}
.nav-in{max-width:1080px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:9px}
.brand b{font-family:"Nunito";font-weight:900;font-size:20px;color:var(--ink);letter-spacing:-.02em}
.brand .by{font-size:13px;color:var(--t-400);font-weight:600}
.brand .by i{font-style:normal;color:var(--gold-deep)}
.brand a{display:flex;align-items:center;gap:9px}
nav .btn-gold{padding:10px 20px;font-size:14px}
.nav-cta{display:flex;align-items:center;gap:18px}
.nav-link,.nav-signin{font-size:14px;font-weight:700;color:var(--cobalt-600)}
.nav-link:hover,.nav-signin:hover{color:var(--cobalt-700)}

/* HERO */
.hero{background:transparent;color:var(--on-dark);padding:88px 0 96px;position:relative;overflow:hidden}
.hero .wrap{position:relative;z-index:2;text-align:center}
.hero .kicker{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--cobalt-200);font-weight:700;font-size:13px;letter-spacing:.22em;margin-bottom:24px}
.hero .kicker::before{content:"";width:46px;height:2px;background:var(--cobalt-400);border-radius:2px}
.hero h1{color:#fff;font-weight:800;font-size:clamp(38px,6vw,68px);max-width:16ch;margin:0 auto 22px}
.hero h1 em{font-style:normal;color:var(--cobalt-300);font-weight:700}
.hero .sub{font-size:clamp(18px,2.2vw,22px);color:var(--on-dark-mute);max-width:46ch;margin:0 auto 14px;font-weight:400}
.hero .lede{font-size:16.5px;color:var(--on-dark-faint);max-width:52ch;margin:0 auto 34px}
.hero .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}
/* reassurance line: brighter + heavier so it is not skimmed past */
.hero .reassure{font-size:14px;color:var(--on-dark-mute);font-family:"IBM Plex Mono",monospace;letter-spacing:.04em;font-weight:500}
.glow{position:absolute;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(77,133,213,.16),transparent 60%);top:-260px;left:50%;transform:translateX(-50%);z-index:1}

/* SECTIONS */
section.band{padding:88px 0}
.center{text-align:center}
.sec-head{max-width:40ch;margin:0 auto 52px}
.sec-head .kicker{display:block;margin-bottom:14px}
.sec-head h2{font-size:clamp(28px,3.6vw,40px);font-weight:800;letter-spacing:-.025em;color:#fff}
.sec-head p{color:var(--on-dark-mute);font-size:18px;margin-top:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.alt{background:transparent}

/* CONTRAST block (near top): three ways the math is not close */
.contrast .ct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ct-card{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:30px 26px}
.ct-axis{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt-500);font-weight:500}
.ct-big{font-family:"Nunito",sans-serif;font-weight:800;font-size:clamp(40px,5vw,56px);letter-spacing:-.03em;color:var(--ink);line-height:1;margin:14px 0 12px}
.ct-big.gold{color:var(--gold-deep)}
.ct-lead{color:var(--t-900);font-size:16px;font-weight:700;line-height:1.3}
.ct-foil{color:var(--t-500);font-size:14.5px;margin-top:10px;line-height:1.4}
.ct-note{text-align:center;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.05em;color:var(--on-dark-faint);margin-top:26px}

/* cards (why-now, how-it-works) */
.card{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:28px 26px}
.card .num{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:22px;color:var(--cobalt-500);line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums;display:block}
.card h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-top:13px;color:var(--ink)}
.card p{color:var(--t-500);font-size:15.5px;margin-top:12px}
.lite{font-weight:400}

/* accordion (what you get) */
.acc-wrap{max-width:760px;margin:0 auto}
.acc{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-2);overflow:hidden}
.acc + .acc{margin-top:16px}
.acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px}
.acc summary::-webkit-details-marker{display:none}
.acc .num{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:12px;color:var(--cobalt-500);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:8px}
.acc summary h3{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.acc .chev{flex-shrink:0;width:22px;height:22px;color:var(--cobalt-500);transition:transform .25s var(--ease)}
.acc[open] .chev{transform:rotate(180deg)}
.acc .body{padding:0 26px 24px}
.acc ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.acc li{position:relative;padding-left:20px;color:var(--t-700);font-size:15.5px}
.acc li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--cobalt-400)}

/* value reveal */
.reveal{text-align:center}
.reveal .big-num{font-family:"Nunito",sans-serif;font-weight:800;font-size:clamp(54px,11vw,122px);color:#fff;letter-spacing:-.04em;line-height:.95;font-variant-numeric:tabular-nums;margin-top:16px}
.reveal .big-num .per{font-size:.3em;font-weight:700;color:var(--on-dark-mute);letter-spacing:-.01em}
.reveal .ctx{color:var(--on-dark-mute);font-size:18px;max-width:50ch;margin:22px auto 0}
.pools{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:740px;margin:40px auto 0;text-align:left}
.pool{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:26px}
.pool .tag{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt-500)}
.pool h4{font-family:"Nunito",sans-serif;font-size:17px;font-weight:800;color:var(--ink);margin:8px 0 16px;letter-spacing:-.02em;line-height:1.15}
.pool .fig{font-family:"Nunito",sans-serif;font-weight:900;font-size:29px;color:var(--gold-deep);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pool .fig .per{font-size:.5em;font-weight:700;color:var(--t-400)}
.reveal .note{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-faint);margin-top:26px}

/* Auri chat */
.mark-svg{flex-shrink:0}
.auri{max-width:660px;margin:0 auto;background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:24px 26px 22px;text-align:left}
.auri-head{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--hair)}
.auri-head b{font-family:"Nunito",sans-serif;font-weight:800;font-size:18px;color:var(--ink)}
.chat{display:flex;flex-direction:column;gap:14px}
.bubble-user{align-self:flex-end;max-width:85%;background:var(--cobalt);color:#fff;padding:13px 17px;border-radius:16px 16px 5px 16px;font-size:15px;line-height:1.45}
.bubble-auri{align-self:flex-start;max-width:94%;display:flex;gap:11px;align-items:flex-start}
.bubble-auri .txt{background:var(--n-050);color:var(--t-900);padding:16px 18px;border-radius:16px 16px 16px 5px;font-size:15px;line-height:1.5}
.bubble-auri .txt p{margin:0}
.bubble-auri .txt p + p{margin-top:11px}
.bubble-auri .txt .lbl{font-weight:800;color:var(--ink);margin-top:14px}
.bubble-auri .txt ul{list-style:none;margin:8px 0 0;display:flex;flex-direction:column;gap:7px}
.bubble-auri .txt li{position:relative;padding-left:18px}
.bubble-auri .txt li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--cobalt-400)}
.auri-note{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--t-400);margin-top:18px;text-align:center}

/* economics table: bold labels, brick loser, gold Arcadia column */
.vs{max-width:760px;margin:0 auto;background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:0 12px 30px -10px rgba(16,28,52,.18);overflow:hidden}
.vs-row{display:grid;grid-template-columns:.85fr 1.3fr 1.3fr}
.vs-row + .vs-row{border-top:1px solid var(--hair)}
.vs-row > div{padding:15px 20px;font-size:15px;line-height:1.4}
.vs-row .dim{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-weight:700;display:flex;align-items:center}
.vs-row .old{color:var(--brick)}
.vs-row .new{color:var(--gold-deep);font-weight:800;background:var(--gold-100)}
.vs-head .dim{background:transparent}
.vs-head .old{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brick);font-weight:700}
.vs-head .new{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;background:var(--gold-100)}
.vs-note{text-align:center;color:var(--on-dark-mute);font-size:14.5px;margin:24px auto 0;max-width:600px}
.vs-exts{text-align:center;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.03em;color:var(--on-dark-faint);margin:9px auto 0;max-width:680px;line-height:1.8}

/* Value Mining method section */
.vm{text-align:center}
.vm .kicker{display:block;margin-bottom:22px}
.vm-def{font-family:"Nunito",sans-serif;font-weight:400;font-size:clamp(23px,3vw,32px);line-height:1.3;letter-spacing:-.02em;color:#fff;max-width:820px;margin:0 auto;text-wrap:balance}
.vm-def b{font-weight:900}
.vm-exp{color:var(--on-dark-mute);font-size:17px;line-height:1.6;max-width:60ch;margin:26px auto 0}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:960px;margin:54px auto 0;text-align:left}
.pillar h3{font-family:"Nunito",sans-serif;font-size:19px;font-weight:800;color:#fff;letter-spacing:-.02em;padding-top:15px;border-top:2px solid var(--cobalt-400)}
.pillar p{color:var(--on-dark-mute);font-size:14.5px;line-height:1.5;margin-top:10px}
.vm-stake{color:var(--on-dark-mute);font-size:clamp(18px,2.1vw,21px);line-height:1.5;max-width:54ch;margin:54px auto 0}
.vm-stake b{font-weight:800;color:#fff}
.vm-origin{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.05em;color:var(--on-dark-faint);margin-top:40px}
.vm-origin a{color:var(--cobalt-300);font-weight:700}

/* stance */
.stance{color:var(--on-dark)}
.stance .wrap{max-width:760px;text-align:center}
.stance .kicker{color:var(--cobalt-300);margin-bottom:18px;display:block}
.stance h2{color:#fff;font-size:clamp(30px,4vw,46px);font-weight:800;margin-bottom:22px;letter-spacing:-.025em}
.stance p{color:var(--on-dark-mute);font-size:19px;max-width:54ch;margin:0 auto}

/* value engine flywheel (auri page) */
.flywheel{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:960px;margin:0 auto}
.fw{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:26px 24px}
.fw .step{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt-500)}
.fw h3{font-size:19px;font-weight:800;letter-spacing:-.02em;margin-top:10px;color:var(--ink)}
.fw p{color:var(--t-500);font-size:15px;margin-top:10px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:0 auto}
.pcard{background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:30px 28px}
.pcard h3{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.pcard p{color:var(--t-500);font-size:16px;margin-top:12px;line-height:1.5}

/* final cta */
.final{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:84px 0}
.final h2{font-size:clamp(28px,3.6vw,40px);font-weight:800;margin-bottom:14px;letter-spacing:-.025em;color:#fff}
.final p{color:var(--on-dark-mute);font-size:18px;max-width:48ch;margin:0 auto 30px}

/* footer (with legal / Stripe line) */
footer{background:var(--ink);color:var(--on-dark);padding:70px 0 40px}
footer .big{font-family:"Nunito";font-weight:800;font-size:clamp(22px,3vw,30px);color:#fff;max-width:24ch;line-height:1.2;letter-spacing:-.02em}
footer .big b{color:var(--gold)}
footer .desc{color:var(--on-dark-mute);font-size:14.5px;max-width:60ch;margin:20px 0 0;line-height:1.55}
footer .row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;margin-top:36px;padding-top:26px;border-top:1px solid rgba(166,187,219,.18)}
footer .meta{font-size:13px;color:var(--on-dark-faint);font-family:"IBM Plex Mono",monospace;letter-spacing:.03em;line-height:1.9}
footer .meta a{color:var(--on-dark-mute)}
footer a.mail{color:var(--on-dark-mute)}
footer a.mail:hover,footer .meta a:hover{color:#fff}
footer .legal-links a{color:var(--on-dark-mute);margin-right:16px}

/* legal pages (terms / privacy): readable prose on a light panel */
.legal-head{text-align:center;padding:70px 0 10px}
.legal-head h1{color:#fff;font-weight:800;font-size:clamp(30px,5vw,46px)}
.legal-head p{color:var(--on-dark-mute);font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.03em;margin-top:14px}
.legal{max-width:820px;margin:0 auto 90px;background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:44px 46px;color:var(--t-700)}
.legal h2{color:var(--ink);font-size:20px;font-weight:800;margin:30px 0 10px}
.legal h2:first-child{margin-top:0}
.legal p{font-size:15.5px;line-height:1.6;margin-bottom:12px}
.legal ul{margin:0 0 12px 20px}
.legal li{font-size:15.5px;line-height:1.6;margin-bottom:6px}
.legal .draft{background:var(--gold-100);border:1px solid var(--gold-soft);border-radius:var(--r);padding:14px 18px;color:var(--t-900);font-size:14px;margin-bottom:26px}

/* motion: section-title wipe on scroll (JS opt-in, reduced-motion safe) */
.js-anim :is(.sec-head h2,.stance h2,.final h2,.vm-def,.legal-head h1){clip-path:inset(0 105% 0 0);transition:clip-path .9s var(--ease)}
.js-anim :is(.sec-head h2,.stance h2,.final h2,.vm-def,.legal-head h1).in{clip-path:inset(0 0 0 0)}
@media (prefers-reduced-motion:reduce){ .js-anim :is(.sec-head h2,.stance h2,.final h2,.vm-def,.legal-head h1){clip-path:none} }

@media (max-width:900px){ .grid3,.contrast .ct-grid,.flywheel{grid-template-columns:1fr} }
@media (max-width:760px){ .pools,.pair{grid-template-columns:1fr} .flywheel{grid-template-columns:1fr 1fr} }
@media(max-width:820px){ .pillars{grid-template-columns:1fr 1fr} }
@media(max-width:720px){ .vs-row{grid-template-columns:.7fr 1fr 1fr} .vs-row > div{padding:12px 11px;font-size:13px} .vs-row .dim{font-size:10px} }
@media(max-width:780px){ .tiers{grid-template-columns:1fr} section.band{padding:64px 0} .hero{padding:72px 0 84px} .legal{padding:30px 22px} }
@media(max-width:520px){ .brand .by{display:none} .pillars{grid-template-columns:1fr} }