@charset "UTF-8";
/* css/runtime-carryover.css */
/* ─────────────────────────────────────────────────────────────────────────
   Carried over from FD's design-tool runtime (fd-reference/support.js).
   The runtime injected these rules around every .dc.html page. They are kept
   so the static build renders and prints exactly like the reference.
   See README.md, "What support.js did, and where each piece went".
   ───────────────────────────────────────────────────────────────────────── */

/* FULL_PAGE_CSS (boot.ts): the runtime sized html/body to the viewport. */
html,body{height:100%;margin:0}

/* BASE_CSS print baseline (boot.ts), minus the #dc-root selectors that no
   longer exist. */
@media print {
  @page { margin: 0.5cm; }
  figure, table { break-inside: avoid; }
  *, *::before, *::after {
    print-color-adjust: exact; -webkit-print-color-adjust: exact;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    animation-delay: -99s !important; animation-duration: .001s !important;
    animation-iteration-count: 1 !important; animation-fill-mode: both !important;
    animation-play-state: running !important; transition-duration: 0s !important;
  }
}

/* style-* pseudo-class attributes (pseudo.ts): the runtime turned
   style-focus="..." / style-hover="..." into generated :focus / :hover rules
   with every declaration marked !important (so they beat the inline style). */
/* index: <a class="skip-link" ... style-focus="top:16px"> */
.skip-link:focus{top:16px !important}
/* coming soon: <a class="home-btn" ... style-hover="background:#2a80f0;color:#fff"> */
.home-btn:hover{background:#2a80f0 !important;color:#fff !important}

/* css/fonts-outfit.css */
/* Outfit (SIL OFL 1.1, licenses/OFL-Outfit.txt), self-hosted.
   Files and @font-face rules are a one-time download of exactly what FD's
   reference requested from the Google Fonts css2 API (family=Outfit:wght@400;500;600;700,
   display=swap; Outfit v15). Google serves Outfit as one variable font per
   subset, so all four weights point at the same file. latin + latin-ext only. */
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/outfit-latin-ext.0f53d1c03b.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/outfit-latin.6c18d579fd.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/outfit-latin-ext.0f53d1c03b.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/outfit-latin.6c18d579fd.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/outfit-latin-ext.0f53d1c03b.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/outfit-latin.6c18d579fd.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/outfit-latin-ext.0f53d1c03b.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/outfit-latin.6c18d579fd.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* css/fonts-kanit.css */
/* Kanit (SIL OFL 1.1, licenses/OFL-Kanit.txt), self-hosted.
   Files and @font-face rules are a one-time download of exactly what FD's
   reference requested from the Google Fonts css2 API (family=Kanit:wght@400;500;600,
   display=swap; Kanit v17, static per weight). latin + latin-ext only; the thai
   and vietnamese subsets Google also lists are not used by any page text. */
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/kanit-400-latin-ext.0bf36bd27a.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/kanit-400-latin.1e856b3a04.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/kanit-500-latin-ext.d9e02f4b18.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/kanit-500-latin.c6c4695e70.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/kanit-600-latin-ext.b069fcda82.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/kanit-600-latin.c3c4f89f25.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* css/site.css */
/* ──────────────────────────────────────────────
   Tokens — mirrored from the app's app.css
   ────────────────────────────────────────────── */
:root{
  --void-0:#0a0f1c; --void-1:#070b16; --void-2:#04060d;

  --ink:#eaf0fb;
  --muted:rgba(234,240,251,.62);
  --dim:#8b919c;
  --line:rgba(150,170,210,.14);
  --fill-1:rgba(255,255,255,.04);
  --fill-2:rgba(255,255,255,.07);

  --blue-fg:#4d94ff;      /* any blue on a dark ground */
  --blue-fill:#1f73e3;    /* fills behind white text */

  --panel:rgba(12,18,32,.68);
  --panel-brd:rgba(140,165,210,.16);
  --sheet:rgba(16,22,36,.86);
  --shadow:0 12px 40px rgba(0,0,0,.5);

  --band-success:#22c55e; --band-ok:#84cc16; --band-caution:#facc15;
  --band-warning:#fb8c00; --band-danger:#e53935; --band-nodata:#39435a;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px;
  --gutter:22px;

  --r-sm:10px; --r-md:14px; --r-lg:20px; --r-card:28px; --r-surface:31px; --r-capsule:999px;

  --font-ui:'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'Kanit',system-ui,sans-serif;

  --fs-meta:12px; --fs-caption:14px; --fs-body:16px; --fs-callout:18px;
  --fs-title:22px; --fs-h2:28px; --fs-display:40px; --fs-hero:60px;

  --ease:cubic-bezier(.22,1,.36,1);
  --l-ink:#33383f; --l-muted:#686b71; --l-panel-brd:rgba(17,24,39,.09); --l-fill-1:rgba(17,20,30,.03);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--void-0); color:var(--ink);
  font:400 var(--fs-body)/1.55 var(--font-ui);
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:rgba(31,115,227,.4)}

.wrap{max-width:1160px;margin:0 auto;padding:0 var(--gutter)}

/* ── type roles ─────────────────────────────── */
.eyebrow{
  font-family:var(--font-mono); font-weight:600; font-size:16px; line-height:1.2;
  letter-spacing:.1em; text-transform:uppercase; color:var(--blue-fg);
  display:block; margin-bottom:var(--sp-4);
}
h1,h2,h3{font-weight:500;letter-spacing:-.022em;line-height:1.06;margin:0}
h1{font-size:clamp(40px,7vw,var(--fs-hero))}
h2{font-size:clamp(28px,4.2vw,var(--fs-display));font-weight:600;letter-spacing:-.025em}
h3{font-size:var(--fs-title);letter-spacing:-.015em;line-height:1.2}
.lede{color:var(--muted);font-size:var(--fs-callout);line-height:1.5;max-width:54ch}

/* ── buttons (52px, 14px radius, --blue-fill) ── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:52px;padding:0 var(--sp-8);
  background:var(--blue-fill);color:#fff;border:0;border-radius:var(--r-md);
  font:500 var(--fs-body)/1 var(--font-ui);cursor:pointer;
  transition:filter .2s var(--ease),transform .2s var(--ease);
  box-shadow:0 8px 28px rgba(31,115,227,.32);
}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn:focus-visible{outline:2px solid var(--blue-fg);outline-offset:3px}
.btn.ghost{
  background:var(--fill-1);color:var(--ink);border:1px solid var(--panel-brd);
  box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.btn.ghost:hover{background:var(--fill-2);filter:none}
.btn.sm{height:44px;padding:0 var(--sp-5);font-size:var(--fs-caption);white-space:nowrap;box-shadow:0 4px 16px rgba(31,115,227,.3)}

/* ── nav ────────────────────────────────────── */
.btn.sm{border-radius:15.4px}
.nav{position:fixed;inset:0 0 auto;z-index:70;padding:var(--sp-5) 0;transition:padding .3s var(--ease)}
.nav.stuck{padding:var(--sp-3) 0}
.nav-in{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);
  padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-5);
  border-radius:var(--r-capsule);border:1px solid transparent;
  transition:width .5s var(--ease),padding .4s var(--ease),background .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease),color .35s var(--ease);
  color:#fff;width:100%;
}
.nav.stuck .nav-in{
  background:rgba(255,255,255,.9);border-color:var(--l-panel-brd);color:var(--l-ink);
  box-shadow:0 10px 34px rgba(17,24,39,.14);
}
.nav-in:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;transition:opacity .3s var(--ease);opacity:0;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}
.nav.stuck .nav-in:before{opacity:1}
.brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:600;font-size:var(--fs-callout);letter-spacing:-.015em}
.brand .mk{width:30px;height:30px;flex:0 0 auto}
.nav .brand{font-size:30px;line-height:30px;gap:6px}
.nav .brand .mk{width:30px;height:30px}
.nav.stuck .brand .mk{filter:invert(1) brightness(.26)}
.nav-links{display:flex;gap:var(--sp-8);font-size:var(--fs-caption);opacity:.78;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.nav-in{position:relative}
.nav:not(.stuck) .nav-in{padding-left:0;padding-right:0}
.nav:not(.stuck) .burger{width:auto}
.nav-links{transition:opacity .2s var(--ease),visibility .2s}
.menu .s-only{display:none}
.nav-links a:hover{opacity:1}
.nav-right{display:flex;align-items:center;gap:var(--sp-3)}
.burger{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;user-select:none;-webkit-user-select:none}
.burger svg{width:40px;height:40px;display:block;overflow:visible}
.burger path{transform-box:fill-box;transform-origin:center;transition:transform .3s var(--ease),opacity .2s}
.nav.open .burger path:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav.open .burger path:nth-child(2){opacity:0}
.nav.open .burger path:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu{position:absolute;right:0;top:calc(100% + 10px);max-height:calc(100svh - 110px);overflow-y:auto;overscroll-behavior:contain;width:max-content;max-width:calc(100vw - 2*var(--gutter));display:grid;gap:2px;padding:8px;border-radius:30px;background:rgba(16,22,36,.86);border:1px solid rgba(140,165,210,.16);color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.5);transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),opacity .25s var(--ease),transform .25s var(--ease);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .28s var(--ease),transform .28s var(--ease)}
.nav.open .menu{opacity:1;transform:none;pointer-events:auto}
.menu a{display:flex;align-items:center;gap:12px;padding:8px 26px 8px 8px;white-space:nowrap;border-radius:22px;color:inherit;transition:background .2s var(--ease)}
.menu a:hover{background:rgba(255,255,255,.12)}
.nav.menu-light .menu{background:rgba(255,255,255,.93);border-color:rgba(17,24,39,.09);color:var(--l-ink);box-shadow:0 12px 40px rgba(17,24,39,.14)}
.nav.menu-light .menu a:hover{background:rgba(10,15,28,.06)}
.nav.menu-light .menu .ms{color:var(--l-muted)}
.menu .mi{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto}
.menu .mi svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.menu .mt{font-weight:600;font-size:17px;letter-spacing:-.01em;line-height:1.2;display:block}
.menu .ms{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(234,240,251,.7);display:block;margin-top:2px}
.menu .m-only{display:none}
.cta-short{display:none}

/* ═══════════════ HERO ═══════════════ */
.hero{
  position:relative;min-height:100svh;display:grid;align-items:center;
  padding:100px 0 var(--sp-12);overflow:hidden;color:#fff;background:#071326;
}
.hero-art{position:absolute;inset:0;overflow:hidden}
.hero-art svg{position:absolute;inset:0;width:100%;height:100%}
.hero-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(4,8,18,.62) 0%,rgba(4,8,18,.18) 38%,rgba(4,8,18,.5) 78%,rgba(7,11,22,.9) 100%);
}
.hero-in{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:calc(100svh - 100px - var(--sp-12))}
.hero-text{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--sp-8) 0;will-change:transform}
.hero .hero-text .lede{margin-bottom:0}
.hero h1{font-weight:600;margin-bottom:var(--sp-5);text-wrap:balance;text-shadow:0 2px 6px rgba(4,10,24,.35),0 4px 36px rgba(4,10,24,.55)}
.hero .lede{color:#fff;text-shadow:0 1px 4px rgba(4,10,24,.45),0 2px 22px rgba(4,10,24,.6);margin:0 auto var(--sp-8);max-width:40ch;text-align:center;font-size:clamp(20px,2.2vw,24px);line-height:1.45}
.hero-cta{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center}
.spots{
  margin-top:var(--sp-6);display:inline-flex;align-items:center;gap:var(--sp-2);
  font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.13em;
  text-transform:uppercase;color:rgba(255,255,255,.9);
  text-shadow:0 1px 3px rgba(4,10,24,.5),0 1px 14px rgba(4,10,24,.55);
}
.spots b{width:7px;height:7px;border-radius:50%;background:var(--band-ok);box-shadow:0 0 10px var(--band-ok)}
.slot-note{
  position:absolute;left:var(--gutter);bottom:var(--sp-5);z-index:3;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.22);
  padding:5px 11px;border-radius:var(--r-capsule);backdrop-filter:blur(8px);
}

/* hero device */
.hero-device{margin-top:var(--sp-12);position:relative}
.hero-device:before{
  content:"";position:absolute;left:50%;top:18%;translate:-50% 0;
  width:min(680px,92vw);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(31,115,227,.26),transparent 66%);
  pointer-events:none;
}

/* ── phone frame ────────────────────────────── */
.phone{
  --w:clamp(200px,min(calc((100svh - 150px)/2.2),26vw),340px);--bz:calc(var(--w)*.022);
  position:relative;width:var(--w);aspect-ratio:290/614.7;flex:0 0 auto;
  border-radius:calc(var(--w)*.156);background:#05070c;
  box-shadow:0 0 0 calc(var(--w)*.006) #2a2f38,0 0 0 calc(var(--w)*.011) #565c67,0 0 0 calc(var(--w)*.014) #1a1e25,
             0 34px 90px rgba(0,0,0,.72);
}
.phone .screen,.phone .mscreen{position:absolute;inset:var(--bz);border-radius:calc(var(--w)*.134);overflow:hidden;background:#0a0b0e}
.phone .screen img,.phone .mscreen img{position:absolute;left:2%;top:4.5%;width:96%;height:auto;max-width:none}

/* ── sticky walkthrough ─────────────────────── */
.walk{position:relative;--split:calc(var(--sp-10) + 50svh);background:linear-gradient(180deg,#1f73e3 0,#1f73e3 var(--split),#f7f8fa var(--split));color:var(--l-ink);padding:var(--sp-10) 0 0}
.walk .eyebrow{color:#1a66cc}
.walk .chap p,.walk .blist li{color:var(--l-muted)}
.walk .blist li:before{background:var(--c,#1a66cc);color:var(--c,#1a66cc)}
.walk .phone-cap{color:rgba(51,56,63,.4)}
.walk .chap[data-t="1"]{align-items:flex-start;color:#fff}
.walk .chap[data-t="1"] .eyebrow{color:rgba(255,255,255,.88)}
.walk .chap[data-t="1"] p,.walk .chap[data-t="1"] .blist li{color:rgba(255,255,255,.9)}
.walk .chap[data-t="1"] .blist li:before{background:#fff;color:#fff}
.walk .phone{box-shadow:0 0 0 calc(var(--w)*.006) #2a2f38,0 0 0 calc(var(--w)*.011) #565c67,0 0 0 calc(var(--w)*.014) #1a1e25,0 30px 70px rgba(6,30,70,.4)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(31,115,227,0),#1f73e3)}
.walk-band{position:absolute;left:0;right:0;top:0;height:0;background:#0a0f1c;pointer-events:none}
.walk .chap[data-t="2"],.walk .chap[data-t="4"]{color:#fff}
.walk .chap[data-t="2"] .eyebrow,.walk .chap[data-t="4"] .eyebrow{color:var(--blue-fg)}
.walk .chap[data-t="2"] .blist li,.walk .chap[data-t="4"] .blist li{color:rgba(234,240,251,.78)}
.walk .chap[data-t="2"] .blist li:before,.walk .chap[data-t="4"] .blist li:before{background:var(--blue-fg);color:var(--blue-fg)}
.walk-grid{display:grid;grid-template-columns:1fr 390px 1fr;gap:var(--sp-12);position:relative}

.m-phone{display:none}
.phone-col{grid-column:2;grid-row:1;position:sticky;top:0;height:100svh;box-sizing:border-box;padding:96px 0 0;display:grid;place-items:center}
.screen{opacity:0;transition:opacity .5s var(--ease);}
.screen.on{opacity:1}
.mscreen .m1b{opacity:0;transition:opacity .5s var(--ease)}
.mscreen.swap .m1b{opacity:1}
.phone-cap{
  position:absolute;bottom:var(--sp-6);left:0;right:0;text-align:center;
  font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.12em;
  text-transform:uppercase;color:rgba(234,240,251,.2);
}

.chapters{grid-column:1 / -1;grid-row:1;position:relative;z-index:3;pointer-events:none}
.chap{
  min-height:100svh;display:flex;align-items:center;
  width:min(400px,calc((100% - 390px) / 2 - var(--sp-12)));pointer-events:auto;padding:104px 0 var(--sp-10);
}
.chap:nth-child(odd){margin-right:auto}
@media(min-width:1101px){.chap:nth-child(odd){text-align:right;justify-content:flex-end}.walk{padding-bottom:100px!important}}
.chap:nth-child(even){margin-left:auto}
.chap h2{font-size:clamp(30px,3.4vw,36px);line-height:1.08;margin-bottom:var(--sp-4)}
.chap p{color:var(--muted);font-size:var(--fs-body);margin:0 0 var(--sp-6)}
.blist{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-4)}
.blist li{display:flex;gap:14px;align-items:flex-start;font-size:var(--fs-body);line-height:1.45;color:var(--muted)}
.blist li:before{
  content:"";width:10px;height:10px;border-radius:50%;background:var(--c,var(--blue-fg));
  flex:0 0 auto;margin-top:.5em;
}
.blist li.hit:before{animation:bpulse 2.2s cubic-bezier(.33,0,.2,1) 1}
.blist.glyphs li{align-items:center}
.blist.glyphs li:before{display:none}
@media(min-width:1101px){.walk .blist.glyphs{display:none}}
.blist .gi{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;color:#fff}
.blist .gi svg{width:26px;height:26px;fill:currentColor;stroke:none}
.walk .chap .blist .gi{color:#1a66cc}
.walk .chap[data-t="1"] .blist .gi{color:#fff}
.walk .chap[data-t="2"] .blist .gi,.walk .chap[data-t="4"] .blist .gi{color:var(--blue-fg)}
.blist li.hit .gi{animation:gpulse 2.2s cubic-bezier(.33,0,.2,1) 1}
@keyframes gpulse{0%{transform:scale(1);opacity:1}30%{transform:scale(1.14);opacity:.85}100%{transform:scale(1);opacity:1}}
@keyframes bpulse{0%{transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb,currentColor 28%,transparent)}30%{transform:scale(1.12)}100%{transform:scale(1);box-shadow:0 0 0 9px color-mix(in srgb,currentColor 0%,transparent)}}

/* ── sections ───────────────────────────────── */
.sec{padding:120px 0;position:relative}
.sec.deep{background:var(--void-1);border-block:1px solid var(--line)}
.sec-head{margin-bottom:var(--sp-12);max-width:60ch}
.sec-head h2{margin-bottom:var(--sp-4)}

/* score bands */
.tiers{display:grid;gap:var(--sp-2)}
#scoring .tiers{max-width:520px;margin-inline:auto}
#free .sec-head{text-align:center;display:flex;flex-direction:column;align-items:center;margin-inline:auto}#free .sec-head>*{margin-inline:auto}
#scoring .wrap{max-width:760px;margin-inline:auto}#scoring .sec-head{text-align:center;display:flex;flex-direction:column;align-items:center;margin-inline:auto}#scoring .sec-head>div{width:100%;margin-inline:auto!important}@media(min-width:1101px){#scoring .wrap{max-width:760px;margin-inline:auto}.tiers{gap:var(--sp-3)}.tiers .tier{padding:var(--sp-5) var(--sp-8) var(--sp-5) var(--sp-6)}}
.tier{
  display:grid;grid-template-columns:auto 1fr;gap:var(--sp-6);align-items:center;
  background:var(--panel);border:1px solid var(--panel-brd);border-radius:var(--r-lg);
  padding:0 var(--sp-6) 0 var(--sp-4);min-height:86px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.tier>u{display:block;align-self:stretch;margin:var(--sp-5) 0;border-radius:3px;text-decoration:none}
.sq{
  display:grid;place-items:center;width:54px;height:54px;border-radius:16px;
  font-family:var(--font-mono);font-weight:600;font-size:calc(var(--fs-title) * 1.2);
  color:#0a0f1c;letter-spacing:-.02em;
}
.sq.ping{animation:sqping 1.1s cubic-bezier(.2,.6,.3,1),sqpop .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes sqpop{0%{transform:scale(1)}30%{transform:scale(1.16)}55%{transform:scale(.95)}75%{transform:scale(1.04)}100%{transform:scale(1)}}
@keyframes sqping{0%{box-shadow:0 0 0 0 rgba(31,115,227,.55)}100%{box-shadow:0 0 0 16px rgba(31,115,227,0)}}
.sq.nodata{color:var(--muted);font-size:var(--fs-callout)}
.tier .rng{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);width:96px}
.tier .nm{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;line-height:1.3}
.tier .pd{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto;animation:pdot 2.2s ease-in-out infinite}
@keyframes pdot{0%,100%{opacity:1;box-shadow:0 0 0 0 currentColor}50%{opacity:.55;box-shadow:0 0 0 4px transparent}}
.tier .rng s{text-decoration:none;font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--dim)}
.tier .nm{font-family:var(--font-mono);font-size:var(--fs-caption);font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.tier .ds{color:var(--ink,#fff);font-size:calc(var(--fs-caption) + 3px);font-weight:500;line-height:1.45}
.tier .tx{display:grid;gap:4px;text-align:left;align-content:center}
.scale-note{
  margin-top:var(--sp-6);color:var(--dim);font-size:var(--fs-caption);max-width:62ch;
}

/* four factors */
.factors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6);margin-top:var(--sp-6)}
.fac-head{margin-top:var(--sp-12);max-width:60ch}
.fac-head h3{margin:var(--sp-2) 0 var(--sp-3)}
.fcard{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;justify-items:start;text-align:left;column-gap:var(--sp-3);row-gap:var(--sp-3);}
.fcard b{display:block;line-height:1.15;font-weight:600;font-size:var(--fs-callout);letter-spacing:-.01em}
.fcard p{grid-column:1 / -1;justify-self:stretch;margin:0;color:var(--muted);font-size:calc(var(--fs-caption) + 2px);font-weight:400;line-height:1.45}
.fcard i{display:block}
.fcard svg{display:block;width:40px;height:40px;stroke:var(--blue-fg);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* promise band */
.promise{
  background:linear-gradient(150deg,var(--blue-fill),#0d47a6);
  border-radius:var(--r-surface);padding:var(--sp-12);position:relative;overflow:hidden;
}
.promise:before{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;top:-180px;right:-120px;
  background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%);
}
.promise:after{
  content:"";position:absolute;inset:0 0 auto 0;height:72%;
  background:url("/assets/img/promise-gate.b706efc48a.webp") center top/cover no-repeat;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 45%,transparent 100%);
  opacity:1;
}
.promise>*{position:relative;z-index:1}
.promise h2{color:#fff;margin-bottom:var(--sp-4);max-width:18ch}
.promise p{color:#fff;font-size:var(--fs-callout);max-width:56ch;margin:0 0 var(--sp-6)}
.freelist{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.freelist li{
  font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;color:#fff;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);
  padding:var(--sp-2) var(--sp-4);border-radius:var(--r-capsule);
}

/* bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}
.cell{
  background:var(--panel);border:1px solid var(--panel-brd);border-radius:var(--r-card);
  padding:var(--sp-6);min-height:178px;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--sp-2);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;
}
.cell h3{font-size:var(--fs-callout);font-weight:500}
.bento .cell h3,.pair .cell h3{font-size:clamp(28px,4.2vw,var(--fs-display));font-weight:600;letter-spacing:-.025em;line-height:1.08}
.bento .cell p,.pair .cell p{max-height:0;opacity:0;overflow:hidden;transform:translateY(6px);transition:max-height .45s var(--ease),opacity .35s var(--ease),transform .35s var(--ease)}
.bento .cell:hover p,.bento .cell:focus-within p,.pair .cell:hover p,.pair .cell:focus-within p{max-height:12em;opacity:1;transform:none}
@media(hover:none){.bento .cell p,.pair .cell p{max-height:none;opacity:1;transform:none}}
.cell p{margin:0;font-size:var(--fs-caption);color:var(--muted)}
.cell.w2{grid-column:span 2}
.cell.h2{grid-row:span 2;min-height:368px}
.cell .glow{
  position:absolute;width:300px;height:300px;border-radius:50%;top:-120px;right:-100px;pointer-events:none;
  background:radial-gradient(circle,rgba(31,115,227,.3),transparent 68%);
}
.cell svg.dots{position:absolute;top:var(--sp-6);left:var(--sp-6);right:var(--sp-6);opacity:.9}

/* campaign band */
.campaign{
  border-block:1px solid var(--line);background:var(--void-1);
  padding:var(--sp-12) 0;text-align:center;
}
.campaign .eyebrow{color:var(--blue-fg)}
.campaign h2{margin-bottom:var(--sp-4)}
.campaign p{color:var(--muted);max-width:54ch;margin:0 auto;font-size:var(--fs-callout)}

/* closing */
.close{
  position:relative;text-align:center;padding:150px 0;overflow:hidden;
  background:
    radial-gradient(92% 86% at 50% 112%, rgba(31,115,227,.34), transparent 60%),
    linear-gradient(180deg,var(--void-0),var(--void-2));
  border-top:1px solid var(--line);
}
.close h2{margin-bottom:var(--sp-4);text-wrap:balance}
.close p{color:var(--muted);margin:0 auto var(--sp-8);max-width:44ch;font-size:var(--fs-callout)}
.motto{
  margin-top:var(--sp-10);font-family:var(--font-mono);font-size:var(--fs-caption);
  letter-spacing:.14em;text-transform:uppercase;color:var(--dim);
}

/* footer */
.foot{background:var(--void-2);padding:var(--sp-12) 0 var(--sp-8);font-size:var(--fs-caption);color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--sp-10);margin-bottom:var(--sp-12)}
.foot h4{
  font-family:var(--font-mono);font-size:var(--fs-meta);font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--dim);margin:0 0 var(--sp-5);
}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-3)}
.foot a:hover{color:var(--ink)}
.foot .brand{margin-bottom:var(--sp-3)}
.foot-note{font-size:var(--fs-caption);color:var(--dim);max-width:34ch;line-height:1.5}
.foot-base{
  border-top:1px solid var(--line);padding-top:var(--sp-6);
  display:flex;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;
  font-size:var(--fs-meta);color:var(--dim);
}
.socials{display:flex;gap:var(--sp-6)}

/* ── responsive ─────────────────────────────── */
@media(max-width:1100px){
  .walk{padding-top:0}
  .walk-grid{grid-template-columns:1fr;gap:0}
  .phone-col{grid-column:1;grid-row:1;align-self:start;height:auto;top:76px;z-index:4;pointer-events:none}
  .phone{--w:230px;width:230px}
  .walk{padding-top:var(--sp-10);--split:calc(var(--sp-10) + 244px)}
  .phone-col{display:none}
  .chapters{display:grid;gap:72px;padding-bottom:72px}
  .chap{display:block;width:100%;min-height:0;padding:0;margin:0}
  .m-phone{display:flex;justify-content:center;margin-bottom:var(--sp-8)}
  .walk .chap[data-t="1"]{color:var(--l-ink)}
  .walk .chap[data-t="1"] .eyebrow{color:#1a66cc}
  .walk .chap[data-t="1"] p,.walk .chap[data-t="1"] .blist li{color:var(--l-muted)}
  .walk .chap[data-t="1"] .blist li:before{background:#1a66cc;color:#1a66cc}
  .walk .chap[data-t="1"] .blist .gi{color:#1a66cc}
  .phone-cap{display:none}
  .chapters{grid-column:1;grid-row:1}
  .chap{width:100%;min-height:100svh;align-items:flex-end;padding:0 0 var(--sp-10)}
  .nav-links{display:none}
  .menu .m-only{display:flex}
  .cta-short{display:inline}.cta-long{display:none}
  .factors{grid-template-columns:1fr 1fr}
  .bento{grid-template-columns:1fr 1fr}
  .cell.h2{grid-row:span 1;min-height:178px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:var(--sp-8)}
  .tier{grid-template-columns:auto 1fr;gap:var(--sp-5);padding:var(--sp-5);min-height:0}
  .sec{padding:86px 0}
  .promise{padding:var(--sp-8)}
}
@media(max-width:600px){
  .bento{grid-template-columns:1fr}
  .cell.w2{grid-column:span 1}
  .factors{grid-template-columns:1fr 1fr;gap:var(--sp-8) var(--sp-5)}
  .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8) var(--sp-4)}.foot-grid>div:first-child{grid-column:1/-1}
  .nav .nav-right .btn.sm{display:none}
  .nav .menu .s-only{display:flex}
}
/* nav: mobile style + shrink at all widths */
.nav .nav-in{height:60px;transition:padding .45s var(--ease),background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease)}
.nav .brand{transition:font-size .45s var(--ease),line-height .45s var(--ease),gap .45s var(--ease)}
.nav .brand .mk{transition:width .45s var(--ease),height .45s var(--ease),filter .35s var(--ease)}
.nav .burger,.nav .burger svg{transition:width .45s var(--ease),height .45s var(--ease)}
.nav.stuck .nav-in,.nav.open .nav-in{
  width:100%;height:60px;margin:0;padding:0 8px 0 16px;gap:18px;border-radius:21px;
  background:rgba(16,22,36,.86);border-color:rgba(140,165,210,.16);color:#fff;box-shadow:0 12px 40px rgba(0,0,0,.5);
}
.nav.stuck .nav-in:before,.nav.open .nav-in:before{opacity:1;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}
.nav.stuck .brand,.nav.open .brand{font-size:20px;line-height:20px;gap:6px}
.nav.stuck .brand .mk,.nav.open .brand .mk{width:22px;height:22px;filter:none}
.nav.stuck .burger,.nav.open .burger{width:36px;height:36px}
.nav.stuck .burger svg,.nav.open .burger svg{width:30px;height:30px}
.nav.stuck.menu-light .nav-in,.nav.open.menu-light .nav-in{background:rgba(255,255,255,.93);border-color:rgba(17,24,39,.09);color:var(--l-ink);box-shadow:0 12px 40px rgba(17,24,39,.14)}
.nav.stuck.menu-light .brand .mk,.nav.open.menu-light .brand .mk{filter:invert(1) brightness(.26)}
@media(max-width:600px){.nav.stuck .menu,.nav.open .menu{left:0;right:0;width:auto;max-width:none;translate:none;border-radius:21px}}
.nav.stuck.menu-light .menu,.nav.open.menu-light .menu{background:rgba(255,255,255,.93);border-color:rgba(17,24,39,.09)}
@media(min-width:601px){.nav .nav-in,.nav.stuck .nav-in,.nav.open .nav-in{height:72px}.nav.stuck .brand,.nav.open .brand{font-size:25px;line-height:25px;gap:7px}.nav.stuck .brand .mk,.nav.open .brand .mk{width:27px;height:27px}}
@media(min-width:1101px){.walk-band{display:none}.walk{background-image:none;background-color:#f7f8fa;transition:background-color .7s var(--ease)}.walk[data-bg="1"]{background-color:#1f73e3}.walk[data-bg="2"],.walk[data-bg="4"]{background-color:#0a0f1c}.walk .chap[data-t="1"]{align-items:center}.walk .chap[data-t="1"],.walk .chap[data-t="1"] .eyebrow,.walk .chap[data-t="1"] p,.walk .chap[data-t="1"] .blist li,.walk .chap[data-t="1"] .blist .gi{transition:color .7s var(--ease)}.walk:not([data-bg="1"]) .chap[data-t="1"]{color:var(--l-ink)}.walk:not([data-bg="1"]) .chap[data-t="1"] .eyebrow{color:#1a66cc}.walk:not([data-bg="1"]) .chap[data-t="1"] p,.walk:not([data-bg="1"]) .chap[data-t="1"] .blist li{color:var(--l-muted)}.walk:not([data-bg="1"]) .chap[data-t="1"] .blist .gi{color:#1a66cc}}
@media(max-width:1100px){.walk-band{display:none}.walk{background-color:#f7f8fa;background-image:linear-gradient(180deg,#1f73e3 0,#1f73e3 calc(var(--split) - 140px),rgba(31,115,227,0) calc(var(--split) + 180px));transition:background-color .7s var(--ease)}.walk[data-mbg="2"],.walk[data-mbg="4"]{background-color:#0a0f1c}.walk .chap[data-t="2"],.walk .chap[data-t="2"] .eyebrow,.walk .chap[data-t="2"] p,.walk .chap[data-t="2"] .blist li,.walk .chap[data-t="2"] .blist .gi{transition:color .7s var(--ease)}.walk:not([data-mbg="2"]) .chap[data-t="2"]{color:var(--l-ink)}.walk:not([data-mbg="2"]) .chap[data-t="2"] .eyebrow,.walk:not([data-mbg="2"]) .chap[data-t="2"] .blist .gi{color:#1a66cc}.walk:not([data-mbg="2"]) .chap[data-t="2"] p,.walk:not([data-mbg="2"]) .chap[data-t="2"] .blist li{color:var(--l-muted)}.walk .chap[data-t="4"],.walk .chap[data-t="4"] .eyebrow,.walk .chap[data-t="4"] p,.walk .chap[data-t="4"] .blist li,.walk .chap[data-t="4"] .blist .gi{transition:color .7s var(--ease)}.walk:not([data-mbg="4"]) .chap[data-t="4"]{color:var(--l-ink)}.walk:not([data-mbg="4"]) .chap[data-t="4"] .eyebrow,.walk:not([data-mbg="4"]) .chap[data-t="4"] .blist .gi{color:#1a66cc}.walk:not([data-mbg="4"]) .chap[data-t="4"] p,.walk:not([data-mbg="4"]) .chap[data-t="4"] .blist li{color:var(--l-muted)}}
@media(max-width:1100px){.d-br{display:none}.walk .chapters{justify-items:center}.walk .chap{max-width:560px;margin-inline:auto!important;text-align:left!important}.walk .chap h2{text-wrap:balance}.walk .chap>div{width:fit-content;max-width:100%;margin-inline:auto;text-align:left}.walk .chap>div>:not(.m-phone){margin-left:0;margin-right:0}.walk .chap .blist{justify-items:start;align-items:flex-start}.walk .chap .m-phone{margin-inline:auto}}@media(min-width:1101px){.walk .chapters{--pw:clamp(200px,min(calc((100svh - 150px)/2.2),26vw),340px);--pg:clamp(32px,4.5vw,96px)}.walk .chap{width:min(420px,calc(50% - var(--pw)/2 - var(--pg) - var(--sp-6)))}.walk .chap:nth-child(odd){margin-left:auto;margin-right:calc(50% + var(--pw)/2 + var(--pg))}.walk .chap:nth-child(even){margin-right:auto;margin-left:calc(50% + var(--pw)/2 + var(--pg))}.hero-art img{transform:translate3d(0,-36px,0) scale(1.14);transition:transform 1.6s cubic-bezier(.34,1.4,.64,1)}.hero-art img[data-in]{transform:none}
#free .bento .cell:first-child:after,#free .bento .cell:nth-child(2):after{transform:translateY(calc(-50% + var(--dy,40px))) scale(var(--ds,1.08))!important;transition:transform 1.4s cubic-bezier(.34,1.4,.64,1) .25s}
#free .bento .cell[data-in]{--dx:0px;--dr:0deg}
#free .bento .cell[data-in]{--dy:0px;--ds:1;--dx:0px;--dr:0deg}
#free .cell,#free .promise{transform:translate3d(0,40px,0);transition:transform 1.1s cubic-bezier(.34,1.45,.64,1)}#free .cell[data-in],#free .promise[data-in]{transform:none}
#free .cell:has(> .cell-bg){position:relative;overflow:hidden;isolation:isolate}
#free .cell > .cell-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;transform:translate3d(0,48px,0) scale(1.15);transition:transform 1.6s cubic-bezier(.34,1.35,.64,1) .05s}
#free .cell[data-in] > .cell-bg,#free .promise[data-in] > .cell-bg{transform:none}
#free .bento .cell:has(> .cell-bg):after{z-index:1;opacity:.2}
@media(prefers-reduced-motion:reduce){#free .cell,#free .cell > .cell-bg,#free .promise,#free .promise > .cell-bg{transform:none!important;transition:none!important}}
#join{overflow:hidden}#join:after{transform:translate3d(0,70px,0) scale(1.12);transition:transform 1.6s cubic-bezier(.34,1.35,.64,1),opacity .7s cubic-bezier(.4,0,.2,1)}#join[data-in]:after{transform:none}
@media(max-width:1100px){.blist li.hit .gi{animation:none}.blist li.on .gi:before{width:18px;height:18px;border:0;border-radius:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M2%2012a10%2010%200%201%200%2020%200a10%2010%200%201%200-20%200zM11.4179%2017.1455L10.5052%2013.4948L6.8545%2012.5821A0.6%200.6%200%200%201%206.7563%2011.4517L15.7563%207.4517A0.6%200.6%200%200%201%2016.5483%208.2437L12.5483%2017.2437A0.6%200.6%200%200%201%2011.4179%2017.1455Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M2%2012a10%2010%200%201%200%2020%200a10%2010%200%201%200-20%200zM11.4179%2017.1455L10.5052%2013.4948L6.8545%2012.5821A0.6%200.6%200%200%201%206.7563%2011.4517L15.7563%207.4517A0.6%200.6%200%200%201%2016.5483%208.2437L12.5483%2017.2437A0.6%200.6%200%200%201%2011.4179%2017.1455Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;animation:bpop .6s cubic-bezier(.34,1.56,.64,1) forwards}}
@keyframes bpop{0%{transform:scale(1)}35%{transform:scale(1.55)}60%{transform:scale(1.15)}80%{transform:scale(1.32)}100%{transform:scale(1.25)}}
#free .promise p{max-height:0;opacity:0;overflow:hidden;transform:translateY(6px);transition:max-height .45s var(--ease),opacity .35s var(--ease),transform .35s var(--ease)}
#free .promise:hover p,#free .promise:focus-within p{max-height:12em;opacity:1;transform:none}
@media(hover:none),(max-width:1100px){#free .bento .cell p,#free .pair .cell p,#free .promise p{max-height:none!important;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease) .3s,transform .6s cubic-bezier(.34,1.4,.64,1) .3s}#free .cell[data-in] p,#free .promise[data-in] p{opacity:1;transform:none}}

.m-br{display:none}}.pair .promise{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--sp-5)}.pair .promise>*{margin:0!important}.pair .promise h2{margin-inline:auto!important}.pair .promise .freelist{justify-content:center;margin-top:var(--sp-3)!important}@media(min-width:1101px){.pair .promise{aspect-ratio:1/1;padding:var(--sp-12)!important}}#free .bento .cell{display:flex;align-items:center;justify-content:center;text-align:center}#free .bento .cell:first-child{position:relative;overflow:hidden}#free .bento .cell:first-child>*{position:relative;z-index:1}#free .bento .cell:first-child:after{content:"";position:absolute;top:50%;right:var(--sp-5);height:100%;aspect-ratio:1;transform:translateY(-50%);background:currentColor;opacity:.16;pointer-events:none;-webkit-mask:url("/assets/icons/badge-ad-off.bbe0f2691c.svg") center/contain no-repeat;mask:url("/assets/icons/badge-ad-off.bbe0f2691c.svg") center/contain no-repeat}#free .bento .cell:nth-child(2){position:relative;overflow:hidden}#free .bento .cell:nth-child(2)>*{position:relative;z-index:1}#free .bento .cell:nth-child(2):after{content:"";position:absolute;top:50%;right:var(--sp-5);height:100%;aspect-ratio:1;transform:translateY(-50%);background:currentColor;opacity:.16;pointer-events:none;-webkit-mask:url("/assets/icons/wifi-off.d5ecf1ecdb.svg") center/contain no-repeat;mask:url("/assets/icons/wifi-off.d5ecf1ecdb.svg") center/contain no-repeat}
#free .bento .cell:nth-child(3):after{content:"";position:absolute;top:50%;right:var(--sp-5);height:100%;aspect-ratio:1;transform:translateY(-50%);background:currentColor;opacity:.16;pointer-events:none;-webkit-mask:url("/assets/icons/lock-cog.d20b0334f2.svg") center/contain no-repeat;mask:url("/assets/icons/lock-cog.d20b0334f2.svg") center/contain no-repeat}
#free .bento .cell:nth-child(3):after{background:#fff;opacity:.3}#free .bento .cell:nth-child(3):after{transform:translateY(calc(-50% + var(--dy,40px))) scale(var(--ds,1.08))!important;transition:transform 1.4s cubic-bezier(.34,1.4,.64,1) .25s}.promise.src:after{display:none}@media(max-width:1100px){#free .bento .cell:nth-child(3){grid-column:1/-1}}.promise.src{background:#0f1f3d}
#free .promise.src{transform:translate3d(0,40px,0);transition:transform 1.1s cubic-bezier(.34,1.45,.64,1)}#free .promise.src[data-in]{transform:none}
#free .promise.src > .cell-bg{transform:translate3d(0,48px,0) scale(1.15);transition:transform 1.6s cubic-bezier(.34,1.35,.64,1) .05s}#free .promise.src[data-in] > .cell-bg{transform:none}
#free .promise.src > *:not(.cell-bg){position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){#free .promise.src,#free .promise.src > .cell-bg{transform:none!important;transition:none!important}}#free .promise:before,#free .promise:after{display:none!important}#free .cell .glow{display:none}.promise:not(.src){background:#15803d}.promise:not(.src):before{width:auto;height:auto;inset:0;top:0;right:0;border-radius:0;z-index:1;background:linear-gradient(180deg,rgba(34,197,94,.55) 0%,rgba(22,140,66,.6) 45%,rgba(12,90,44,.85) 100%)}.promise:not(.src)>*{z-index:2}.pair{display:grid;gap:var(--sp-3);margin-top:var(--sp-3)}@media(min-width:1101px){.pair{grid-template-columns:repeat(2,minmax(0,1fr))}.pair .promise{padding:var(--sp-8)}
#free .promise:not(.src):has(.cell-bg):before{display:none!important}
#free .promise:has(.cell-bg){text-shadow:none}#free .bento{grid-template-columns:repeat(3,minmax(0,1fr))}#free .bento .cell{grid-column:span 1}}#join{background-color:var(--void-1);background:linear-gradient(180deg,#070b16 0,rgba(7,11,22,0) 120px),linear-gradient(180deg,rgba(10,15,28,0) 70%,#0a0f1c 100%),#070b16 url("/assets/img/close-earth.6346dd08cc.webp") center bottom/cover no-repeat!important;color:#fff;padding-bottom:clamp(220px,30vw,420px)!important;border:0!important}.foot{background:#0a0f1c!important;color:rgba(255,255,255,.88);border:0!important}.foot h4,.foot-note,.foot-base{color:rgba(255,255,255,.78)!important}.foot a{color:#fff}.foot a:hover{color:#fff;opacity:.8}.foot .brand{color:#fff}.foot-base{border-top-color:rgba(255,255,255,.25)!important}#free{transition:background-color .7s cubic-bezier(.4,0,.2,1)!important}#free .sec-head h2,#free .sec-head .eyebrow{transition:color .7s cubic-bezier(.4,0,.2,1)!important}#join:before{transition:opacity .7s cubic-bezier(.4,0,.2,1)!important;background:#f7f8fa!important}#join{position:relative;isolation:isolate}#join:before{content:"";position:absolute;inset:0;background:#f7f8fa;opacity:0;transition:opacity .7s var(--ease);pointer-events:none;z-index:0}#join[data-light]:before{opacity:1}#join .wrap{position:relative;z-index:1}#join h2,#join p,#join .motto,#join .spots{transition:color .7s var(--ease)}#join[data-light] h2,#join[data-light] .motto{color:var(--l-ink)!important}#join[data-light] p,#join[data-light] .spots{color:var(--l-muted)!important}#join h2,#join .motto{color:#fff}#join p{color:rgba(255,255,255,.85)}#join .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(20px,3vw,32px)}#join .wrap>*{margin:0!important;transform:none!important}#join h2{text-wrap:balance}#join p{max-width:34em;text-wrap:pretty}#join .spots{justify-content:center}#join .motto{margin-top:clamp(16px,3vw,40px)!important}#scoring,#free{border:0!important}.walk{border:0!important}#scoring{border-bottom:0}.walk[data-end]{background-color:var(--void-1)!important;background-image:none!important}.walk{transition:background-color .7s var(--ease)!important}.walk .chap[data-t="5"],.walk .chap[data-t="5"] .eyebrow,.walk .chap[data-t="5"] .blist li{transition:color .7s var(--ease)}.walk[data-end] .chap[data-t="5"],.walk[data-end] .chap[data-t="5"] .blist li{color:#fff}.walk[data-end] .chap[data-t="5"] .eyebrow{color:#8fb8ff}#free{background-color:var(--void-1)}#scoring,#free,#scoring h2,#scoring .tier .nm,#scoring .eyebrow,#scoring p,#scoring .tier,#scoring .tier .ds{transition:background-color .7s var(--ease),border-color .7s var(--ease),color .7s var(--ease)}#scoring[data-light],#free[data-light]{background-color:#f7f8fa;border-color:transparent}#scoring[data-light] h2,#free[data-light] .sec-head h2{color:var(--l-ink)}#free .sec-head h2,#free .sec-head .eyebrow{transition:color .7s var(--ease)}#free[data-light] .sec-head .eyebrow{color:#1a66cc}#scoring[data-light] .eyebrow{color:#1a66cc}#scoring[data-light] p{color:var(--l-muted)}#scoring[data-light] .tier{background:#fff;border-color:rgba(10,15,28,.08)}#scoring[data-light] .tier .ds,#scoring[data-light] .tier .nm{color:var(--l-ink)}
.walk[data-end],#scoring,#free,#join{background-color:#0a0f1c!important}#scoring[data-light],#free[data-light]{background-color:#f7f8fa!important}#scoring,#free,#join,.foot{margin-top:-1px!important;position:relative}
#bgFx{position:fixed;inset:0;z-index:-1;background-color:#0a0f1c;transition:background-color .7s cubic-bezier(.4,0,.2,1);pointer-events:none}#bgFx[data-light]{background-color:#f7f8fa}
#scoring,#free,#scoring[data-light],#free[data-light]{background-color:transparent!important;background-image:none!important;transition:color .7s cubic-bezier(.4,0,.2,1)!important}
#join{background:transparent!important}#join:before{display:none!important}
#join:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("/assets/img/close-earth.6346dd08cc.webp") center bottom/cover no-repeat;-webkit-mask:linear-gradient(180deg,transparent 0,transparent 6%,#000 45%,#000 70%,transparent 100%);mask:linear-gradient(180deg,transparent 0,transparent 6%,#000 45%,#000 70%,transparent 100%);transition:opacity .7s cubic-bezier(.4,0,.2,1)}#join[data-light]:after{opacity:0}
#join{background:linear-gradient(180deg,#0a0f1c 0,#0a0f1c 6%,rgba(10,15,28,0) 45%),linear-gradient(180deg,rgba(10,15,28,0) 70%,#0a0f1c 100%),#0a0f1c url("/assets/img/close-earth.6346dd08cc.webp") center bottom/cover no-repeat!important}.walk,#scoring,#free{transition:background-color .7s cubic-bezier(.4,0,.2,1)!important}#join:before{transition:opacity .7s cubic-bezier(.4,0,.2,1)!important}
.hero-art img{transform:translate3d(0,-36px,0) scale(1.14);transition:transform 1.6s cubic-bezier(.34,1.4,.64,1)}.hero-art img[data-in]{transform:none}
#free .bento .cell:first-child:after,#free .bento .cell:nth-child(2):after{transform:translateY(calc(-50% + var(--dy,40px))) scale(var(--ds,1.08))!important;transition:transform 1.4s cubic-bezier(.34,1.4,.64,1) .25s}
#free .bento .cell[data-in]{--dx:0px;--dr:0deg}
#free .bento .cell[data-in]{--dy:0px;--ds:1;--dx:0px;--dr:0deg}
#free .cell,#free .promise{transform:translate3d(0,40px,0);transition:transform 1.1s cubic-bezier(.34,1.45,.64,1)}#free .cell[data-in],#free .promise[data-in]{transform:none}
#free .cell:has(> .cell-bg){position:relative;overflow:hidden;isolation:isolate}
#free .cell > .cell-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;transform:translate3d(0,48px,0) scale(1.15);transition:transform 1.6s cubic-bezier(.34,1.35,.64,1) .05s}
#free .cell[data-in] > .cell-bg,#free .promise[data-in] > .cell-bg{transform:none}
#free .bento .cell:has(> .cell-bg):after{z-index:1;opacity:.2}
@media(prefers-reduced-motion:reduce){#free .cell,#free .cell > .cell-bg,#free .promise,#free .promise > .cell-bg{transform:none!important;transition:none!important}}
#join{overflow:hidden}#join:after{transform:translate3d(0,70px,0) scale(1.12);transition:transform 1.6s cubic-bezier(.34,1.35,.64,1),opacity .7s cubic-bezier(.4,0,.2,1)}#join[data-in]:after{transform:none}
@media(max-width:1100px){.blist li.hit .gi{animation:none}.blist li.on .gi:before{width:18px;height:18px;border:0;border-radius:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M2%2012a10%2010%200%201%200%2020%200a10%2010%200%201%200-20%200zM11.4179%2017.1455L10.5052%2013.4948L6.8545%2012.5821A0.6%200.6%200%200%201%206.7563%2011.4517L15.7563%207.4517A0.6%200.6%200%200%201%2016.5483%208.2437L12.5483%2017.2437A0.6%200.6%200%200%201%2011.4179%2017.1455Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20d%3D%27M2%2012a10%2010%200%201%200%2020%200a10%2010%200%201%200-20%200zM11.4179%2017.1455L10.5052%2013.4948L6.8545%2012.5821A0.6%200.6%200%200%201%206.7563%2011.4517L15.7563%207.4517A0.6%200.6%200%200%201%2016.5483%208.2437L12.5483%2017.2437A0.6%200.6%200%200%201%2011.4179%2017.1455Z%27%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;animation:bpop .6s cubic-bezier(.34,1.56,.64,1) forwards}}
@keyframes bpop{0%{transform:scale(1)}35%{transform:scale(1.55)}60%{transform:scale(1.15)}80%{transform:scale(1.32)}100%{transform:scale(1.25)}}
#free .promise p{max-height:0;opacity:0;overflow:hidden;transform:translateY(6px);transition:max-height .45s var(--ease),opacity .35s var(--ease),transform .35s var(--ease)}
#free .promise:hover p,#free .promise:focus-within p{max-height:12em;opacity:1;transform:none}
@media(hover:none),(max-width:1100px){#free .bento .cell p,#free .pair .cell p,#free .promise p{max-height:none!important;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease) .3s,transform .6s cubic-bezier(.34,1.4,.64,1) .3s}#free .cell[data-in] p,#free .promise[data-in] p{opacity:1;transform:none}}

.m-br{display:none}
@media(max-width:1100px){.blist .gi{width:18px;height:18px;overflow:visible}.blist .gi svg{display:none}.blist .gi:before{content:"";box-sizing:border-box;width:13.5px;height:13.5px;border:1.5px solid currentColor;border-radius:50%;background:transparent;transition:background-color .35s ease;-webkit-mask:none;mask:none}}
#join .motto{margin-top:var(--sp-3)!important;font-family:var(--font-mono);font-weight:600;font-size:16px;line-height:1.2;letter-spacing:.1em}
@media(max-width:600px){.m-br{display:inline}#join .motto{margin-top:0!important}}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

a:hover{color:inherit}
#free .cell,#free .cell *,#free .promise,#free .promise *{text-shadow:none!important}
#free .bento .cell{display:grid!important;grid-template-areas:"s"}
#free .bento .cell>h3,#free .bento .cell>p{grid-area:s;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)!important}
#free .bento .cell:not([data-swap])>h3{transition-delay:.25s!important}
#free .bento .cell>p{font-size:20px!important;max-height:none!important;overflow:visible!important;align-self:center;opacity:0!important;transform:translateY(10px)!important;transition-delay:0s!important}
#free .bento .cell[data-swap]>h3{opacity:0;transform:translateY(-6px)}
#free .bento .cell[data-swap]>p{opacity:1!important;transform:none!important;transition:opacity .5s var(--ease) .15s,transform .5s var(--ease) .15s!important}
#free .promise .swap{display:grid;grid-template-areas:"s";align-items:center;justify-items:center}
#free .promise .swap>h2,#free .promise .swap>p{grid-area:s;margin:0!important;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)!important}
#free .promise .swap>p{max-height:none!important;overflow:visible!important;opacity:0!important;transform:translateY(10px)!important}
#free .promise:not([data-swap]) .swap>h2{transition-delay:.25s!important}
#free .promise[data-swap] .swap>h2{opacity:0;transform:translateY(-6px)}
#free .promise[data-swap] .swap>p{opacity:1!important;transform:none!important;transition:opacity .5s var(--ease) .15s,transform .5s var(--ease) .15s!important}
#free .cell,#free .promise,#free .promise.src,#free .cell[data-in],#free .promise[data-in]{transform:none!important;transition:none!important}
#join{background:transparent!important;isolation:isolate}
#join:before{display:block!important;content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("/assets/img/close-earth-white.b304c7b671.webp") center bottom/cover no-repeat!important;-webkit-mask:linear-gradient(180deg,transparent 0,transparent 6%,#000 45%,#000 70%,transparent 100%);mask:linear-gradient(180deg,transparent 0,transparent 6%,#000 45%,#000 70%,transparent 100%);opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1)!important}
#join[data-light]:before{opacity:1}
#join>*{position:relative;z-index:1}
.walk,.walk[data-bg],.walk[data-mbg],.walk[data-end]{background-color:transparent!important}
#bgFx[data-c="blue"]{background-color:#1f73e3}
.foot-base .legal,.foot-base .legal a{font:inherit;font-size:var(--fs-meta);line-height:1.5;letter-spacing:normal;text-transform:none}
.foot-base .legal{display:block;flex:1 1 auto;min-width:0}
@media(min-width:1101px){.foot-base .legal{white-space:nowrap}}
.brand{align-items:center!important}.brand .mk,.brand img{display:block;align-self:center;margin:0!important}
.nav .brand .mk{width:48px!important;height:48px!important}
.nav.stuck .brand .mk,.nav.open .brand .mk{width:32px!important;height:32px!important}
@media(min-width:601px){.nav.stuck .brand .mk,.nav.open .brand .mk{width:40px!important;height:40px!important}}
.foot .brand{line-height:1}.foot .brand img{width:29px!important;height:29px!important}
.cyc{position:absolute;inset:0}
.cyc>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s var(--ease)}
.cyc>img.on{opacity:1}
.cyc>img{z-index:1;transition:opacity 0s linear .65s!important}
.cyc>img.on{z-index:2;transition:opacity .6s var(--ease)!important}
.phone .screen img.full,.phone .mscreen img.full,.phone .cyc>img{left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:cover;object-position:top center}
#beta[data-open]{opacity:1!important;visibility:visible!important}#beta[data-open] [data-panel]{transform:none!important}
@media(min-width:601px){#beta{align-items:center!important}}
#beta [data-steps] li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45;color:#0a0f1c}
#beta [data-steps] li:before{counter-increment:s;content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;background:#eaf2fd;color:var(--blue-fill);font-weight:600;font-size:14px;display:grid;place-items:center}
#beta [data-steps] b{font-weight:600}
.nav .nav-in{transition:width .45s var(--ease),padding .45s var(--ease),background .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease)!important}
@media(min-width:1101px){.nav.stuck .nav-in{width:var(--nw,100%)!important;max-width:100%;margin-left:auto!important;margin-right:auto!important}}

.nav-measure,.nav-measure *{transition:none!important}.nav-measure .menu{display:none!important}