/* ===========================================================================
   consumer.css — the consumer site's shared styles (home, how it works, …).
   Load after docs/paper-design-system.css (tokens: --paper, --ink, --blue, --serif…).
   Extracted from home-mock.html on 26 Sep 2026. Sections, in page order:
     base + SITE HEADER (.sn-nav, .nv-*) + SITE FOOTER (.sf-*)
     HERO v8 (.hx-*)  · the question card (.hx-card, .hx-chips, .hx-in, .hx-up) is shared
     THE TOUR (.tr-*) · CATCHES (.fx-*) · YOUR SIDE ON THE RECORD (.yo-*)
     START (.ct-*)    · CALM PASS: section head (.sn-*), law (.lq-*), prepared (.pd-*), privacy (.pv-*)
   New pages: reuse .sn-head / .sn-h / .sn-s / .sn-more for every section head.
   ======================================================================== */

body{overflow-x:clip}
.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ═══════════════ SITE HEADER + FOOTER — shared by every page ═══════════════
   .nav / .nav .in / .nav-cta come from the design system; this adds the menu, the law-firm panel,
   the phone menu and the sitemap footer. */
.sn-nav .logo{display:flex;align-items:center;gap:8px;flex:none}
.sn-nav .logo img{height:26px;width:26px}
.logo .w{color:var(--ink);font-weight:800;font-size:18px;letter-spacing:-.01em}
.logo .i{color:var(--blue)}
.nv-mid{display:flex;align-items:center;gap:clamp(14px,2.2vw,28px)}
.nv-mid>a,.nv-ddb{font:600 .88rem/1 var(--sans);color:var(--ink-2);transition:color .2s var(--ease)}
.nv-mid>a:hover,.nv-ddb:hover,.nv-dd.open .nv-ddb{color:var(--ink)}
.nv-ddb{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font:600 .88rem/1 var(--sans);color:var(--ink-2);padding:8px 10px;border-radius:9px;background:rgba(19,22,41,.05)}
.nv-ddb:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.nv-ddb svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform .2s}
.nv-dd{position:relative}
.nv-dd.open .nv-ddb svg{transform:rotate(180deg)}
.nv-panel{position:absolute;top:calc(100% + 12px);right:-120px;width:560px;display:grid;grid-template-columns:1.2fr .8fr;gap:8px 24px;padding:20px 22px;
  background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px -30px rgba(19,22,41,.35);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .25s var(--ease),visibility 0s .25s}
.nv-dd.open .nv-panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .25s var(--ease)}
.nv-col{display:flex;flex-direction:column;gap:2px}
.nv-k{display:block;margin:6px 0 6px;font:700 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.nv-col a{display:flex;flex-direction:column;gap:2px;padding:8px 10px;margin:0 -10px;border-radius:10px;transition:background .15s}
.nv-col a:hover{background:rgba(53,67,240,.06)}
.nv-col b{font:600 14px/1.3 var(--sans);color:var(--ink)}
.nv-col i{font:400 12.5px/1.35 var(--sans);font-style:normal;color:var(--ink-3)}
.nv-right{display:flex;align-items:center;gap:12px}
.nv-burger{all:unset;display:none;cursor:pointer;width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.nv-burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s}
.sn-nav.mopen .nv-burger span:first-child{transform:translateY(3.5px) rotate(45deg)}
.sn-nav.mopen .nv-burger span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.nv-mob{display:none}
@media (max-width:900px){
  .nv-mid{display:none}
  .nv-right .nav-cta{display:none}
  .nv-burger{display:flex}
  .sn-nav{flex-direction:column;height:auto;min-height:60px}
  .sn-nav .in{min-height:60px}
  .nv-mob{flex-direction:column;gap:2px;width:100%;padding:8px 20px 20px;max-height:calc(100vh - 60px);overflow:auto}
  .sn-nav.mopen .nv-mob{display:flex}
  .sn-nav.mopen{background:#F5F4F1;-webkit-backdrop-filter:none;backdrop-filter:none}
  .nv-mob a{padding:12px 0;font:600 16px/1.2 var(--sans);color:var(--ink);border-bottom:1px solid var(--line)}
  .nv-mob .nv-k{margin-top:18px}
  .nv-mob .nav-cta{margin-top:18px;text-align:center;border:0;color:#fff}
}

.sf{background:#fff;border-top:1px solid var(--line);color:var(--ink-2)}
.sf-in{max-width:1280px;margin:0 auto;padding:clamp(56px,7vw,90px) 26px 40px;display:grid;grid-template-columns:1fr 2.6fr;gap:clamp(32px,5vw,72px)}
.sf-brand .logo{display:inline-flex;align-items:center;gap:8px}
.sf-brand .logo img{height:26px;width:26px}
.sf-brand p{margin:14px 0 18px;max-width:22em;font:400 14.5px/1.55 var(--sans);color:var(--ink-2)}
.sf-soc{display:flex;gap:8px;flex-wrap:wrap}
.sf-soc a{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(19,22,41,.05);color:var(--ink-2);transition:background .2s,color .2s}
.sf-soc a:hover{background:rgba(53,67,240,.1);color:var(--blue)}
.sf-soc svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sf-cols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.sf-cols h4{margin:0 0 14px;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.sf-cols a{display:block;padding:5px 0;font:500 14px/1.35 var(--sans);color:var(--ink-2);transition:color .2s}
.sf-cols a:hover{color:var(--blue)}
.sf-base{max-width:1280px;margin:0 auto;padding:20px 26px 36px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);font:500 13px/1.4 var(--sans);color:var(--ink-3)}
@media (max-width:1000px){.sf-in{grid-template-columns:1fr}.sf-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.sf-cols{grid-template-columns:1fr 1fr}.sf-in{padding:48px 18px 28px}.sf-base{padding:18px 18px 30px}}



/* ═══════════════ HERO v8 — the navy desk, full bleed. Three cases: a paper arrives, one question
   is answered, the next paper to upload is asked for. Custody, then dismissal, then tenancy. ═══════════════ */
.hx{--hx-ink:#131629;--hx-ink2:#454A61;--hx-ink3:#7A7E90;--hx-blue:#3543F0;--hx-good:#1f9d5b;
  --hx-cream:#F5F1E8;--hx-soft:#AEB6FF;
  --hx-spring:cubic-bezier(.34,1.45,.44,1);--hx-out:cubic-bezier(.16,.9,.28,1);--hx-ease:cubic-bezier(.4,0,.2,1);
  --hx-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--hx-serif:'Fraunces',Georgia,serif;
  --W:min(1280px,calc(100vw - 52px));
  position:relative;z-index:1;isolation:isolate;overflow:hidden;overflow:clip;
  margin-top:60px;padding:0 26px;border-radius:0 0 36px 36px;
  background:
    radial-gradient(900px 700px at 86% 8%,rgba(77,90,245,.5),transparent 60%),
    radial-gradient(760px 620px at 6% 100%,rgba(53,67,240,.26),transparent 64%),
    radial-gradient(520px 400px at 55% 70%,rgba(236,196,140,.07),transparent 70%),
    linear-gradient(165deg,#12294b 0%,#0C2340 42%,#08172c 100%)}
.hx::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:var(--noise);background-size:160px 160px;opacity:.16;mix-blend-mode:overlay}
.hx::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.2px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(70% 60% at 85% 15%,#000,transparent 70%);mask-image:radial-gradient(70% 60% at 85% 15%,#000,transparent 70%);opacity:.55}

.hx-grid{position:relative;z-index:2;max-width:1280px;margin:0 auto;min-height:max(680px,calc(100svh - 60px));
  display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,3.5vw,56px);align-items:center}

/* left: the words */
.hx-copy{align-self:start;padding-top:clamp(44px,8vh,96px)}
.hx h1{font-family:var(--hx-serif);font-weight:500;letter-spacing:-.035em;line-height:.98;margin:0;
  font-size:clamp(2.7rem,4.1vw,4.9rem);color:var(--hx-cream)}
.hx h1 > span{display:block;overflow:hidden;padding-bottom:.1em}
.hx h1 > span > span{display:inline-block;text-wrap:balance;transform:translateY(105%);animation:hxRise 1s var(--hx-out) forwards}
.hx-l1 > span{animation-delay:.1s!important}
.hx-l2 > span{animation-delay:.24s!important;font-style:italic;font-weight:400;color:var(--hx-soft)}
.hx-sub{margin:26px 0 0;max-width:34em;font:400 clamp(16px,1.25vw,18.5px)/1.6 var(--hx-sans);color:rgba(245,241,232,.74);
  opacity:0;transform:translateY(10px);animation:hxFade .8s var(--hx-out) .45s forwards}
.hx-sub b{font-weight:600;color:var(--hx-cream)}
.hx-cta{margin-top:34px;opacity:0;transform:translateY(10px);animation:hxFade .7s var(--hx-out) .6s forwards;
  box-shadow:0 18px 40px -14px rgba(77,90,245,.9)!important}
@keyframes hxRise{to{transform:none}}
@keyframes hxFade{to{opacity:1;transform:none}}

/* the papers: large, on the desk, beneath the words */
.hx-docs{position:absolute;z-index:0;pointer-events:none;
  left:calc((100vw - var(--W))/2 - 70px);top:var(--dt,max(58%,430px));width:min(1060px,68vw);height:1200px;
  transform:rotate(-3.5deg);transform-origin:0 0}
.hx-under{position:absolute;inset:0;border-radius:8px;background:#E9E4D8;transform:translate(26px,-14px) rotate(2.4deg);
  box-shadow:0 60px 90px -40px rgba(0,0,0,.6)}
.hx-doc{position:absolute;inset:0;opacity:0;transform:translate(90px,140px) rotate(4deg);
  transition:opacity .7s var(--hx-out),transform 1.1s var(--hx-out)}
.hx-doc.on{opacity:1;transform:none}
.hx-doc.out{opacity:0;transform:translate(-140px,60px) rotate(-7deg);transition-duration:.6s,.9s;transition-timing-function:var(--hx-ease)}
.hx-sheet{position:absolute;inset:0;overflow:hidden;border-radius:8px;padding:44px 72px 0 72px;
  font:400 18px/1.8 var(--hx-serif);color:rgba(19,22,41,.5);
  background:
    linear-gradient(180deg,transparent 33%,rgba(19,22,41,.07) 33.2%,rgba(255,255,255,.55) 33.4%,transparent 33.9%),
    linear-gradient(100deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.35) 80%,rgba(19,22,41,.04) 100%),
    #FBF8F1;
  box-shadow:0 2px 0 rgba(255,255,255,.4) inset,0 70px 110px -40px rgba(0,0,0,.7),0 20px 36px -20px rgba(0,0,0,.55)}
.hx-sheet::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--noise);background-size:140px 140px;opacity:.14;mix-blend-mode:multiply}
.hx-sheet p{margin:0 0 16px;max-width:36em}
.hx-re{font-weight:600;color:rgba(19,22,41,.66)}
.hx-num{display:inline-block;width:1.6em;color:rgba(19,22,41,.4)}
.hx-lh{display:flex;align-items:center;gap:16px;padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid rgba(19,22,41,.12)}
.hx-lh.c{justify-content:center;flex-direction:column;gap:8px;text-align:center;border-bottom:0;margin-bottom:22px}
.hx-lh.c .t{font:600 13px/1 var(--hx-sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(19,22,41,.55)}
.hx-logo{width:34px;height:34px;border-radius:8px;background:#1b1e33;opacity:.85;flex:none}
.hx-lhtext{display:flex;flex-direction:column;gap:7px;flex:1}
.hx-lhtext i{display:block;height:6px;width:44%;border-radius:3px;background:rgba(19,22,41,.16)}
.hx-rd{display:inline-block;width:var(--w);height:.9em;border-radius:2px;background:#1b1e33;vertical-align:-.1em;opacity:.9}
.hx-sheet mark{color:var(--hx-ink);background:linear-gradient(transparent 56%,rgba(53,67,240,.28) 56%);padding:0 2px}
.hx-clip{position:absolute;left:240px;top:-24px;width:28px;height:76px;z-index:4;fill:none;stroke:#c9ccd4;stroke-width:2.4;stroke-linecap:round;
  transform:rotate(-4deg);filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
/* the navy closes over the paper's edges, so the words above always read */
.hx-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(12,35,64,.0) 86%,rgba(8,23,44,.5) 100%),
    linear-gradient(90deg,rgba(12,35,64,.5) 0%,rgba(12,35,64,0) 22%)}

/* right: the stage */
.hx-stage{position:relative;display:flex;flex-direction:column;gap:18px;padding:40px 0;align-self:end;margin-bottom:clamp(40px,9vh,110px)}
.hx-stage *{pointer-events:none}
.hx-grid > *{min-width:0}
.hx-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hx-bgi{position:absolute;inset:0;background-size:max(150%,calc(150svh * 1.79)) auto;background-position:var(--bp,70% 50%);background-repeat:no-repeat;opacity:0;transform:scale(1.08);transition:opacity 1.6s var(--hx-ease),transform 12s linear;filter:saturate(.85)}
.hx-bgi.on{opacity:1;transform:scale(1)}
.hx-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,22,42,.94) 0%,rgba(9,22,42,.8) 34%,rgba(9,22,42,.3) 60%,rgba(9,22,42,.12) 100%),linear-gradient(180deg,rgba(9,22,42,.2) 0%,rgba(9,22,42,0) 30%,rgba(9,22,42,.45) 100%)}
.hx-cases{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hx-cases .lab{font:700 10.5px/1 var(--hx-sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(245,241,232,.5);margin-right:8px}
.hx-cases .pill{font:600 13px/1 var(--hx-sans);color:rgba(245,241,232,.66);padding:9px 14px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .5s,color .5s,border-color .5s,box-shadow .5s}
.hx-cases .pill.on{background:var(--hx-cream);color:var(--hx-ink);border-color:var(--hx-cream);box-shadow:0 10px 26px -12px rgba(0,0,0,.6)}

.hx-scenes{display:grid}
.hx-scene{grid-area:1/1;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(16px);filter:blur(6px);
  transition:opacity .55s var(--hx-out),transform .8s var(--hx-out),filter .55s var(--hx-out)}
.hx-scene.on{opacity:1;transform:none;filter:none}
.hx-scene.out{opacity:0;transform:translateY(-12px);filter:blur(6px);transition-duration:.45s;transition-timing-function:var(--hx-ease)}

.hx-card,.hx-up{background:#fff;border:1px solid rgba(19,22,41,.08);border-radius:20px;
  box-shadow:0 40px 80px -36px rgba(4,10,24,.6),0 10px 24px -12px rgba(4,10,24,.4)}
.hx-card{padding:18px 20px 16px;transition:padding .5s var(--hx-ease),box-shadow .5s,border-color .5s}
.hx-card.active{border-color:rgba(53,67,240,.3);box-shadow:0 0 0 1px rgba(77,90,245,.55),0 44px 90px -30px rgba(53,67,240,.75),0 10px 24px -12px rgba(4,10,24,.4)}
.hx-eyebrow{display:flex;align-items:center;gap:9px;font:700 11px/1 var(--hx-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--hx-blue)}
.hx-eyebrow .cs{color:var(--hx-ink);padding-right:9px;margin-right:0;border-right:1px solid rgba(19,22,41,.14)}
.hx-card:not(.done) .hx-eyebrow .n{display:none}
.hx-eyebrow .n{margin-left:auto;color:var(--hx-ink3);letter-spacing:.06em}
.hx-eyebrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hx-eyebrow .dt{fill:currentColor;stroke:none}
.hx-open{max-height:420px;overflow:hidden;transition:max-height .55s var(--hx-ease),opacity .3s}
.hx-qtext{margin:11px 0 6px;font:600 17px/1.4 var(--hx-sans);letter-spacing:-.012em;color:var(--hx-ink)}
.hx-why{margin:0 0 12px;font:500 13px/1.5 var(--hx-sans);color:var(--hx-ink3)}
.hx-chips{display:flex;flex-wrap:wrap;gap:7px}
.hx-chips span{font:600 13px/1 var(--hx-sans);color:var(--hx-ink);background:#fff;border:1px solid rgba(19,22,41,.16);border-radius:10px;padding:9px 12px;
  transition:transform .2s var(--hx-spring),background .2s,border-color .2s,color .2s,box-shadow .25s}
.hx-chips span.hov{border-color:var(--hx-blue);box-shadow:0 0 0 3px rgba(53,67,240,.1)}
.hx-chips span.sel{background:var(--hx-blue);border-color:var(--hx-blue);color:#fff;box-shadow:0 10px 22px -10px rgba(53,67,240,.7)}
.press{transform:scale(.94)!important}
.hx-in{display:flex;gap:8px;margin-top:10px}
.hx-field{flex:1;min-width:0;font:500 13.5px/1.35 var(--hx-sans);color:var(--hx-ink);background:#FAFAF8;border:1px solid rgba(19,22,41,.12);border-radius:10px;padding:9px 11px;min-height:38px;transition:border-color .2s,box-shadow .2s}
.hx-field.focus{border-color:var(--hx-blue);box-shadow:0 0 0 3px rgba(53,67,240,.12);background:#fff}
.hx-field .ph{font-style:normal;color:var(--hx-ink3)}
.hx-field.typing::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:1px;vertical-align:-.12em;background:var(--hx-blue);animation:hxBlink .9s steps(1) infinite}
@keyframes hxBlink{50%{opacity:0}}
.hx-send{flex:none;align-self:stretch;display:grid;place-items:center;font:600 13.5px/1 var(--hx-sans);color:#fff;background:var(--hx-blue);border-radius:10px;padding:0 16px;transition:transform .2s var(--hx-spring),opacity .2s;opacity:.55}
.hx-send.ready{opacity:1}
/* answered: the question folds into a line */
.hx-ans{display:flex;flex-direction:column;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--hx-ease),opacity .4s .2s}
.hx-ans .q{font:500 12.5px/1.3 var(--hx-sans);color:var(--hx-ink3);padding-top:10px}
.hx-ans .a{font:500 14px/1.45 var(--hx-sans);color:var(--hx-ink2)}
.hx-ans .a b{font-weight:600;color:var(--hx-blue)}
.hx-card.done{padding:15px 20px 14px}
.hx-card.done .hx-open{max-height:0;opacity:0}
.hx-card.done .hx-ans{max-height:140px;opacity:1}
.hx-card.done .hx-eyebrow{color:var(--hx-good)}
.hx-card.done .hx-eyebrow .n{font-size:0}
.hx-card.done .hx-eyebrow .n::before{content:"Answered";font-size:11px}

/* upload next: the paper the case is missing */
.hx-up{padding:16px 18px;display:grid;grid-template-columns:40px 1fr auto;gap:4px 14px;align-items:center;
  opacity:0;transform:translateY(14px) scale(.98);transition:opacity .5s var(--hx-out),transform .7s var(--hx-spring),box-shadow .5s,border-color .5s}
.hx-up.in{opacity:1;transform:none;border-color:rgba(53,67,240,.3);box-shadow:0 0 0 1px rgba(77,90,245,.45),0 40px 80px -34px rgba(53,67,240,.65),0 10px 24px -12px rgba(4,10,24,.4)}
.hx-up .ic{grid-row:1/3;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(53,67,240,.09);color:var(--hx-blue);transition:background .4s,color .4s}
.hx-up .ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hx-up .ic .ok{display:none}
.hx-up .k{font:700 10.5px/1 var(--hx-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--hx-blue);align-self:end}
.hx-up .t{grid-column:2;font:600 14.5px/1.35 var(--hx-sans);color:var(--hx-ink)}
.hx-up .w{grid-column:1/-1;margin-top:8px;font:500 12.5px/1.5 var(--hx-sans);color:var(--hx-ink3)}
.hx-up .add{grid-column:3;grid-row:1/3;font:600 13px/1 var(--hx-sans);color:#fff;background:var(--hx-blue);border-radius:10px;padding:10px 14px;transition:transform .2s var(--hx-spring),background .3s}
.hx-up.added .ic{background:rgba(31,157,91,.12);color:var(--hx-good)}
.hx-up.added .ic .up{display:none}.hx-up.added .ic .ok{display:block}
.hx-up.added .k{color:var(--hx-good)}
.hx-up.added .add{background:rgba(31,157,91,.12);color:var(--hx-good)}

.hx-cursor{position:absolute;left:0;top:0;width:24px;height:24px;z-index:6;opacity:0;
  filter:drop-shadow(0 3px 5px rgba(4,10,24,.5));transition:transform .8s var(--hx-out),opacity .3s}
.hx-cursor path{fill:var(--hx-ink);stroke:#fff;stroke-width:1.4;stroke-linejoin:round}

/* larger cards */
.hx-card{padding:22px 26px 20px;border-radius:24px}
.hx-eyebrow{font-size:12px}.hx-eyebrow svg{width:22px;height:22px}
.hx-qtext{font-size:clamp(18px,1.35vw,21.5px);margin:14px 0 8px}
.hx-why{font-size:14.5px;margin-bottom:16px}
.hx-chips{gap:9px}.hx-chips span{font-size:14.5px;padding:11px 15px;border-radius:11px}
.hx-in{margin-top:14px}.hx-field{font-size:15px;min-height:46px;padding:12px 14px}.hx-send{font-size:14.5px;padding:0 20px}
.hx-card.done{padding:18px 26px 17px}
.hx-ans .q{font-size:13.5px}.hx-ans .a{font-size:15.5px}
.hx-up{padding:20px 22px;border-radius:24px;grid-template-columns:46px 1fr auto;gap:5px 16px}
.hx-up .ic{width:46px;height:46px}.hx-up .k{font-size:11.5px}.hx-up .t{font-size:17px}.hx-up .w{font-size:14px}
.hx-up .add{font-size:14.5px;padding:12px 18px}
/* laptops: a little tighter */
@media (max-width:1180px){.hx-grid{grid-template-columns:1.05fr .95fr}.hx-docs{width:min(760px,64vw)}.hx-sheet{padding:48px 56px 0;font-size:16.5px}}
@media (max-height:760px) and (min-width:901px){.hx-copy{padding-top:48px}.hx-sub{margin-top:18px}.hx-cta{margin-top:24px}}

/* phones: words, then the stage, the paper lying under it */
@media (max-width:900px){
  .hx{padding:0 16px;border-radius:0 0 26px 26px}
  .hx-grid{grid-template-columns:1fr;min-height:0;gap:28px;padding:44px 0 64px}
  .hx-copy{padding-top:0}
  .hx h1{font-size:clamp(2.5rem,10.5vw,3.6rem)}
  .hx-sub{font-size:16px;margin-top:18px}
  .hx-cta{margin-top:26px}
  .hx-stage{padding:0;align-self:auto;margin-bottom:0}
  .hx-docs{left:-6%;top:auto;bottom:-880px;width:112%;height:1100px;transform:rotate(-4deg)}
  .hx-cases .lab{display:none}
  .hx-cases{flex-wrap:nowrap}.hx-cases .pill{padding:8px 12px;font-size:12.5px}
  .hx-eyebrow{flex-wrap:wrap;row-gap:6px;font-size:10px;letter-spacing:.07em}
  .hx-eyebrow .n{display:none!important}
  .hx-scenes,.hx-scene{min-width:0}
  .hx-bgi{background-size:cover}
  .hx-card{padding:18px 18px 16px}.hx-qtext{font-size:17px}.hx-why{font-size:13px}
  .hx-chips span{font-size:13px;padding:9px 12px}.hx-field{font-size:13.5px;min-height:40px}
  .hx-up{padding:16px 18px;grid-template-columns:40px 1fr auto}.hx-up .ic{width:40px;height:40px}.hx-up .t{font-size:15px}.hx-up .w{font-size:12.5px}
  .hx-bg::after{background:linear-gradient(180deg,rgba(9,22,42,.9) 0%,rgba(9,22,42,.8) 55%,rgba(9,22,42,.7) 100%)}
  .hx-sheet{padding:40px 30px 0;font-size:14.5px}
  .hx-clip{left:120px}
  .hx-scrim{background:linear-gradient(180deg,rgba(12,35,64,0) 60%,rgba(8,23,44,.6) 100%)}
}
@media (prefers-reduced-motion:reduce){
  .hx *,.hx *::before,.hx *::after{animation:none!important;transition:none!important}
  .hx h1 > span > span,.hx-cta,.hx-sub{transform:none;opacity:1}
}


/* ═══════════════ 2 · IT CATCHES WHAT DOESN'T ADD UP ═══════════════ */
.fx{--fx-ink:#131629;--fx-ink2:#454A61;--fx-ink3:#7A7E90;--fx-blue:#3543F0;--fx-warn:#D92D20;
  --fx-out:cubic-bezier(.16,.9,.28,1);--fx-spring:cubic-bezier(.34,1.4,.44,1);--fx-ease:cubic-bezier(.4,0,.2,1);
  position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding:clamp(80px,11vw,150px) 26px clamp(80px,10vw,140px);
  background:radial-gradient(900px 600px at 50% 62%,rgba(53,67,240,.05),transparent 70%),#FFFFFF}
.fx::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--noise);background-size:170px 170px;opacity:.16;mix-blend-mode:multiply}
.fx-in{max-width:1280px;margin:0 auto}
.fx-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:clamp(40px,6vw,80px)}
.fx-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:.98;font-size:clamp(2.8rem,5.6vw,6rem);color:var(--fx-ink)}
.fx-h em{font-style:italic;font-weight:400;color:var(--fx-blue)}
.fx-s{margin:0 0 .6em;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--fx-ink2);max-width:28em}

.fx-stage{position:relative;display:grid;grid-template-columns:1.25fr .92fr .78fr;gap:clamp(28px,4vw,64px);align-items:center;min-height:620px}
.fx-stage *{pointer-events:none}
.fx-cap{display:flex;gap:10px;align-items:baseline;margin-top:18px;font:500 13px/1.3 var(--sans);color:var(--fx-ink3)}
.fx-cap b{font-weight:600;color:var(--fx-ink)}

/* the statement */
.fx-paper{margin:0;position:relative;z-index:1;opacity:0;transform:translate(-40px,30px) rotate(-6deg);transition:opacity .8s var(--fx-out),transform 1.1s var(--fx-out)}
.fx-sheet{position:relative;border-radius:8px;padding:44px 46px 40px;overflow:hidden;
  font:400 18px/1.8 var(--serif);color:rgba(19,22,41,.5);
  background:linear-gradient(100deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.4) 80%,rgba(19,22,41,.03) 100%),#FBF8F1;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 50px 80px -40px rgba(19,22,41,.45),0 14px 28px -18px rgba(19,22,41,.3)}
.fx-sheet::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--noise);background-size:140px 140px;opacity:.12;mix-blend-mode:multiply}
.fx-sheet p{margin:0 0 14px}
.fx-lh{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}
.fx-lh .t{font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(19,22,41,.55)}
.fx-num{display:inline-block;width:1.6em;color:rgba(19,22,41,.4)}
.fx-rd{display:inline-block;width:var(--w);height:.9em;border-radius:2px;background:#1b1e33;vertical-align:-.1em;opacity:.9}
.fx-sheet mark{color:rgba(19,22,41,.5);background:linear-gradient(rgba(217,45,32,.18),rgba(217,45,32,.18)) no-repeat 0 100%/0% 44%;padding:0 2px;
  transition:background-size 1s var(--fx-ease),color .6s}

/* the screenshot */
.fx-shot{margin:0;position:relative;z-index:1;justify-self:end;width:min(310px,100%);opacity:0;transform:translate(40px,30px) rotate(7deg);transition:opacity .8s var(--fx-out) .12s,transform 1.1s var(--fx-out) .12s}
.fx-phone{border-radius:28px;overflow:hidden;background:#EFE7DD;border:1px solid rgba(19,22,41,.12);
  box-shadow:0 50px 80px -40px rgba(19,22,41,.5),0 14px 28px -18px rgba(19,22,41,.3);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,var(--sans)}
.fx-phone{background-image:radial-gradient(rgba(19,22,41,.05) 1px,transparent 1.3px);background-size:14px 14px}
.fx-sb{display:flex;justify-content:space-between;align-items:center;padding:12px 22px 6px;font-size:13px;font-weight:600;color:#111;background:#F6F5F3}
.fx-sb .ic{display:flex;gap:3px;align-items:flex-end}
.fx-sb .ic i{display:block;width:3px;background:#111;border-radius:1px}
.fx-sb .ic i:nth-child(1){height:5px}.fx-sb .ic i:nth-child(2){height:7px}.fx-sb .ic i:nth-child(3){height:9px}
.fx-sb .ic b{display:block;width:20px;height:10px;margin-left:5px;border:1.5px solid #111;border-radius:3px;box-shadow:inset 12px 0 0 #111}
.fx-top{display:flex;align-items:center;gap:10px;padding:8px 14px 12px;background:#F6F5F3;border-bottom:1px solid rgba(19,22,41,.08)}
.fx-top .bk{width:9px;height:9px;border-left:2px solid #1f7a5a;border-bottom:2px solid #1f7a5a;transform:rotate(45deg);margin:0 4px}
.fx-top .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c9ccd4,#9aa0ad)}
.fx-top .nm{display:flex;flex-direction:column;gap:4px;font-size:14px}
.fx-top .nm small{font-size:11px;color:#667}
.fx-thread{display:flex;flex-direction:column;gap:6px;padding:12px 12px 18px}
.fx-day{align-self:center;margin:8px 0 4px;padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.9);font-size:11px;font-weight:600;color:#556;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.fx-m{position:relative;max-width:82%;padding:7px 10px 18px;border-radius:10px;font-size:14px;line-height:1.35;color:#111;box-shadow:0 1px 1px rgba(0,0,0,.08);
  transition:box-shadow .4s,transform .4s var(--fx-spring)}
.fx-m s{position:absolute;right:9px;bottom:4px;text-decoration:none;font-size:10.5px;color:#7a7f88}
.fx-m.in{align-self:flex-start;background:#fff;border-top-left-radius:3px}
.fx-m.out{align-self:flex-end;background:#D9FDD3;border-top-right-radius:3px;padding-right:12px}
.fx-m.out s::after{content:" \2713\2713";color:#53bdeb;letter-spacing:-.2em}
.fx-m.in.hit{box-shadow:0 0 0 2px var(--fx-blue),0 10px 24px -10px rgba(53,67,240,.6);transform:scale(1.03)}

/* the finding */
.fx-find{position:relative;z-index:2;background:#fff;border:1px solid rgba(53,67,240,.22);border-radius:24px;padding:26px 28px 24px;
  box-shadow:0 0 0 1px rgba(77,90,245,.18),0 50px 100px -40px rgba(53,67,240,.55),0 14px 30px -16px rgba(19,22,41,.2);
  opacity:0;transform:translateY(26px) scale(.96);filter:blur(6px);transition:opacity .7s var(--fx-out),transform .9s var(--fx-spring),filter .7s var(--fx-out)}
.fx-eb{display:flex;align-items:center;gap:10px;font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fx-warn)}
.fx-eb svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fx-ft{margin:16px 0 18px;font:500 clamp(17px,1.35vw,20px)/1.5 var(--sans);color:var(--fx-ink2);letter-spacing:-.01em}
.fx-ft b{font-weight:600;color:var(--fx-ink)}
.fx-src{display:flex;flex-wrap:wrap;gap:8px}
.fx-src span{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--sans);color:var(--fx-ink);padding:10px 12px;border-radius:10px;background:#F4F4F8;border:1px solid rgba(19,22,41,.08);
  opacity:0;transform:translateY(6px);transition:opacity .4s,transform .5s var(--fx-spring)}
.fx-src span:nth-child(2){transition-delay:.12s}
.fx-src i{width:8px;height:8px;border-radius:50%;background:var(--fx-warn)}
.fx-src span:nth-child(2) i{background:var(--fx-blue)}

/* the wires */
.fx-wires{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.fx-wires path{fill:none;stroke:var(--fx-blue);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.55;transition:stroke-dashoffset .9s var(--fx-ease)}
.fx-wires .w0{stroke:var(--fx-warn)}

/* the beats */
.fx-stage.s-in .fx-paper{opacity:1;transform:rotate(-2.5deg)}
.fx-stage.s-in .fx-shot{opacity:1;transform:rotate(3deg)}
.fx-stage.s-claim mark{background-size:100% 44%;color:var(--fx-ink)}
.fx-stage.s-wire .fx-wires path{stroke-dashoffset:0}
.fx-stage.s-wire .fx-wires .w2{transition-delay:.12s}.fx-stage.s-wire .fx-wires .w3{transition-delay:.24s}
.fx-stage.s-find .fx-find{opacity:1;transform:none;filter:none}
.fx-stage.s-src .fx-src span{opacity:1;transform:none}


.fx-catch{position:relative;display:inline-block;margin:0 .16em;transition:color .5s .5s}
.fx-catch svg{position:absolute;left:-9%;top:-12%;width:118%;height:128%;overflow:visible;pointer-events:none}
.fx-catch path{fill:none;stroke:#D92D20;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.1s cubic-bezier(.6,0,.3,1) .35s}
.fx-head.on .fx-catch path{stroke-dashoffset:0}
.fx-head.on .fx-catch{color:#D92D20}
/* the screenshot, closer to the real thing */
.fx-phone{display:flex;flex-direction:column}
.fx-sb{padding:13px 24px 8px;background:#fff}
.fx-sb .ic{gap:6px;align-items:center}
.fx-sb .sig{display:flex;gap:2px;align-items:flex-end}
.fx-sb .sig i{display:block;width:3px;background:#111;border-radius:1px}
.fx-sb .sig i:nth-child(1){height:4px}.fx-sb .sig i:nth-child(2){height:6px}.fx-sb .sig i:nth-child(3){height:8px}.fx-sb .sig i:nth-child(4){height:10px}
.fx-sb .wf{width:14px;height:11px}
.fx-sb .bt{display:block;position:relative;width:22px;height:11px;border:1.4px solid rgba(17,17,17,.45);border-radius:3.5px;box-shadow:none}
.fx-sb .bt::before{content:"";position:absolute;inset:1.5px;right:5px;background:#111;border-radius:1.5px}
.fx-sb .bt::after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:4px;background:rgba(17,17,17,.45);border-radius:0 1px 1px 0}
.fx-top{background:#fff;padding:6px 14px 10px 10px;gap:8px;border-bottom:1px solid rgba(19,22,41,.08)}
.fx-top .bk{display:flex;align-items:center;gap:2px;width:auto;height:auto;border:0;transform:none;margin:0;color:#007AFF;font-size:15px}
.fx-top .bk svg{width:12px;height:20px;fill:none;stroke:#007AFF;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fx-top .av{width:34px;height:34px;flex:none;position:relative;overflow:hidden;background:#DFE5EB}
.fx-top .av::before{content:"";position:absolute;left:50%;top:22%;width:40%;height:40%;margin-left:-20%;border-radius:50%;background:#A9B6C3}
.fx-top .av::after{content:"";position:absolute;left:50%;bottom:-22%;width:78%;height:56%;margin-left:-39%;border-radius:50%;background:#A9B6C3}
.fx-top .nm{flex:1;min-width:0;gap:5px;font-weight:600}
.fx-top .nm small{font-weight:400;color:#8a8f98}
.fx-top .act{display:flex;gap:16px;color:#007AFF}
.fx-top .act svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fx-thread{flex:1}
.fx-m{padding:6px 9px 7px 10px}
.fx-m s{position:static;float:right;margin:7px -2px -3px 12px;line-height:1}
.fx-m::after{content:"";display:block;clear:both}
.fx-bar{display:flex;align-items:center;gap:10px;padding:8px 12px 14px;background:#F6F6F6;border-top:1px solid rgba(19,22,41,.06);color:#007AFF}
.fx-bar svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-bar .in{flex:1;height:32px;border-radius:17px;background:#fff;border:1px solid rgba(19,22,41,.12)}
@media (max-width:1100px){.fx-stage{grid-template-columns:1fr 1fr;grid-template-areas:"paper shot" "find find";row-gap:48px}
  .fx-paper{grid-area:paper}.fx-shot{grid-area:shot}.fx-find{grid-area:find;max-width:620px;justify-self:center}}
@media (max-width:900px){
  .fx{padding:72px 16px 80px}
  .fx-head{grid-template-columns:1fr;gap:18px}
  .fx-h{font-size:clamp(2.5rem,10vw,3.6rem)}
  .fx-stage{grid-template-columns:1fr;grid-template-areas:"paper" "find" "shot";row-gap:36px;min-height:0}
  .fx-sheet{padding:32px 26px 26px;font-size:15px}
  .fx-shot{justify-self:center;width:min(300px,86%)}
  .fx-wires{display:none}
}
@media (prefers-reduced-motion:reduce){.fx *{transition:none!important}}

/* ═══════════════ 2 · THE TOUR — pinned; the scroll walks the app ═══════════════ */
.tr{position:relative;background:#fff;height:calc(var(--n) * 90vh + 100vh);padding:0 16px}
.tr-pin{position:sticky;top:60px;height:calc(100vh - 60px);display:flex;align-items:stretch;padding:16px 0}
.tr-panel{position:relative;width:100%;max-width:1440px;margin:0 auto;border-radius:32px;overflow:hidden;
  background:radial-gradient(900px 600px at 80% 20%,rgba(53,67,240,.07),transparent 65%),#EEEDEA;
  display:flex;flex-direction:column;padding:clamp(22px,3.2vh,40px) clamp(22px,3vw,44px) clamp(20px,3vh,34px)}
.tr-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--noise);background-size:170px 170px;opacity:.18;mix-blend-mode:multiply}
.tr-head{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:clamp(14px,2.4vh,28px)}
.tr-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.03em;line-height:1;font-size:clamp(2rem,3.4vw,3.6rem);color:var(--ink)}
.tr-h em{font-style:italic;font-weight:400;color:var(--blue)}
.tr-s{margin:0;font-size:15px;color:var(--ink-3,#7A7E90)}
.tr-grid{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(250px,320px) 1fr;gap:clamp(18px,2.4vw,36px);align-items:center}

/* the pills, Legora's way: one opens, the rest stay a line */
.tr-pills{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;align-self:center}
.tr-pills button{all:unset;box-sizing:border-box;display:block;cursor:pointer;border-radius:18px;padding:11px 16px;
  background:rgba(19,22,41,.06);color:var(--ink-2);transition:background .35s,color .35s,padding .35s;width:fit-content;max-width:100%}
.tr-pills button:hover{background:rgba(19,22,41,.1)}
.tr-pills button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tr-pills .k{display:block;font:600 14.5px/1.3 var(--sans)}
.tr-pills .p,.tr-pills .c{display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s var(--ease),opacity .35s,margin .35s}
.tr-pills .p{font:400 14px/1.5 var(--sans);color:rgba(255,255,255,.82)}
.tr-pills .c{font:600 12px/1.4 var(--sans);letter-spacing:.02em;color:#AEB6FF}
.tr-pills li.on button{background:#131629;color:#fff;padding:16px 18px;width:100%}
.tr-pills li.on .p{max-height:120px;opacity:1;margin-top:8px}
.tr-pills li.on .c{max-height:60px;opacity:1;margin-top:10px}

/* the window: the app at 1440 wide, scaled to fit */
.tr-win{position:relative;min-width:0;align-self:center;border-radius:16px;overflow:hidden;background:#080810;
  box-shadow:0 50px 100px -40px rgba(19,22,41,.55),0 18px 40px -20px rgba(19,22,41,.35),0 0 0 1px rgba(19,22,41,.12)}
.tr-scale{position:relative;width:100%;height:var(--wh,560px)}
.tr-scale iframe{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform-origin:0 0;transform:scale(var(--ws,.6));pointer-events:none}

.tr-prog{position:relative;margin-top:clamp(12px,2vh,22px);height:4px;border-radius:4px;background:rgba(19,22,41,.1);width:220px}
.tr-prog i{position:absolute;left:0;top:0;bottom:0;width:var(--tp,0%);border-radius:4px;background:#131629;transition:width .2s linear}

/* phones and short screens: no pin — the steps play by themselves */
@media (max-width:900px){
  .tr{height:auto;padding:40px 12px}
  .tr-pin{position:relative;top:0;height:auto;padding:0}
  .tr-panel{border-radius:24px;padding:24px 16px 20px}
  .tr-head{flex-direction:column;gap:6px}
  .tr-h{font-size:clamp(2rem,9vw,2.6rem)}
  .tr-grid{grid-template-columns:1fr;gap:16px}
  .tr-pills{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}
  .tr-pills li{flex:none}
  .tr-pills button,.tr-pills li.on button{padding:9px 13px;width:auto;white-space:nowrap}
  .tr-pills .p,.tr-pills .c{display:none}
  .tr-mob-p{margin:0;font:400 14.5px/1.5 var(--sans);color:var(--ink-2)}
}
@media (min-width:901px){.tr-mob-p{display:none}}

/* ═══════════════ 4 · YOUR SIDE, ON THE RECORD — navy; reuses the hero's question card ═══════════════ */
.yo{--hx-ink:#131629;--hx-ink2:#454A61;--hx-ink3:#7A7E90;--hx-blue:#3543F0;--hx-good:#1f9d5b;
  --hx-spring:cubic-bezier(.34,1.45,.44,1);--hx-out:cubic-bezier(.16,.9,.28,1);--hx-ease:cubic-bezier(.4,0,.2,1);
  --hx-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--hx-serif:'Fraunces',Georgia,serif;
  --yo-cream:#F5F1E8;--yo-soft:#AEB6FF;--yo-green:#3DD68C;
  position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding:clamp(90px,11vw,150px) 26px clamp(90px,10vw,140px);
  border-radius:36px;margin:0 10px;
  background:
    radial-gradient(900px 700px at 88% 10%,rgba(77,90,245,.42),transparent 60%),
    radial-gradient(700px 600px at 0% 100%,rgba(53,67,240,.22),transparent 64%),
    linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%);color:var(--yo-cream)}
.yo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--noise);background-size:160px 160px;opacity:.16;mix-blend-mode:overlay}
.yo::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.2px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(60% 50% at 80% 20%,#000,transparent 70%);mask-image:radial-gradient(60% 50% at 80% 20%,#000,transparent 70%);opacity:.5}
.yo-in{max-width:1280px;margin:0 auto}
.yo-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:clamp(44px,6vw,84px)}
.yo-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:.98;font-size:clamp(2.8rem,5.6vw,6rem);color:var(--yo-cream)}
.yo-h em{font-style:italic;font-weight:400;color:var(--yo-soft)}
.yo-s{margin:0 0 .6em;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:rgba(245,241,232,.72);max-width:28em}

.yo-stage{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,64px);align-items:center}
.yo-stage *{pointer-events:none}
.yo-left{position:relative;min-height:560px;display:flex;align-items:center}

/* the letter, behind the question */
.yo-paper{position:absolute;margin:0;left:0;top:0;width:min(470px,78%);opacity:0;transform:translate(-30px,30px) rotate(-7deg);
  transition:opacity .8s var(--hx-out),transform 1.1s var(--hx-out)}
.yo-sheet{position:relative;border-radius:8px;padding:38px 40px 44px;overflow:hidden;font:400 16px/1.8 var(--serif);color:rgba(19,22,41,.5);
  background:linear-gradient(100deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.35) 80%,rgba(19,22,41,.04) 100%),#FBF8F1;
  box-shadow:0 60px 90px -40px rgba(0,0,0,.7),0 18px 30px -18px rgba(0,0,0,.5)}
.yo-sheet::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--noise);background-size:140px 140px;opacity:.12;mix-blend-mode:multiply}
.yo-sheet p{margin:0 0 12px}
.yo-re{font-weight:600;color:rgba(19,22,41,.66)}
.yo-lh{display:flex;align-items:center;gap:14px;padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid rgba(19,22,41,.12)}
.yo-crest{width:32px;height:36px;border-radius:4px 4px 16px 16px;background:#1b1e33;opacity:.8;flex:none}
.yo-lht{display:flex;flex-direction:column;gap:7px;flex:1}
.yo-lht i{display:block;height:5px;width:46%;border-radius:3px;background:rgba(19,22,41,.16)}
.yo-rd{display:inline-block;width:var(--w);height:.9em;border-radius:2px;background:#1b1e33;vertical-align:-.1em;opacity:.9}
.yo-sheet mark{color:inherit;background:linear-gradient(rgba(53,67,240,.2),rgba(53,67,240,.2)) no-repeat 0 100%/0% 44%;transition:background-size .8s var(--hx-ease),color .5s}
.yo-sheet mark.on{background-size:100% 44%;color:#131629}
.yo-cap{display:flex;gap:10px;align-items:baseline;margin-top:14px;font:500 13px/1.3 var(--sans);color:rgba(245,241,232,.55)}
.yo-cap b{font-weight:600;color:var(--yo-cream)}

/* the question cards: the hero's, one at a time */
.yo-qs{position:relative;display:grid;margin-left:auto;width:min(520px,82%);margin-top:200px;z-index:2}
.yo-qs .hx-card{grid-area:1/1;opacity:0;transform:translateY(20px);filter:blur(6px);
  transition:opacity .6s var(--hx-out),transform .8s var(--hx-spring),filter .6s var(--hx-out),box-shadow .5s,border-color .5s;
  box-shadow:0 40px 80px -36px rgba(4,10,24,.6),0 10px 24px -12px rgba(4,10,24,.4)}
.yo-qs .hx-card.on{opacity:1;transform:none;filter:none}
.yo-qs .hx-up{grid-area:1/1;align-self:start}
.yo-qs .hx-card.off{display:none}
.yo-qs .hx-card.gone{opacity:0;transform:translate(60px,-10px) scale(.96);filter:blur(4px);transition-duration:.5s}
.yo-qs .hx-card:not(.done) .hx-eyebrow .n{display:inline!important}

/* the record */
.yo-rec{position:relative;z-index:1;border-radius:24px;padding:22px 22px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.yo-rh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.yo-rh .t{font:700 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--yo-soft)}
.yo-rh .n{font:500 13px/1 var(--sans);color:rgba(245,241,232,.55)}
.yo-rh .n b{color:var(--yo-cream);font-variant-numeric:tabular-nums}
.yo-rows{list-style:none;margin:0;padding:6px 0 0;min-height:340px}
.yo-row{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.07);
  max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0;transform:translateX(-14px);
  transition:max-height .5s var(--hx-ease),padding .5s var(--hx-ease),opacity .45s .1s,transform .6s var(--hx-spring) .05s,background .8s}
.yo-row.in{max-height:90px;opacity:1;padding-top:13px;padding-bottom:13px;transform:none}
.yo-row.flash{background:rgba(174,182,255,.1)}
.yo-row .g{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:rgba(245,241,232,.8)}
.yo-row .g svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.yo-row.you .g{background:rgba(174,182,255,.14);color:var(--yo-soft)}
.yo-row.gap .g{background:none;border:1.5px dashed rgba(255,255,255,.25);color:rgba(245,241,232,.5)}
.yo-row .b{display:flex;flex-direction:column;gap:3px;min-width:0}
.yo-row .t{font:600 15px/1.35 var(--sans);color:var(--yo-cream)}
.yo-row .s{font:500 12.5px/1.4 var(--sans);color:rgba(245,241,232,.5)}
.yo-row.gap .t{color:rgba(245,241,232,.7)}
.tag{font:700 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;border-radius:999px;white-space:nowrap}
.tag.proven{background:rgba(61,214,140,.14);color:var(--yo-green)}
.tag.rec{background:rgba(255,255,255,.08);color:rgba(245,241,232,.75)}
.tag.you{background:rgba(174,182,255,.16);color:var(--yo-soft)}
.tag.none{border:1.5px dashed rgba(255,255,255,.28);color:rgba(245,241,232,.6)}
.yo-foot{margin:16px 4px 0;font:500 13.5px/1.5 var(--sans);color:rgba(245,241,232,.5)}

.yo-stage.s-in .yo-paper{opacity:1;transform:rotate(-3deg)}

@media (max-width:1100px){.yo-stage{grid-template-columns:1fr}.yo-left{min-height:0;flex-direction:column;align-items:stretch}
  .yo-paper{position:relative;width:min(470px,86%)}.yo-qs{margin-top:-120px}}
@media (max-width:900px){
  .yo{padding:72px 16px 80px;margin:0 6px;border-radius:26px}
  .yo-head{grid-template-columns:1fr;gap:18px}
  .yo-h{font-size:clamp(2.5rem,10vw,3.6rem)}
  .yo-sheet{padding:28px 24px 30px;font-size:14.5px}
  .yo-qs{width:100%;margin-top:-90px}
  .yo-qs .hx-card{padding:18px 18px 16px}.yo-qs .hx-qtext{font-size:17px}.yo-qs .hx-chips span{font-size:13px;padding:9px 12px}
  .yo-qs .hx-eyebrow{font-size:10px;letter-spacing:.07em}.yo-qs .hx-card .hx-eyebrow .n{display:none!important}
  .yo-rows{min-height:0}
  .yo-row{grid-template-columns:26px 1fr;}.yo-row .tag{grid-column:2;justify-self:start}
}
@media (prefers-reduced-motion:reduce){.yo *{transition:none!important}}

/* ═══════════════ 8 · START — the court scene again, centred words, the one button ═══════════════ */
.ct{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin:10px;border-radius:36px;min-height:min(86vh,820px);
  display:grid;place-items:center;padding:120px 26px;text-align:center;color:#F5F1E8;background:#0C2340}
.ct-bg{position:absolute;inset:0;z-index:-1;background:url(../img/hero/hero-court.webp) 62% 60%/cover no-repeat;transform:scale(1.08);transition:transform 14s linear}
.ct.on .ct-bg{transform:scale(1)}
.ct::after{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(70% 60% at 50% 50%,rgba(9,22,42,.72),rgba(9,22,42,.9) 70%),linear-gradient(180deg,rgba(9,22,42,.3),rgba(9,22,42,.6))}
.ct-in{max-width:980px;display:flex;flex-direction:column;align-items:center}
.ct-k{margin:0 0 22px;font:600 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(245,241,232,.6)}
.ct-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:.95;font-size:clamp(3rem,7.6vw,8rem)}
.ct-h em{font-style:italic;font-weight:400;color:#AEB6FF}
.ct-s{margin:26px 0 0;max-width:30em;font:400 clamp(16px,1.35vw,20px)/1.55 var(--sans);color:rgba(245,241,232,.75)}
.ct-cta{margin-top:40px;box-shadow:0 18px 40px -14px rgba(77,90,245,.9)!important}
.ct .ct-k,.ct .ct-h,.ct .ct-s,.ct .ct-cta{opacity:0;transform:translateY(12px);transition:opacity .45s cubic-bezier(.16,.9,.28,1),transform .55s cubic-bezier(.16,.9,.28,1)}
.ct.on .ct-k,.ct.on .ct-h,.ct.on .ct-s,.ct.on .ct-cta{opacity:1;transform:none}
.ct.on .ct-h{transition-delay:.06s}.ct.on .ct-s{transition-delay:.14s}.ct.on .ct-cta{transition-delay:.22s}
@media (max-width:900px){.ct{margin:6px;border-radius:26px;padding:90px 18px;min-height:0}.ct-k{font-size:11px;line-height:1.5}}
@media (prefers-reduced-motion:reduce){.ct *{transition:none!important}.ct .ct-k,.ct .ct-h,.ct .ct-s,.ct .ct-cta{opacity:1;transform:none}}

/* ═══════════════ 5–7 · CALM PASS — one moment per section, one entrance, a link deeper ═══════════════ */
.sn-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:clamp(40px,5vw,70px)}
.sn-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:.98;font-size:clamp(2.6rem,5.2vw,5.6rem);color:var(--ink)}
.sn-h em{font-style:italic;font-weight:400;color:var(--blue)}
.sn-s{margin:0 0 .6em;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--ink-2);max-width:26em}
.sn-more{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(36px,4vw,56px);font:600 15px/1 var(--sans);color:var(--blue)}
.sn-more span{transition:transform .2s}
.sn-more:hover span{transform:translateX(4px)}
/* the one entrance: the section's moment fades up once; nothing else moves */
[data-sn] .sn-moment,[data-sn].sn-moment{opacity:0;transform:translateY(12px);transition:opacity .8s cubic-bezier(.16,.9,.28,1) .3s,transform .9s cubic-bezier(.16,.9,.28,1) .3s}
[data-sn].on .sn-moment{opacity:1;transform:none}

/* 5 · the law */
.lq{position:relative;padding:clamp(90px,11vw,150px) 26px;background:var(--paper,#F5F4F1)}
.lq::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--noise);background-size:170px 170px;opacity:.3;mix-blend-mode:multiply}
.lq-in{position:relative;max-width:1280px;margin:0 auto}
.lq-stage{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.lq-law{background:#FBF8F1;border-radius:12px;padding:26px 30px;box-shadow:0 40px 80px -44px rgba(19,22,41,.45),0 0 0 1px rgba(19,22,41,.06);
  font:400 clamp(16px,1.3vw,19px)/1.7 var(--serif);color:var(--ink)}
.lq-law .k{display:block;margin-bottom:12px;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#7A7E90}
.lq-law p{margin:0 0 10px}
.lq-law .no{font:500 .8em 'JetBrains Mono',ui-monospace,monospace;color:rgba(19,22,41,.4)}
.lq-law mark{background:linear-gradient(transparent 58%,rgba(53,67,240,.2) 58%);color:inherit}
.lq-law .dim{color:rgba(19,22,41,.45)}
.lq-chat{display:flex;flex-direction:column;gap:14px}
.lq-u{align-self:flex-end;margin:0;background:#131629;color:#fff;padding:12px 18px;border-radius:18px 18px 4px 18px;font:500 clamp(16px,1.3vw,19px)/1.4 var(--sans)}
.lq-a{margin:0;background:#fff;border-radius:18px 18px 18px 4px;padding:18px 20px;border:1px solid rgba(19,22,41,.08);box-shadow:0 30px 60px -36px rgba(19,22,41,.35);
  font:500 clamp(15.5px,1.2vw,18px)/1.55 var(--sans);color:var(--ink)}

/* 6 · prepared (navy) */
.pd{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin:0 10px;border-radius:36px;padding:clamp(90px,11vw,150px) 26px;color:#F5F1E8;
  background:radial-gradient(900px 700px at 12% 12%,rgba(77,90,245,.4),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.pd::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--noise);background-size:160px 160px;opacity:.16;mix-blend-mode:overlay}
.pd-in{max-width:1280px;margin:0 auto}
.pd .sn-h{color:#F5F1E8}.pd .sn-h em{color:#AEB6FF}.pd .sn-s{color:rgba(245,241,232,.72)}
.pd-stage{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.pd-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pd-tile{display:flex;flex-direction:column;gap:6px;min-height:118px;padding:16px 16px;border-radius:12px;background:#FBFAF7;color:#131629}
.pd-tile b{font:500 17px/1.25 var(--serif)}
.pd-tile i{font:400 13px/1.4 var(--sans);font-style:normal;color:#7A7E90}
.pd-tile.hear{box-shadow:0 0 0 2px #6B7BF5,0 20px 50px -18px rgba(53,67,240,.8)}
.pd-pack{background:#FBF8F1;color:#131629;border-radius:14px;padding:24px 28px;box-shadow:0 50px 100px -50px rgba(0,0,0,.75)}
.pd-pack .k{display:block;margin-bottom:14px;font:500 clamp(20px,1.7vw,24px)/1.2 var(--serif)}
.pd-pack dl{margin:0;display:grid;gap:12px}
.pd-pack dt{font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#3543F0}
.pd-pack dd{margin:4px 0 0;font:400 clamp(15.5px,1.2vw,17.5px)/1.45 var(--serif)}
.sn-more.light{color:#AEB6FF}

/* 7 · privacy */
.pv{position:relative;padding:clamp(90px,11vw,150px) 26px;background:var(--paper,#F5F4F1)}
.pv::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--noise);background-size:170px 170px;opacity:.3;mix-blend-mode:multiply}
.pv-in{position:relative;max-width:1280px;margin:0 auto}
.pv-spec{display:flex;flex-direction:column;gap:12px;max-width:980px}
.pv-spec .ln{margin:0;padding:22px 28px;border-radius:18px;font:400 clamp(20px,2.2vw,32px)/1.45 var(--serif)}
.pv-spec .ln.a{background:#fff;color:var(--ink);border:1px solid rgba(19,22,41,.08)}
.pv-spec .ln.m{background:#131629;color:#F5F1E8}
.pv-spec .ln b{font-weight:500}
.pv-spec b.tg{display:inline-block;padding:2px 9px;border-radius:6px;background:#3543F0;color:#fff;font:700 .5em/1.9 var(--sans);letter-spacing:.05em;vertical-align:.2em;
  clip-path:inset(0 100% 0 0);transition:clip-path .5s cubic-bezier(.4,0,.2,1) .4s}
.pv-spec b.tg:nth-of-type(2){transition-delay:.6s}.pv-spec b.tg:nth-of-type(3){transition-delay:.8s}
.pv-spec.on b.tg{clip-path:inset(0 0 0 0)}
.pv-three{list-style:none;margin:clamp(28px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pv-three li{padding:16px 18px;border-top:2px solid var(--ink);font:600 clamp(15px,1.15vw,17px)/1.4 var(--sans);color:var(--ink)}

@media (max-width:900px){
  .sn-head{grid-template-columns:1fr;gap:16px}
  .sn-h{font-size:clamp(2.4rem,10vw,3.4rem)}
  .lq,.pv{padding:72px 16px}
  .pd{padding:72px 16px;margin:0 6px;border-radius:26px}
  .lq-stage,.pd-stage{grid-template-columns:1fr}
  .pv-three{grid-template-columns:1fr}
  .pv-spec .ln{padding:16px 18px}
}
@media (prefers-reduced-motion:reduce){[data-sn] .sn-moment,[data-sn].sn-moment{opacity:1;transform:none;transition:none}.pv-spec b.tg{clip-path:none;transition:none}}


/* ═══════════════ FEATURES · HERO — pinned; the app window swings from tilted to flat ═══════════════ */
.fh{position:relative;height:320vh;margin-top:60px;background:#08172c}
.fh-pin{position:sticky;top:60px;height:calc(100vh - 60px);overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;
  border-radius:0 0 36px 36px}
.fh-bg{position:absolute;inset:0;z-index:-2;background:url(../img/hero/hero-dismissal.webp) 70% 40%/cover no-repeat;transform:scale(calc(1.12 - var(--p,0) * .08));opacity:calc(1 - var(--t,0) * .85)}
.fh-pin::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 50% at 50% 26%,rgba(9,22,42,.7),rgba(9,22,42,.35) 75%),linear-gradient(180deg,rgba(9,22,42,.2),rgba(9,22,42,.75))}
.fh-copy{position:relative;z-index:1;text-align:center;padding:clamp(40px,8vh,90px) 20px 0;max-width:1100px;
  opacity:calc(1 - var(--p,0) * 3);transform:translateY(calc(var(--p,0) * -90px)) scale(calc(1 - var(--p,0) * .06))}
.fh-k{margin:0 0 18px;font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#AEB6FF}
.fh-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1;color:#F5F1E8;font-size:clamp(2.8rem,6.2vw,6.6rem)}
.fh-h span{display:block}
.fh-h em{font-style:italic;font-weight:400;color:#AEB6FF;font-size:.62em;letter-spacing:-.02em}
.fh-s{margin:22px auto 0;max-width:34em;font:400 clamp(16px,1.3vw,19px)/1.55 var(--sans);color:rgba(245,241,232,.75)}
.fh-ch{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}
.fh-ch a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 9px;border-radius:999px;font:600 13.5px/1 var(--sans);color:#F5F1E8;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s}
.fh-ch a:hover{background:rgba(255,255,255,.16)}
.fh-ch b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#F5F1E8;color:#131629;font-size:11.5px}

/* the window: tilted back, it swings flat and rises as the page scrolls */
.fh-stage{position:absolute;z-index:2;left:0;right:0;bottom:0;top:0;display:flex;justify-content:center;align-items:flex-end;perspective:1600px;perspective-origin:50% 0%;pointer-events:none}
.fh-frame{position:relative;width:var(--ww,1100px);margin-bottom:4vh;transform-origin:50% 100%;
  transform:translateY(calc((1 - var(--t,0)) * 38vh + var(--t,0) * -6vh)) rotateX(calc((1 - var(--t,0)) * 34deg)) scale(calc(.9 + var(--t,0) * .1))}
.fh-win{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#080810;
  box-shadow:0 80px 140px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.1),0 0 120px -20px rgba(77,90,245,.45)}
/* the captions: one short label per beat, beside the part it names */
.fh-cap{position:absolute;z-index:3;margin:0;display:flex;align-items:center;gap:10px;padding:11px 16px 11px 12px;border-radius:14px;white-space:nowrap;
  background:#F5F1E8;color:#131629;font:500 clamp(13.5px,1vw,15.5px)/1.2 var(--sans);box-shadow:0 20px 44px -16px rgba(0,0,0,.7);
  opacity:0;transform:translateY(10px) scale(.96);transition:opacity .45s cubic-bezier(.16,.9,.28,1),transform .6s cubic-bezier(.34,1.4,.44,1)}
.fh-cap b{font-weight:700}
.fh-cap i{width:9px;height:9px;border-radius:50%;background:#3543F0;box-shadow:0 0 0 4px rgba(53,67,240,.2);flex:none}
.fh-cap.on{opacity:1;transform:none}
.fh-cap.c1{left:-3%;top:62%}
.fh-cap.c2{left:40%;top:-3%}
.fh-cap.c3{right:-3%;top:60%}
.fh-scale{position:relative;width:100%;height:var(--wh,690px)}
.fh-scale iframe{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform-origin:0 0;transform:scale(var(--ws,.76));pointer-events:none}

@media (max-width:900px){
  .fh{height:auto;margin-top:60px}
  .fh-pin{position:relative;top:0;height:auto;padding-bottom:40px;border-radius:0 0 26px 26px}
  .fh-copy{opacity:1;transform:none;padding-top:56px}
  .fh-h em{font-size:.7em}
  .fh-stage{position:relative;padding:28px 12px 0;perspective:none}
  .fh-frame{transform:none;margin:0;width:100%}
  .fh-cap{display:none}
}
@media (prefers-reduced-motion:reduce){.fh{height:auto}.fh-pin{position:relative;height:auto;padding-bottom:40px}.fh-copy{opacity:1;transform:none}.fh-stage{position:relative;padding-top:30px}.fh-frame{transform:none}}

/* ═══════════════ FEATURES · CHAPTER OPENER — a full-bleed photo, the number, the title ═══════════════ */
.chp{position:relative;isolation:isolate;overflow:hidden;overflow:clip;min-height:88vh;margin:10px;border-radius:36px;display:flex;align-items:flex-end;color:#F5F1E8;background:#08172c}
.chp-bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-repeat:no-repeat;transform:scale(calc(1.14 - var(--z,0) * .14))}
.chp::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,22,42,.15) 0%,rgba(9,22,42,.2) 45%,rgba(9,22,42,.88) 100%),linear-gradient(90deg,rgba(9,22,42,.55),rgba(9,22,42,0) 60%)}
.chp-in{width:100%;max-width:1280px;margin:0 auto;padding:0 26px clamp(56px,9vh,110px)}
.chp-k{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(245,241,232,.75)}
.chp-k b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#F5F1E8;color:#131629;font-size:15px;letter-spacing:0}
.chp-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:.95;font-size:clamp(3.4rem,9vw,9.5rem)}
.chp-h em{font-style:italic;font-weight:400;color:#AEB6FF}
.chp-s{margin:18px 0 0;font:400 clamp(17px,1.5vw,22px)/1.5 var(--sans);color:rgba(245,241,232,.8)}

/* ═══════════════ FEATURES · PINNED APP SEQUENCE — the app window plays steps as the page scrolls ═══════════════ */
.pa{position:relative;height:calc(var(--n,3) * 110vh + 60vh);background:#0a1426}
.pa-pin{position:sticky;top:60px;height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.4vh,26px);padding:0 16px;
  background:radial-gradient(900px 600px at 50% 40%,rgba(53,67,240,.22),transparent 65%),#0a1426}
.pa-steps{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pa-steps li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;font:600 13.5px/1 var(--sans);color:rgba(245,241,232,.55);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:color .35s,background .35s,border-color .35s}
.pa-steps li b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:11.5px;transition:background .35s,color .35s}
.pa-steps li.on{color:#F5F1E8;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.pa-steps li.on b{background:#F5F1E8;color:#131629}
.pa-frame{position:relative;width:var(--ww,1100px)}
.pa-win{position:relative;border-radius:16px;overflow:hidden;background:#080810;box-shadow:0 60px 120px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.1),0 0 120px -30px rgba(77,90,245,.4)}
.pa-scale{position:relative;width:100%;height:var(--wh,620px)}
.pa-scale iframe{position:absolute;left:0;top:0;width:1440px;height:900px;border:0;transform-origin:0 0;transform:scale(var(--ws,.7));pointer-events:none}
.pa-cap{position:absolute;z-index:3;margin:0;display:flex;align-items:center;gap:10px;padding:11px 16px 11px 12px;border-radius:14px;white-space:nowrap;
  background:#F5F1E8;color:#131629;font:500 clamp(13.5px,1vw,15.5px)/1.2 var(--sans);box-shadow:0 20px 44px -16px rgba(0,0,0,.7);
  opacity:0;translate:0 10px;scale:.96;transition:opacity .45s cubic-bezier(.16,.9,.28,1),translate .6s cubic-bezier(.34,1.4,.44,1),scale .6s cubic-bezier(.34,1.4,.44,1)}
.pa-cap[style*="left:50%"]{margin-left:-160px}
.pa-cap b{font-weight:700}
.pa-cap i{width:9px;height:9px;border-radius:50%;background:#3543F0;box-shadow:0 0 0 4px rgba(53,67,240,.2);flex:none}
.pa-cap.on{opacity:1;translate:0 0;scale:1}
.pa-note{margin:0;font:500 13.5px/1.4 var(--sans);color:rgba(245,241,232,.55);text-align:center}
@media (max-width:900px){
  .chp{min-height:70vh;margin:6px;border-radius:26px}
  .pa{height:auto}
  .pa-pin{position:relative;top:0;height:auto;padding:48px 12px}
  .pa-frame{width:100%}
  .pa-cap{display:none}
}

/* ═══════════════ APP COMPONENTS ON THE PAGE (.appc) — the app's dark tokens + its card CSS, ported from
   proveaible-web cards.css (findings: .fd-row, .m-srcs, .m-ex ~229–242, ~604–628). Staged alone, never a whole window. ═══════════════ */
.appc{--line:rgba(255,255,255,.09);--surface:rgba(255,255,255,.055);--text:#f1f5f9;--muted:#6b7893;--subtle:#94a3b8;--primary-hi:#6B7BF5;
  --r-m:12px;--r-s:6px;--t-ui:13.5px;--t-meta:12.5px;--font-disp:'Fraunces',Georgia,serif;--font-body:'Inter',-apple-system,sans-serif;
  --paper:#F7F3EA;--paper-ink:#1c1f2e;--paper-mute:#6a6f80;
  position:relative;background:#0c0d18;color:var(--text);font-family:var(--font-body);border-radius:18px;padding:16px 20px 18px;
  box-shadow:0 60px 120px -50px rgba(8,10,30,.75),0 20px 40px -24px rgba(8,10,30,.5),0 0 0 1px rgba(255,255,255,.06)}
.appc-h{display:flex;align-items:center;gap:8px;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--line);font:700 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.appc-h .n{padding:3px 7px;border-radius:99px;background:rgba(53,67,240,.2);color:var(--primary-hi)}
.appc .fd-row{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;padding:12px 2px;position:relative}
.appc .fd-row .gly{width:18px;height:18px;color:var(--primary-hi);margin-top:2px;display:inline-block}
.appc .fd-row .gly svg{width:18px;height:18px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.appc .fd-row .t{font-size:clamp(14.5px,1.1vw,16px);font-weight:500;line-height:1.5}
.appc .fd-row .t b{font-weight:700}
.appc .fd-row .s{font-size:var(--t-meta);color:var(--muted);margin-top:4px;line-height:1.5}
.appc .fd-row .s b{color:var(--text);font-weight:600}
.appc .fd-row .s .re{margin-inline-start:10px;color:var(--primary-hi);font-weight:600}
.appc .fd-row.open{background:var(--surface);margin:0 -8px;padding:14px 14px;border-radius:10px}
.appc .m-srcs{display:grid;gap:10px;margin-top:12px}
.appc .m-ex{display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;background:var(--surface)}
.appc .m-ex .paper{background:var(--paper);color:var(--paper-ink);padding:8px 10px;position:relative}
.appc .m-ex .cap{display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:var(--t-meta);color:var(--muted);flex-wrap:wrap}
.appc .m-ex .cap b{color:var(--text);font-weight:600}
.appc .m-ex .cap a{margin-inline-start:auto;color:var(--primary-hi);font-weight:600;white-space:nowrap}
/* a passage cut from its page: the page image, framed to the region (--l --t --w --h, in % of the page) */
.crop{position:relative;display:block;overflow:hidden;aspect-ratio:calc(var(--w) * 768) / calc(var(--h) * 1376);border-radius:3px}
.crop img{position:absolute;width:calc(100% * 100 / var(--w));left:calc(-100% * var(--l) / var(--w));top:calc(-100% * var(--t) / var(--h));max-width:none}

/* ═══════════════ FEATURES · 1 · IT CATCHES — the pages, the highlight, the cut, the finding ═══════════════ */
.f1{position:relative;overflow-x:clip;padding:clamp(90px,11vw,150px) 26px;background:var(--paper,#F5F4F1)}
.f1::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--noise);background-size:170px 170px;opacity:.3;mix-blend-mode:multiply}
.f1-in{position:relative;max-width:1280px;margin:0 auto}
.f1-stage{position:relative;display:grid;grid-template-columns:.62fr 1.3fr .62fr;gap:clamp(18px,3vw,44px);align-items:center}
.f1-page{position:relative;margin:0;opacity:0;transition:opacity .7s cubic-bezier(.16,.9,.28,1),transform .9s cubic-bezier(.16,.9,.28,1)}
.f1-page.l{transform:translate(-30px,20px) rotate(-7deg)}
.f1-page.r{transform:translate(30px,20px) rotate(6deg)}
.f1-page img{display:block;width:100%;border-radius:3px;box-shadow:0 40px 70px -34px rgba(19,22,41,.5),0 10px 20px -12px rgba(19,22,41,.3)}
.f1-page figcaption{margin-top:12px;font:600 13px/1.3 var(--sans);color:var(--ink-2);text-align:center}
.f1-page .hlb{position:absolute;border-radius:3px;box-shadow:0 0 0 2px #3543F0;background:rgba(53,67,240,.14);opacity:0;transform:scale(.96);transition:opacity .4s,transform .5s cubic-bezier(.34,1.4,.44,1)}
.f1-stage.s-in .f1-page{opacity:1}
.f1-stage.s-in .f1-page.l{transform:rotate(-4deg)}
.f1-stage.s-in .f1-page.r{transform:rotate(3.5deg)}
.f1-stage.s-hl .hlb{opacity:1;transform:none}
.f1-card{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.16,.9,.28,1) .15s,transform .8s cubic-bezier(.16,.9,.28,1) .15s}
.f1-stage.s-in .f1-card{opacity:1;transform:none}
.f1-card .t,.f1-card .s{opacity:0;transition:opacity .6s}
.f1-stage.s-find .f1-card .t{opacity:1}
.f1-stage.s-find .f1-card .s{opacity:1;transition-delay:.3s}
.f1-card .m-ex{opacity:0}
.f1-card .m-ex.in{opacity:1}
.f1-note{margin:clamp(28px,3vw,40px) 0 0;text-align:center;font:500 15px/1.5 var(--sans);color:var(--ink-3,#7A7E90)}
@media (max-width:1000px){.f1-stage{grid-template-columns:1fr 1fr}.f1-card{grid-column:1/-1;order:3}}
@media (max-width:600px){.f1{padding:72px 16px}.f1-stage{grid-template-columns:1fr 1fr;gap:14px}}
@media (prefers-reduced-motion:reduce){.f1 *{transition:none!important}.f1-page,.f1-card,.f1-card .t,.f1-card .s,.f1-card .m-ex{opacity:1!important;transform:none!important}.f1 .hlb{opacity:1}}

/* ═══════════════ FEATURES · 2 · FIX ANYTHING — the correction landing, ported (cards.css ~275–315) ═══════════════ */
.f2{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin:0 10px;border-radius:36px;padding:clamp(90px,11vw,150px) 26px;color:#F5F1E8;
  background:radial-gradient(900px 700px at 85% 15%,rgba(77,90,245,.4),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.f2::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--noise);background-size:160px 160px;opacity:.16;mix-blend-mode:overlay}
.f2-in{max-width:1280px;margin:0 auto}
.f2 .sn-h{color:#F5F1E8}.f2 .sn-h em{color:#AEB6FF}.f2 .sn-s{color:rgba(245,241,232,.72)}
.f2-stage{display:grid;grid-template-columns:minmax(0,620px) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.f2-app{--warn:#f0a63e;--bg:#0c0d18;padding:22px 24px 24px}
.f2-fact{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.f2-fact .k{display:block;font:700 10.5px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--primary-hi);margin-bottom:6px}
.f2-fact .t{margin:0;font:600 15.5px/1.45 var(--font-body);color:var(--text)}
.f2-fact .s{margin:4px 0 0;font-size:var(--t-meta);color:var(--muted)}
.f2-fact .re{margin-left:10px;color:var(--primary-hi);font-weight:600;transition:transform .15s}
.f2-fact .re.press{display:inline-block;transform:scale(.92)}
.f2-u{display:flex;justify-content:flex-end;margin-top:12px;min-height:44px}
.f2-u span{max-width:86%;padding:11px 14px;border-radius:16px 16px 4px 16px;background:rgba(53,67,240,.9);color:#fff;font:500 14.5px/1.45 var(--font-body);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .4s}
.f2-u span.on{opacity:1;transform:none}
.f2-u span.typing::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:1px;vertical-align:-.12em;background:#fff;animation:hxBlink .9s steps(1) infinite}
/* the landing, verbatim */
.appc .m-corr{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.appc .m-cr{position:relative;display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);opacity:0;transform:translateY(6px)}
.appc .m-corr.play .m-cr.main{animation:corrIn .4s cubic-bezier(.4,0,.2,1) .1s both}
.appc .m-corr.play .m-cr.dep{animation:corrIn .4s cubic-bezier(.4,0,.2,1) both;animation-delay:var(--dd,1.55s)}
@keyframes corrIn{to{opacity:1;transform:none}}
.appc .m-cr .gl svg{width:22px;height:26px;display:block;overflow:visible}
.appc .m-cr .gl path,.appc .m-cr .gl line{fill:none;stroke:var(--primary-hi);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.appc .m-cr .gl .pg{fill:var(--bg)}
.appc .m-cr .gl .ln{stroke:var(--subtle)}
.appc .m-cr .gl .pen{stroke:var(--warn);stroke-width:1.8;stroke-dasharray:13;stroke-dashoffset:13}
.appc .m-corr.play .gl .pen{animation:upInkF .4s cubic-bezier(.4,0,.2,1) .55s forwards}
@keyframes upInkF{to{stroke-dashoffset:0}}
.appc .m-cr .d{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.appc .m-cr .t{font-size:var(--t-ui);font-weight:500;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;color:var(--text)}
.appc .m-cr .old{position:relative;color:var(--text)}
.appc .m-cr .old::after{content:"";position:absolute;left:-2px;right:-2px;top:54%;height:1.5px;background:var(--warn);transform:scaleX(0);transform-origin:left}
.appc .m-corr.play .old{animation:corrDim .3s ease .65s forwards}
@keyframes corrDim{to{color:var(--subtle)}}
.appc .m-corr.play .old::after{animation:corrStrike .35s ease .55s forwards}
@keyframes corrStrike{to{transform:scaleX(1)}}
.appc .m-cr .new{color:var(--text);clip-path:inset(0 100% 0 0)}
.appc .m-corr.play .new{animation:bpRevealF .45s ease .95s both}
@keyframes bpRevealF{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.appc .m-cr .s{font-size:var(--t-meta);color:var(--muted);position:relative;min-height:1.4em}
.appc .m-cr .s .was{display:inline-block}
.appc .m-cr .s .now{position:absolute;left:0;top:0;color:var(--warn);font-weight:600;opacity:0;white-space:nowrap}
.appc .m-corr.play .s .was{animation:corrOut .3s ease 1.3s forwards}
.appc .m-corr.play .s .now{animation:bpFadeF .35s ease 1.45s both}
@keyframes corrOut{to{opacity:0}}
@keyframes bpFadeF{from{opacity:0}to{opacity:1}}
.appc .m-cr .go{position:absolute;right:10px;top:10px;font-size:var(--t-meta);color:var(--primary-hi);opacity:0}
.appc .m-corr.play .go{animation:bpFadeF .35s ease 1.5s both}
.appc .m-cr.dep{padding:8px 12px}
.appc .m-cr.dep .dot{width:8px;height:8px;border-radius:50%;background:var(--warn);justify-self:center;box-shadow:0 0 0 0 rgba(240,166,62,.5)}
.appc .m-corr.play .m-cr.dep .dot{animation:corrPulse 1.4s ease 1.95s 3}
@keyframes corrPulse{0%{box-shadow:0 0 0 0 rgba(240,166,62,.55)}70%{box-shadow:0 0 0 8px rgba(240,166,62,0)}100%{box-shadow:0 0 0 0 rgba(240,166,62,0)}}
.appc .m-cr.dep .t{font-size:var(--t-meta);font-weight:500}
.appc .m-cr.dep .s{min-height:0}
.f2-where{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.f2-where span{margin-right:4px}
.f2-where b{font-weight:600;color:var(--subtle);padding:5px 9px;border-radius:99px;background:var(--surface);border:1px solid var(--line)}
/* the four plain lines beside it */
.f2-says{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.f2-says li{font:400 clamp(15.5px,1.2vw,18px)/1.5 var(--sans);color:rgba(245,241,232,.45);opacity:.55;transform:translateX(-6px);transition:color .4s,opacity .4s,transform .5s}
.f2-says li b{display:block;font:500 clamp(19px,1.6vw,24px)/1.25 var(--serif);color:rgba(245,241,232,.75);margin-bottom:4px;transition:color .4s}
.f2-says li.on{color:rgba(245,241,232,.85);opacity:1;transform:none}
.f2-says li.on b{color:#F5F1E8}
@media (max-width:900px){.f2{margin:0 6px;border-radius:26px;padding:72px 16px}.f2-stage{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.f2 *{animation:none!important;transition:none!important}.appc .m-cr{opacity:1;transform:none}.appc .m-cr .new{clip-path:none}.appc .m-cr .s .was{display:none}.appc .m-cr .s .now{opacity:1;position:static}.appc .m-cr .old{color:var(--subtle)}.appc .m-cr .old::after{transform:none}.f2-u span{opacity:1;transform:none}}

/* ═══════════════ FEATURES · 3 · IT ASKS — the question card (cards.css ~32–99, ~735–737), its answer with the passage
   crop (style.css .g-side-p ~1354–1382, app.js renderPassage) and the page over it (style.css .pageov ~1364–1376, showPage) ═══════════════ */
.f3{position:relative;overflow-x:clip;padding:clamp(90px,11vw,150px) 26px;background:var(--paper,#F5F4F1)}
.f3::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--noise);background-size:170px 170px;opacity:.3;mix-blend-mode:multiply}
.f3-in{position:relative;max-width:1280px;margin:0 auto}
.f3-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.f3-card{--line-strong:rgba(255,255,255,.17);--surface-2:rgba(255,255,255,.08);--primary:#3543F0;--ink-on-primary:#fff;--t-body:15px;--t-label:11px;padding:18px}
.appc .m-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:18px 20px 16px}
.appc .m-card .eyebrow{font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--primary-hi);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.appc .m-card .eyebrow .qg{width:18px;height:18px;flex:none;color:var(--primary-hi);display:inline-block}
.appc .m-card .eyebrow .qg svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.appc .m-card .eyebrow .qg .d{fill:currentColor;stroke:none}
.appc .m-card p.q{font-size:clamp(15.5px,1.2vw,17.5px);font-weight:500;line-height:1.5;margin:0 0 6px;color:var(--text)}
.appc .m-card .why{font-size:var(--t-meta);color:var(--muted);margin:0 0 14px;line-height:1.5}
.appc .m-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.appc .m-btn{font:inherit;font-size:var(--t-ui);font-weight:600;padding:8px 14px;border-radius:var(--r-s);border:1px solid var(--line-strong);background:transparent;color:var(--text)}
.appc .m-btn.p{background:var(--primary);border-color:var(--primary);color:var(--ink-on-primary)}
.appc .m-btn.q{color:var(--subtle)}
.appc .m-in{margin-top:10px;display:flex;gap:8px;align-items:flex-end}
.appc .m-in textarea{flex:1;font:inherit;font-size:var(--t-ui);padding:9px 12px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--surface-2);color:var(--text);min-width:0;resize:none;min-height:calc(1.5em + 18px)}
.appc .m-askw{margin-top:12px}
.appc .m-askans{background:var(--surface-2);border-radius:var(--r-s);padding:10px 12px;font-size:var(--t-meta);color:var(--muted);line-height:1.5}
.appc .m-askans .you{color:var(--subtle)}
.appc .m-askans .src{color:var(--text);font-weight:500;margin-top:4px}
.appc .m-askans p{margin:6px 0 4px;color:var(--text)}
.appc .m-askans .whyask{margin-top:4px}
.appc .m-card .quiet{display:block;margin-top:10px;font-size:var(--t-meta);color:var(--muted);background:none;border:0;padding:0;font-family:inherit}
/* the passage crop — words lit in the app's indigo, "open the page" on hover */
.appc .g-side-p{margin-top:10px;position:relative;cursor:zoom-in;border-radius:6px;border:1px solid var(--line);background:#f6f6f4;overflow:hidden;transition:box-shadow .25s,transform .2s}
.appc .g-side-p .crop{border-radius:0}
.appc .g-side-p::after{content:"open the page";position:absolute;right:7px;bottom:7px;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(20,22,40,.72);padding:3px 7px;border-radius:99px;opacity:0;transition:opacity .15s}
.appc .g-side-p.hov::after,.appc .g-side-p:hover::after{opacity:1}
.appc .g-side-p.hov{box-shadow:0 0 0 2px var(--primary-hi)}
.appc .g-side-p.press{transform:scale(.98)}
.crop .lit,.pageov-b .lit{position:absolute;background:rgba(107,123,245,.28);box-shadow:0 0 0 1px rgba(107,123,245,.85);border-radius:1px}
/* the page, opened at the line — the whole page, large, the same words lit */
.f3-open{position:relative;margin:0}
.f3-open .pg{position:relative}
.f3-open .pg img{display:block;width:100%;border-radius:3px;box-shadow:0 50px 90px -40px rgba(19,22,41,.5),0 14px 26px -16px rgba(19,22,41,.3)}
.f3-open .lit{position:absolute;background:rgba(107,123,245,.28);box-shadow:0 0 0 1px rgba(107,123,245,.85);border-radius:1px}
.f3-open figcaption{margin-top:14px;font:600 13px/1.3 var(--sans);color:var(--ink-2);text-align:center}
/* the one moment: the answer shows the crop; the cursor opens it; the page comes up over the stage at the line */
.f3-card .m-askans{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .6s cubic-bezier(.16,.9,.28,1)}
.f3-stage.s-ask .f3-card .m-askans{opacity:1;transform:none}
.f3-open{opacity:0;transform:translate(-40px,20px) scale(.9) rotate(-2deg);filter:blur(4px);transform-origin:0% 60%;transition:opacity .5s,transform .8s cubic-bezier(.16,.9,.28,1),filter .5s}
.f3-stage.s-open .f3-open{opacity:1;transform:rotate(1deg);filter:none}
.f3-open .lit{opacity:0;transition:opacity .4s .6s}
.f3-stage.s-open .f3-open .lit{opacity:1}
.f3-cur{z-index:5}
@media (max-width:900px){.f3{padding:72px 16px}.f3-stage{grid-template-columns:1fr}.f3-cur{display:none}}
@media (prefers-reduced-motion:reduce){.f3 *{transition:none!important}.f3-card .m-askans{opacity:1;transform:none}.f3-open,.f3-open .lit{opacity:1;transform:none;filter:none}}

/* §3 choreography (Andrew, 28 Sep): the card starts centred and wide; on the click it slides left and eases down,
   then the page appears on the right, smaller. The stage keeps the page's height so nothing below jumps. */
.f3-stage{display:flex;align-items:center;justify-content:center;gap:0;min-height:clamp(560px,52vw,720px)}
.f3-card{flex:0 0 min(820px,100%);transform-origin:0% 50%;transition:flex-basis .8s cubic-bezier(.65,0,.35,1),transform .8s cubic-bezier(.65,0,.35,1)}
.f3-open{flex:0 0 0%;min-width:0;margin-left:0;display:flex;flex-direction:column;align-items:center;
  transition:flex-basis .8s cubic-bezier(.65,0,.35,1),margin .8s cubic-bezier(.65,0,.35,1),opacity .5s .55s,transform .8s cubic-bezier(.16,.9,.28,1) .5s,filter .5s .55s}
.f3-open .pg{width:min(360px,100%)}
.f3-stage.s-open .f3-card{flex-basis:56%;transform:scale(.95)}
.f3-stage.s-open .f3-open{flex-basis:38%;margin-left:3%}
.f3-open .lit{transition-delay:1.2s}
@media (max-width:900px){.f3-stage{display:grid;min-height:0}.f3-card{flex:none;transform:none!important}.f3-open{flex:none}.f3-open .pg{width:min(340px,100%)}}

/* ═══════════════ FEATURES · 4 · IT KNOWS WHAT'S MISSING — full width: the list across, the spine below ═══════════════ */
.f4{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin:0 10px;border-radius:36px;padding:clamp(90px,11vw,150px) 26px;color:#F5F1E8;
  background:radial-gradient(900px 700px at 50% 100%,rgba(77,90,245,.35),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.f4::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--noise);background-size:160px 160px;opacity:.16;mix-blend-mode:overlay}
.f4-in{max-width:1280px;margin:0 auto}
.f4 .sn-h{color:#F5F1E8}.f4 .sn-h em{color:#AEB6FF}.f4 .sn-s{color:rgba(245,241,232,.72)}
/* a centred head, for variety */
.sn-head.c{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px}
.sn-head.c .sn-s{max-width:36em;margin:0}
.f4-stage{position:relative;display:flex;flex-direction:column;gap:clamp(40px,6vw,80px)}
.appc{--line-strong:rgba(255,255,255,.17);--primary-soft:rgba(53,67,240,.14);--r-pill:999px;--t-label:11px}
.appc .sech{display:flex;align-items:baseline;gap:10px;margin:2px 0 12px;font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.appc .sech .d{flex:1;font-weight:500;letter-spacing:0;text-transform:none;font-size:var(--t-meta)}
.appc .sech .n{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:500}
.appc .m-gap{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;padding:12px 14px;border:1px dashed var(--line-strong);border-radius:var(--r-s);
  background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(255,255,255,.035) 7px 9px);transition:border-color .3s,background .3s}
.appc .m-gap > span:last-child{display:none}
.appc .m-gap .gly{width:18px;height:18px;color:var(--muted);display:inline-block;margin-top:1px}
.appc .m-gap .gly svg{width:18px;height:18px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.appc .m-gap .t{font-size:14px;font-weight:500;color:var(--subtle);line-height:1.4}
.appc .m-gap .s{font-size:12.5px;color:var(--muted);margin-top:3px}
.appc .up{display:inline-block;margin-inline-start:8px;font-size:var(--t-label);letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--primary-hi);background:var(--primary-soft);padding:2px 7px;border-radius:var(--r-pill);vertical-align:1px}
.appc .m-gap.lit{border-color:var(--primary-hi);background:var(--primary-soft)}
.appc .m-gap.lit .t{color:var(--text)}
.f4-find{padding:18px 20px 20px}
.f4-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.f4-list .m-gap{opacity:0;transform:translateY(10px);transition:opacity .45s,transform .7s cubic-bezier(.65,0,.35,1),border-color .3s,background .3s}
.f4-stage.s-in .f4-list .m-gap{opacity:1;transform:none}
.f4-list .m-gap .up{opacity:0;transition:opacity .4s}
.f4-stage.s-rank .f4-list .m-gap .up{opacity:1;transition-delay:.7s}
/* the spine, oldest on the left */
.f4-spine{padding:18px 20px 26px;opacity:0;transform:translateY(14px);transition:opacity .6s .3s,transform .8s cubic-bezier(.16,.9,.28,1) .3s}
.f4-stage.s-in .f4-spine{opacity:1;transform:none}
.f4-line{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:8px}
.f4-line::before{content:"";position:absolute;left:0;right:0;top:40px;height:1px;background:var(--line-strong)}
.f4-stop{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.f4-stop .d{font-size:var(--t-meta);color:var(--subtle);font-variant-numeric:tabular-nums;height:22px}
.f4-stop .node{width:11px;height:11px;border-radius:50%;background:var(--primary-hi);box-shadow:0 0 0 4px #0c0d18;margin:5px 0 14px;position:relative;z-index:1}
.f4-stop.gap .node{background:#0c0d18;border:1.5px dashed var(--line-strong)}
.appc .f4-stop .m-evt{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);transition:border-color .4s,background .4s}
.appc .f4-stop .m-evt .t{font-size:var(--t-ui);font-weight:600;color:var(--text)}
.appc .f4-stop .m-evt .s{font-size:var(--t-meta);color:var(--muted);margin-top:3px}
.appc .f4-stop.gap .m-evt{background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(255,255,255,.035) 7px 9px);border-style:dashed;border-color:var(--line-strong)}
.appc .f4-stop.gap .m-evt .t{color:var(--subtle);font-weight:500}
.appc .f4-stop.gap .up{opacity:0;transition:opacity .4s}
.appc .f4-stop.gap.lit .m-evt{border-color:var(--primary-hi);background:var(--primary-soft)}
.appc .f4-stop.gap.lit .m-evt .t{color:var(--text)}
.appc .f4-stop.gap.lit .up{opacity:1}
.appc .f4-stop.gap.lit .node{border-color:var(--primary-hi)}
/* the drop: a copy of the up-next row travels down into its slot */
.f4-ghost{position:absolute;z-index:4;pointer-events:none;border-radius:6px;border:1px solid #6B7BF5;background:rgba(53,67,240,.22);box-shadow:0 20px 50px -16px rgba(53,67,240,.7)}
.f4-note{margin:clamp(28px,3vw,40px) 0 0;text-align:center;font:500 15px/1.5 var(--sans);color:rgba(245,241,232,.55)}
@media (max-width:900px){.f4{margin:0 6px;border-radius:26px;padding:72px 16px}.f4-list,.f4-line{grid-template-columns:1fr}.f4-line::before{display:none}}
@media (prefers-reduced-motion:reduce){.f4 *{transition:none!important}.f4-list .m-gap,.f4-spine{opacity:1;transform:none}.f4-list .m-gap .up{opacity:1}}

/* ═══════════════ FEATURES · 5 · YOUR CASE, KEPT — hub and spokes: the document and its reading card in the middle,
   what it touched flying out to either side (the reading card: .pcard, glyph .wg, cards.css ~294–306) ═══════════════ */
.f5{position:relative;overflow-x:clip;padding:clamp(90px,11vw,150px) 26px;background:var(--paper,#F5F4F1)}
.f5::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--noise);background-size:170px 170px;opacity:.3;mix-blend-mode:multiply}
.f5-in{position:relative;max-width:1280px;margin:0 auto}
.f5-hub{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.f5-side{display:flex;flex-direction:column;gap:clamp(28px,4vw,56px);z-index:2}
.f5-side.l{align-items:flex-end}.f5-side.r{align-items:flex-start}
.f5-spoke{width:min(310px,100%)}
.f5-core{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px}
.f5-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:8px 10px;border-radius:999px}
.f5-stats .stat{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font:500 12.5px/1 var(--font-body);color:var(--subtle)}
.f5-stats .stat b{color:var(--text);font-weight:700;display:inline-block;transition:transform .3s cubic-bezier(.34,1.4,.44,1)}
.f5-stats .stat b.bump{transform:scale(1.35)}
.f5-doc{width:min(330px,72%);opacity:0;transform:translateY(-40px) rotate(-6deg);transition:opacity .6s,transform 1s cubic-bezier(.16,.9,.28,1)}
.f5-hub.s-in .f5-doc{opacity:1;transform:rotate(-1.5deg)}
.f5-img{position:relative;border-radius:3px;background:#fff;box-shadow:0 40px 70px -34px rgba(19,22,41,.5),0 12px 22px -14px rgba(19,22,41,.3)}
.f5-img img{display:block}
.f5-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(transparent,#fff);pointer-events:none}
.f5-img .lit{position:absolute;background:rgba(107,123,245,.24);box-shadow:0 0 0 1px rgba(107,123,245,.8);border-radius:1px}
.f5-cardw{width:100%;padding:10px;border-radius:16px;margin-top:-34px;position:relative;z-index:1;box-shadow:0 30px 60px -24px rgba(12,13,24,.55)}
.appc .pcard{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.appc .pc-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px}
.appc .pc-th{width:34px;height:44px;border-radius:4px;overflow:hidden;background:#fff}
.appc .pc-th img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.appc .pc-b{display:flex;flex-direction:column;gap:3px;min-width:0}
.appc .pc-t{font:600 14px/1.3 var(--font-body);color:var(--text)}
.appc .pc-m{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appc .pcard.reading .pc-m{color:var(--primary-hi)}
.appc .pc-s{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--subtle);white-space:nowrap}
.appc .wg{position:relative;width:22px;height:22px;display:inline-block}
.appc .wg svg{position:absolute;inset:0;width:22px;height:22px;fill:none;stroke:var(--primary-hi);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .25s}
.appc .wg .g-read{opacity:1}
.appc .wg .ink{stroke-dasharray:1;stroke-dashoffset:1}
.appc .pcard.reading .g-read .ink{animation:wkInkF 2.4s cubic-bezier(.4,0,.2,1) infinite}
.appc .pcard.reading .g-read .k2{animation-delay:.3s}.appc .pcard.reading .g-read .k3{animation-delay:.6s}.appc .pcard.reading .g-read .k4{animation-delay:.9s}
@keyframes wkInkF{0%{stroke-dashoffset:1}40%,70%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.appc .pcard.done .g-read{opacity:0}
.appc .pcard.done .g-done{opacity:1;stroke:#4ade80}
.appc .pcard.done .g-done .ink{animation:wkOnceF .45s cubic-bezier(.4,0,.2,1) forwards}
@keyframes wkOnceF{to{stroke-dashoffset:0}}
.appc .pcard.done .pc-sw{color:#4ade80;font-weight:600}
/* the spokes: what it touched, flying out from the middle */
.f5-spoke{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;opacity:0;transform:translate(var(--fx,0px),var(--fy,0px)) scale(.7);
  transition:opacity .45s,transform .8s cubic-bezier(.16,.9,.28,1)}
.f5-spoke.in{opacity:1;transform:none}
.f5-spoke .k{font:700 10.5px/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-hi)}
.f5-spoke .t{font:500 14px/1.4 var(--font-body);color:var(--text)}
.f5-spoke .t s{color:var(--subtle);text-decoration-color:#4ade80}
.f5-spoke .w{font-size:12px;color:var(--muted)}
.f5-spoke .w a{color:var(--primary-hi);font-weight:600}
.f5-spoke.warn .k{color:#f0a63e}
.f5-rays{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.f5-rays path{fill:none;stroke:rgba(53,67,240,.45);stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}
.f5-rays path.on{stroke-dashoffset:0}
@media (max-width:1000px){.f5-hub{grid-template-columns:1fr}.f5-core{order:-1}.f5-side{gap:12px}.f5-side.l,.f5-side.r{align-items:stretch}.f5-spoke{max-width:none}.f5-rays{display:none}.f5-spoke{transform:translateY(10px)}}
@media (max-width:900px){.f5{padding:72px 16px}}
@media (prefers-reduced-motion:reduce){.f5 *{transition:none!important;animation:none!important}.f5-doc,.f5-spoke{opacity:1;transform:none}}

/* ═══════════════ FEATURES · 6 · THE LAW — the search (Laws view plates: held / not held), then the saved text annotated in its margins ═══════════════ */
.f6{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin:0 10px;border-radius:36px;padding:clamp(90px,11vw,150px) 26px;color:#F5F1E8;
  background:radial-gradient(900px 700px at 50% 70%,rgba(77,90,245,.34),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.f6::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--noise);background-size:160px 160px;opacity:.16;mix-blend-mode:overlay}
.f6-in{max-width:1280px;margin:0 auto}
.f6 .sn-h{color:#F5F1E8}.f6 .sn-h em{color:#AEB6FF}.f6 .sn-s{color:rgba(245,241,232,.72)}
.f6-stage{position:relative;display:flex;flex-direction:column;gap:clamp(48px,6vw,90px)}
/* the web search console */
.f6-web{width:min(720px,100%);margin:0 auto calc(-1 * clamp(48px,6vw,90px) + 26px);padding:18px 20px;border-radius:16px;position:relative;z-index:2;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.f6-web .q{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:14px;color:var(--muted);min-width:0}
.f6-web .q svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--primary-hi);stroke-width:1.8;stroke-linecap:round}
.f6-web .q .lab{flex:none}
.f6-web .qt{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f6-web .qt.swap{animation:f6Fade .4s both}
.f6-web .steps{list-style:none;margin:12px 0 0;padding:0 4px;display:flex;flex-direction:column;gap:8px;min-height:118px}
.f6-web li{display:none;align-items:center;gap:10px;font-size:13.5px;color:var(--subtle)}
.f6-web li.run,.f6-web li.ok,.f6-web li.no{display:flex;animation:f6Fade .35s both}
.f6-web li .ic{width:14px;height:14px;flex:none;border-radius:50%;border:1.5px solid rgba(255,255,255,.2)}
.f6-web li.run .ic{border-top-color:var(--primary-hi);animation:f6Spin .8s linear infinite}
.f6-web li.ok{color:var(--text)}
.f6-web li.ok .ic{border:0;background:no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.2 2.2 4.8-5' fill='none' stroke='%234ade80' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),rgba(74,222,128,.16)}
.f6-web li.no{color:#f0a63e}
.f6-web li.no .ic{border:0;background:rgba(240,166,62,.18);position:relative}
.f6-web li.no .ic::after{content:"";position:absolute;left:4px;right:4px;top:6.25px;height:1.5px;background:#f0a63e;border-radius:1px}
.f6-web .bar{flex:1;max-width:220px;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;margin-left:6px}
.f6-web .bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,#3543F0,#6B7BF5)}
.f6-web .kb{font:500 12px 'JetBrains Mono',ui-monospace,monospace;color:var(--muted);min-width:9ch}
.f6-fly{position:absolute;z-index:6;pointer-events:none;padding:8px 12px;border-radius:99px;background:#3543F0;color:#fff;font:600 12.5px/1 var(--sans);white-space:nowrap;box-shadow:0 18px 40px -12px rgba(53,67,240,.8)}
/* the search strip */
.f6-search{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;border-radius:18px}
.f6-plate{display:grid;grid-template-columns:34px 1fr auto;gap:14px;align-items:start;padding:16px 16px 16px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);
  opacity:0;transform:translateY(10px);transition:opacity .45s,transform .7s cubic-bezier(.16,.9,.28,1),border-color .4s}
.f6-plate.in{opacity:1;transform:none}
.f6-plate .gl{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(53,67,240,.18);color:var(--primary-hi)}
.f6-plate.no .gl{background:rgba(240,166,62,.14);color:#f0a63e}
.f6-plate svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.f6-plate .b{display:flex;flex-direction:column;gap:5px;min-width:0}
.f6-plate b{font:600 15px/1.3 var(--font-disp);color:var(--text)}
.f6-plate .st{font-size:13px;line-height:1.5;color:var(--muted)}
.f6-plate .st.res,.f6-plate .acts,.f6-plate .st.look{display:none}
.f6-plate.in:not(.looking):not(.done){opacity:.5}
.f6-plate.looking .st.q,.f6-plate.done .st.q{display:none}
.f6-plate.looking .st.look{display:block}
.f6-plate.looking{border-color:rgba(107,123,245,.5)}
.f6-plate.done .st.res{display:block;animation:f6Fade .5s both}
.f6-plate.done .acts{display:flex;gap:8px;margin-top:4px;animation:f6Fade .5s .15s both}
.f6-plate .acts a{font:600 12.5px/1 var(--font-body);padding:7px 11px;border-radius:99px;border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.05)}
.f6-plate .acts a:first-child{background:#3543F0;border-color:transparent;color:#fff}
.f6-plate .spin{display:inline-block;width:10px;height:10px;margin-right:7px;border:1.5px solid rgba(255,255,255,.2);border-top-color:var(--primary-hi);border-radius:50%;vertical-align:-1px;animation:f6Spin .8s linear infinite}
@keyframes f6Spin{to{transform:rotate(360deg)}}
@keyframes f6Fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.f6-plate .pill{font:700 10.5px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:99px;opacity:0;transform:scale(.8);transition:opacity .3s,transform .4s cubic-bezier(.34,1.4,.44,1)}
.f6-plate.done .pill{opacity:1;transform:none}
.f6-plate .pill.ok{background:rgba(74,222,128,.14);color:#4ade80}
.f6-plate .pill.warn{background:rgba(240,166,62,.16);color:#f0a63e}
.f6-plate.done.no{border-color:rgba(240,166,62,.35)}
/* the annotated page: margin notes sit on the same row as their clause */
.f6-doc{--g:clamp(64px,6vw,90px);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px) minmax(0,1fr);column-gap:var(--g);align-items:center}
.f6-paper{grid-column:2;grid-row:1 / 7;align-self:stretch;margin:-38px -40px;background:#f7f5ee;border-radius:6px;box-shadow:0 60px 110px -40px rgba(0,0,0,.75),0 16px 30px -18px rgba(0,0,0,.5)}
.f6-doc > *:not(.f6-paper){position:relative}
.f6-top{grid-column:2;grid-row:1;color:#1c1f2e}
.f6-top .art{margin:0 0 10px;font:500 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#5a5f70}
.f6-top .h{margin:0 0 10px;font:500 clamp(24px,2.3vw,32px)/1.2 'Fraunces',Georgia,serif}
.f6-doc .cl{grid-column:2;margin:0;padding:8px 0;font:400 clamp(16px,1.35vw,19px)/1.65 Georgia,'Times New Roman',serif;color:#1c1f2e}
.f6-doc .cl[data-cl="0"]{grid-row:2}.f6-doc .cl[data-cl="1"]{grid-row:3}.f6-doc .cl[data-cl="2"]{grid-row:4}.f6-doc .cl.dim{grid-row:5;color:#8a8f9e}
.f6-doc .n{font:500 .78em 'JetBrains Mono',ui-monospace,monospace;color:#8a8f9e}
.f6-doc .c{background:no-repeat 0 100%/0% 38%;transition:background-size .8s cubic-bezier(.4,0,.2,1);background-image:linear-gradient(rgba(53,67,240,.22),rgba(53,67,240,.22))}
.f6-doc .cl.hi .c{background-size:100% 38%}
.f6-doc .cl.hi.warn .c{background-image:linear-gradient(rgba(240,166,62,.35),rgba(240,166,62,.35))}
/* the notes */
.f6-doc .note{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-radius:12px;background:rgba(18,20,36,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px -20px rgba(0,0,0,.6);max-width:320px;
  opacity:0;transition:opacity .45s,transform .8s cubic-bezier(.16,.9,.28,1)}
.f6-doc .note.r{grid-column:3;justify-self:start;transform:translateX(30px)}
.f6-doc .note.l{grid-column:1;justify-self:end;transform:translateX(-30px)}
.f6-doc .note[data-n="0"]{grid-row:2}.f6-doc .note[data-n="1"]{grid-row:3}.f6-doc .note[data-n="2"]{grid-row:4}
.f6-doc .note.in{opacity:1;transform:none}
/* the thread from the note to the page's edge */
.f6-doc .note::before{content:"";position:absolute;top:50%;height:1px;width:calc(var(--g) - 40px);background:#6B7BF5;transform:scaleX(0);transition:transform .5s .35s cubic-bezier(.4,0,.2,1)}
.f6-doc .note.r::before{right:100%;transform-origin:100% 50%}
.f6-doc .note.l::before{left:100%;transform-origin:0 50%}
.f6-doc .note.warn::before{background:#f0a63e}
.f6-doc .note.in::before{transform:scaleX(1)}
.f6-doc .note .k{font:700 10.5px/1.3 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:#4ade80}
.f6-doc .note.warn .k{color:#f0a63e}
.f6-doc .note .t{font:500 14px/1.45 var(--sans);color:#F5F1E8}
.f6-doc .m-chip.sm{align-self:flex-start;margin-top:4px;font-size:11.5px;padding:4px 9px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(245,241,232,.7)}
.f6-note{margin:clamp(60px,6vw,90px) auto 0;max-width:40em;text-align:center;font:500 15px/1.5 var(--sans);color:rgba(245,241,232,.55)}
@media (max-width:1000px){
  .f6-doc{grid-template-columns:1fr;background:#f7f5ee;border-radius:6px;padding:26px 22px}
  .f6-paper{display:none}
  .f6-top,.f6-doc .cl,.f6-doc .note{grid-column:1!important;grid-row:auto!important}
  .f6-doc .note{justify-self:stretch!important;max-width:none;margin:2px 0 12px;transform:translateY(8px)}
  .f6-doc .note::before{display:none}}
@media (max-width:900px){.f6{margin:0 6px;border-radius:26px;padding:72px 16px}.f6-search{grid-template-columns:1fr;padding:10px}.f6-web{padding:14px}.f6-web .q{flex-wrap:wrap}.f6-web .bar{max-width:90px}}
@media (prefers-reduced-motion:reduce){.f6 *{transition:none!important;animation:none!important}.f6-plate,.f6-doc .note{opacity:1;transform:none}}

/* ═══════════════ FEATURES · 7 · WHERE YOU STAND — full-bleed: the board's own dark ground, edge to edge ═══════════════ */
.f7{position:relative;padding:clamp(90px,10vw,140px) 0 clamp(50px,6vw,80px);color:#F5F1E8;
  background:radial-gradient(1200px 700px at 50% 60%,rgba(47,158,143,.08),transparent 70%),linear-gradient(180deg,#0a0d15,#070911)}
.f7-in{max-width:1280px;margin:0 auto;padding:0 26px}
.f7 .sn-h{color:#F5F1E8}.f7 .sn-h em{color:#AEB6FF}.f7 .sn-s{color:rgba(245,241,232,.72)}
.f7-frame{position:relative;height:clamp(640px,88vh,860px);margin-top:clamp(10px,2vw,30px)}
.f7-frame iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.f7-hint{margin:18px auto 0;padding:0 16px;text-align:center;font:500 14px/1.5 var(--sans);color:rgba(245,241,232,.5)}
@media (max-width:900px){.f7{padding:72px 0 48px}.f7-in{padding:0 16px}.f7-frame{height:720px}}

/* ═══════════════ SECTION PLACES + FLOATING INDEX — each section names where it lives in the app (its sidebar icon and name);
   the pill at the bottom says where you are and opens into the page's index. Built from the .sn-place tags. ═══════════════ */
.sn-place{grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-bottom:-14px;padding:7px 13px 7px 10px;border-radius:99px;
  font:600 12.5px/1 var(--sans);letter-spacing:.02em;color:#3543F0;background:rgba(53,67,240,.07);border:1px solid rgba(53,67,240,.2)}
.sn-head.c .sn-place{justify-self:center}
.sn-place svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.f2 .sn-place,.f4 .sn-place,.f6 .sn-place,.f7 .sn-place{color:#AEB6FF;background:rgba(174,182,255,.08);border-color:rgba(174,182,255,.22)}
.pgx{position:fixed;left:50%;bottom:18px;z-index:60;transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:opacity .35s,transform .5s cubic-bezier(.16,.9,.28,1);
  width:max-content;max-width:calc(100vw - 32px);font-family:var(--sans)}
.pgx.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.pgx-pill{position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;min-width:320px;border:1px solid rgba(255,255,255,.12);border-radius:99px;cursor:pointer;overflow:hidden;
  background:rgba(18,20,36,.78);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);color:#F5F1E8;
  box-shadow:0 20px 50px -12px rgba(0,0,0,.55),0 0 0 1px rgba(53,67,240,.08);font:inherit;text-align:left;transition:box-shadow .3s}
.pgx-pill:hover{box-shadow:0 22px 56px -12px rgba(0,0,0,.6),0 0 40px rgba(53,67,240,.3)}
.pgx .ic{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(107,123,245,.18);color:#AEB6FF}
.pgx .ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pgx-now{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pgx-now b{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:#AEB6FF;font-weight:700;line-height:1}
.pgx-now span{font-size:14.5px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pgx-now.swap{animation:pgxSwap .4s both}
@keyframes pgxSwap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pgx-car{width:16px;height:16px;flex:none;fill:none;stroke:rgba(245,241,232,.6);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.pgx.open .pgx-car{transform:rotate(180deg)}
.pgx-prog{position:absolute;left:0;bottom:0;height:2px;width:calc(var(--fp,0) * 100%);background:linear-gradient(90deg,#3543F0,#6B7BF5)}
.pgx-list{position:absolute;left:0;right:0;bottom:calc(100% + 10px);padding:8px;border-radius:20px;border:1px solid rgba(255,255,255,.12);
  background:rgba(18,20,36,.92);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:0 30px 70px -20px rgba(0,0,0,.65);
  opacity:0;transform:translateY(10px) scale(.98);transform-origin:50% 100%;pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.16,.9,.28,1)}
.pgx.open .pgx-list{opacity:1;transform:none;pointer-events:auto}
.pgx-list a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;color:rgba(245,241,232,.75);text-decoration:none;transition:background .2s,color .2s}
.pgx-list a:hover{background:rgba(255,255,255,.06);color:#F5F1E8}
.pgx-list a.on{background:rgba(53,67,240,.22);color:#fff}
.pgx-list a .ic{width:28px;height:28px}
.pgx-list a b{display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#AEB6FF;font-weight:700;margin-bottom:3px}
.pgx-list a span{font-size:14px;font-weight:500}
@media (max-width:600px){.pgx{width:calc(100vw - 24px);bottom:12px}.pgx-pill{min-width:0;width:100%}}
@media (prefers-reduced-motion:reduce){.pgx,.pgx-list{transition:none}.pgx-now.swap{animation:none}}

/* ═══════════════ FEATURES · 8 · IT DRAFTS, YOU DECIDE — paper, the app's ground as a slab, the shelf then one product open ═══════════════ */
.f8{position:relative;overflow-x:clip;padding:clamp(90px,11vw,150px) 26px;background:var(--paper,#F5F4F1)}
.f8::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--noise);background-size:170px 170px;opacity:.3;mix-blend-mode:multiply}
.f8-in{position:relative;max-width:1280px;margin:0 auto}
.f8-slab{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#10121d,#0b0c15);border:1px solid rgba(19,22,41,.1);
  box-shadow:0 60px 120px -50px rgba(19,22,41,.55),0 20px 40px -24px rgba(19,22,41,.35)}
.f8-slab iframe{display:block;width:100%;height:560px;border:0;background:transparent;transition:height .5s cubic-bezier(.16,.9,.28,1)}
.f8-hint{margin:22px auto 0;text-align:center;font:500 14px/1.5 var(--sans);color:var(--ink-3,#7A7E90)}
@media (max-width:900px){.f8{padding:72px 16px}.f8-slab{border-radius:16px}}

/* ═══════════════ FEATURES · 9 · ANY CASE, ANY LANGUAGE — navy: the cases moving past full-bleed, then the globe ═══════════════ */
.f9{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin:0 10px;border-radius:36px;padding:clamp(90px,11vw,150px) 0;color:#F5F1E8;
  background:radial-gradient(900px 700px at 75% 85%,rgba(77,90,245,.32),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.f9::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--noise);background-size:160px 160px;opacity:.16;mix-blend-mode:overlay}
.f9-in{max-width:1280px;margin:0 auto;padding:0 26px}
.f9 .sn-h{color:#F5F1E8}.f9 .sn-h em{color:#AEB6FF}.f9 .sn-s{color:rgba(245,241,232,.72)}
.f9 .sn-place{color:#AEB6FF;background:rgba(174,182,255,.08);border-color:rgba(174,182,255,.22)}
/* the strip: five cases, drifting left; it holds still under the pointer */
.f9-strip{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.f9-track{display:flex;gap:22px;width:max-content;animation:f9Drift 60s linear infinite}
.f9-strip:hover .f9-track{animation-play-state:paused}
@keyframes f9Drift{to{transform:translateX(calc(-50% - 11px))}}
.f9-card{position:relative;margin:0;width:clamp(280px,30vw,440px);aspect-ratio:4/3;border-radius:18px;overflow:hidden;flex:none;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.f9-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.16,.9,.28,1)}
.f9-card:hover img{transform:scale(1.05)}
.f9-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,12,28,.88))}
.f9-card figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;gap:10px}
.f9-card figcaption b{font:500 clamp(22px,2vw,28px)/1.1 var(--serif);letter-spacing:-.02em;color:#F5F1E8}
.f9-tile{display:flex;flex-direction:column;gap:2px;align-self:flex-start;max-width:100%;padding:9px 12px;border-radius:10px;background:rgba(251,250,247,.94);color:#1c1f2e;font:500 14px/1.3 'Fraunces',Georgia,serif}
.f9-tile i{font:700 9.5px/1 var(--sans);font-style:normal;letter-spacing:.09em;text-transform:uppercase;color:#3543F0;margin-bottom:3px}
.f9-tile em{font:400 11.5px/1.35 var(--sans);font-style:normal;color:#5a5f70}
/* the globe */
.f9-globe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,60px);align-items:center;margin-top:clamp(70px,9vw,130px)}
.f9-h{margin:0 0 16px;font:500 clamp(2.2rem,4.2vw,4.2rem)/1 var(--serif);letter-spacing:-.035em;color:#F5F1E8}
.f9-h em{font-style:italic;font-weight:400;color:#AEB6FF}
.f9-beta{display:inline-block;vertical-align:.9em;margin-left:6px;padding:5px 10px;border-radius:99px;font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#F0A63E;background:rgba(240,166,62,.14);border:1px solid rgba(240,166,62,.35)}
.f9-sub{margin:0 0 22px;max-width:30em;font:400 clamp(16px,1.25vw,18px)/1.6 var(--sans);color:rgba(245,241,232,.72)}
.f9-search{position:relative;max-width:400px}
.f9-search svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:rgba(245,241,232,.45);stroke-width:1.8;stroke-linecap:round}
.f9-search input{width:100%;box-sizing:border-box;padding:14px 16px 14px 42px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#F5F1E8;font:400 15px/1.2 var(--sans);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.f9-search input::placeholder{color:rgba(245,241,232,.4)}
.f9-search input:focus{border-color:rgba(107,123,245,.6);background:rgba(255,255,255,.07);box-shadow:0 0 0 3px rgba(53,67,240,.18)}
.f9-result{margin:10px 0 0;min-height:1.4em;font:400 13.5px/1.5 var(--sans);color:rgba(245,241,232,.55)}
.f9-result strong{color:#AEB6FF;font-weight:600}
.f9-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;max-width:34em}
.f9-chip{padding:7px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(245,241,232,.78);font:500 12.5px/1 var(--sans);cursor:pointer;transition:all .2s}
.f9-chip:hover{background:rgba(53,67,240,.16);border-color:rgba(107,123,245,.4);color:#fff}
.f9-chip.active{background:rgba(53,67,240,.3);border-color:rgba(107,123,245,.7);color:#fff;box-shadow:0 0 18px rgba(53,67,240,.35)}
.f9-honest{margin:18px 0 0;max-width:32em;font:400 12.5px/1.55 var(--sans);color:rgba(245,241,232,.45)}
.f9-stage{position:relative;width:100%;max-width:600px;aspect-ratio:1;justify-self:end}
.f9-stage::before{content:"";position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(53,67,240,.24),transparent 65%);filter:blur(40px);pointer-events:none}
#globeViz{position:absolute;inset:0;border-radius:50%;overflow:hidden}
#globeViz canvas{display:block;outline:none}
.f9-loading{position:absolute;inset:0;display:grid;place-items:center;font:500 13px var(--sans);color:rgba(245,241,232,.45)}
@media (max-width:900px){.f9{margin:0 6px;border-radius:26px;padding:72px 0}.f9-in{padding:0 16px}.f9-globe{grid-template-columns:1fr}.f9-stage{justify-self:center;max-width:420px}.f9-card{width:78vw}}
@media (prefers-reduced-motion:reduce){.f9-track{animation:none}.f9-strip{overflow-x:auto}}

/* ═══════════════ FEATURES · 10 · NOT A CHAT. A CASE. — pinned split: grey chat left, the case right, four moments ═══════════════ */
.f10{position:relative;padding:clamp(90px,11vw,150px) 0 0;background:var(--paper,#F5F4F1)}
.f10-in{max-width:1280px;margin:0 auto;padding:0 26px}
.f10 .sn-head{margin-bottom:0}
.sp{position:relative;height:420vh}
.sp-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:84px 26px 30px;box-sizing:border-box;max-width:1280px;margin:0 auto}
.sp-label{position:relative;height:1.3em;text-align:center;font:500 clamp(24px,2.6vw,38px)/1.3 var(--serif);letter-spacing:-.02em;color:var(--ink,#131629)}
.sp-label span{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:opacity .45s,transform .6s cubic-bezier(.16,.9,.28,1)}
.sp-label span.on{opacity:1;transform:none}
.sp-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);min-height:0;flex:0 1 auto}
.sp-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.sp-tag{font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#7A7E90;text-align:center}
.cs .sp-tag{color:#3543F0}
.sp-win{position:relative;height:clamp(300px,46vh,440px);border-radius:22px;overflow:hidden}
.cx .sp-win{background:#E9E8E4;border:1px solid rgba(19,22,41,.08)}
.cs .sp-win{background:linear-gradient(180deg,#12141f,#0c0d17);border:1px solid rgba(255,255,255,.06);box-shadow:0 50px 100px -40px rgba(19,22,41,.55),0 0 0 1px rgba(53,67,240,.08)}
.sp-st{position:absolute;inset:0;padding:clamp(20px,2.4vw,34px);display:flex;flex-direction:column;justify-content:center;gap:14px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .7s cubic-bezier(.16,.9,.28,1);pointer-events:none}
.sp-st.on{opacity:1;transform:none}
.sp-st.gone{transform:translateY(-16px)}
.sp-dots{display:flex;justify-content:center;gap:8px}
.sp-dots i{width:7px;height:7px;border-radius:50%;background:rgba(19,22,41,.18);transition:background .3s,transform .3s}
.sp-dots i.on{background:#3543F0;transform:scale(1.3)}
/* the chat — generic, grey, no brand */
.cx-u,.cs-u{align-self:flex-end;max-width:78%;padding:11px 15px;border-radius:18px 18px 4px 18px;font:500 15px/1.45 var(--sans)}
.cx-u{background:#D6D5D0;color:#2b2d38}
.cx-a{max-width:88%;font:400 15.5px/1.6 var(--sans);color:#4a4d5a}
.cx-empty{flex:1;display:grid;place-items:center;text-align:center}
.cx-empty span{font:400 italic clamp(18px,1.6vw,22px)/1.4 var(--serif);color:#8b8e9a}
.cx-in{padding:13px 16px;border-radius:14px;background:#F4F3EF;border:1px solid rgba(19,22,41,.1);font:400 14px var(--sans);color:#a0a3ad}
.cx-list{display:flex;flex-direction:column;gap:6px}
.cx-list span{padding:10px 14px;border-radius:10px;font:400 14.5px var(--sans);color:#5a5d69;background:rgba(255,255,255,.45)}
.cx-list span.on{background:#D6D5D0;color:#2b2d38;font-weight:500}
/* the case — the app's own shapes */
.cs-u{background:#3543F0;color:#fff}
.cs-a{max-width:92%;font:400 15.5px/1.6 var(--sans);color:#E8E6F0}
.cs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cs-chips span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font:500 12.5px/1 var(--sans);color:#c9cbe0}
.sp svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cs-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.cs-card .k{display:inline-flex;align-items:center;gap:7px;font:700 11px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:#8ea0ff}
.cs-card b{font:500 clamp(18px,1.6vw,22px)/1.35 'Fraunces',Georgia,serif;color:#F5F1E8}
.cs-card .s{font:400 13.5px/1.5 var(--sans);color:#9a9db3}
.cs-gap{display:grid;grid-template-columns:20px 1fr;gap:12px;padding:18px 20px;border-radius:14px;border:1px dashed rgba(174,182,255,.55);background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(255,255,255,.035) 7px 9px),rgba(53,67,240,.12);color:#AEB6FF}
.cs-gap svg{width:18px;height:18px;margin-top:3px}
.cs-gap b{display:block;font:500 clamp(17px,1.5vw,20px)/1.4 'Fraunces',Georgia,serif;color:#F5F1E8}
.cs-gap b i{font:700 10.5px/1 var(--sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#8ea0ff;background:rgba(53,67,240,.25);padding:3px 7px;border-radius:99px;vertical-align:3px;margin-left:6px}
.cs-gap span{display:block;margin-top:5px;font:400 13.5px/1.5 var(--sans);color:#9a9db3}
.cs-stats{display:flex;flex-wrap:wrap;gap:8px}
.cs-stats span{padding:8px 13px;border-radius:99px;border:1px solid rgba(255,255,255,.12);font:500 13px var(--sans);color:#9a9db3}
.cs-stats b{color:#fff;margin-right:3px}
/* phones: no pin — each moment as a pair, one under the other */
@media (max-width:900px){
  .f10{padding-top:72px}.f10-in{padding:0 16px}
  .sp{height:auto}.sp-pin{position:static;height:auto;padding:36px 16px 72px;gap:0}
  .sp-label,.sp-dots,.sp-tag{display:none}
  .sp-row{display:block}
  .sp-win{height:auto;overflow:visible;background:none!important;border:0!important;box-shadow:none!important;display:flex;flex-direction:column;gap:14px}
  .sp-st{position:static;opacity:1;transform:none;border-radius:18px;padding:20px}
  .cx .sp-st{background:#E9E8E4}.cs .sp-st{background:#12141f}
  .sp-st::before{content:attr(data-label);font:700 10.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#7A7E90}
  .cs .sp-st::before{color:#8ea0ff}
}
@media (max-width:900px){.sp-row.mix .sp-side{display:none}.sp-mix .cx-st{background:#E9E8E4}.sp-mix .cs-st{background:#12141f}.sp-mix .cs-st::before{color:#8ea0ff}}
@media (prefers-reduced-motion:reduce){.sp-st,.sp-label span{transition:none}}

/* ═══════════════ HOW IT WORKS · 1 · DROP IN → REDACTED — pinned: the papers full size, fanned, spread, then one is redacted ═══════════════ */
.hw1{position:relative;height:380vh;margin-top:60px;background:#08172c}
.hw1-pin{position:sticky;top:60px;height:calc(100vh - 60px);overflow:hidden;isolation:isolate;border-radius:0 0 36px 36px;color:#F5F1E8}
.hw1-pin::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(1000px 700px at 50% 100%,rgba(77,90,245,.3),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.hw1-pin::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--noise);background-size:160px 160px;opacity:.16;mix-blend-mode:overlay}
/* the first words, top centre */
.hw1-a{position:absolute;left:0;right:0;top:clamp(26px,6vh,64px);z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:0 20px;
  opacity:calc(1 - var(--k,0));transform:translateY(calc(var(--k,0) * -40px))}
.hw1 .sn-place{color:#AEB6FF;background:rgba(174,182,255,.08);border-color:rgba(174,182,255,.22);margin:0;justify-self:auto}
.hw1-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1;font-size:clamp(2.6rem,5.4vw,5.6rem);color:#F5F1E8}
.hw1-h em{font-style:italic;font-weight:400;color:#AEB6FF}
.hw1-s{margin:0;max-width:36em;font:400 clamp(15px,1.2vw,18px)/1.55 var(--sans);color:rgba(245,241,232,.7)}
/* the papers */
.hw1-papers{position:absolute;inset:0;z-index:2;pointer-events:none}
.hw1-p .pg{animation:hw1Deal 1.1s cubic-bezier(.16,.9,.28,1) both}
.hw1-p[data-i="1"] .pg,.hw1-p[data-i="3"] .pg{animation-delay:.12s}.hw1-p[data-i="0"] .pg,.hw1-p[data-i="4"] .pg{animation-delay:.24s}
@keyframes hw1Deal{from{transform:translateY(70vh) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}
.hw1-p{position:absolute;left:0;top:0;margin:0;height:calc((100vh - 60px) * .56);aspect-ratio:768/1376;transform-origin:50% 50%}
.hw1-p .pg{position:relative;width:100%;height:100%;border-radius:3px;overflow:hidden;background:#fff;box-shadow:0 50px 90px -34px rgba(0,0,0,.8),0 14px 26px -14px rgba(0,0,0,.55)}
.hw1-p img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.hw1-p .bdg{position:absolute;top:-12px;right:-12px;padding:7px 10px;border-radius:9px;font:800 12px/1 var(--sans);letter-spacing:.06em;color:#fff;background:#3543F0;box-shadow:0 8px 20px -6px rgba(0,0,0,.6);opacity:var(--bd,1)}
.hw1-p figcaption{position:absolute;left:50%;top:calc(100% + 14px);transform:translateX(-50%);white-space:nowrap;font:600 14px/1.2 var(--sans);color:rgba(245,241,232,.85);opacity:var(--lb,0)}
.hw1-p.k-scan img{filter:grayscale(1) contrast(1.2) brightness(.96)}
.hw1-p.k-scan .pg{outline:8px solid #d6d6d0;outline-offset:-1px}
.hw1-p.k-scan .bdg{background:#5a5f70}
.hw1-p.k-photo img{filter:sepia(.2) saturate(1.1) brightness(.93)}
.hw1-p.k-photo .pg{border-radius:8px}
.hw1-p.k-photo .bdg{background:#1f9d5b}
.hw1-p.k-shot{aspect-ratio:9/18.5}
.hw1-p.k-shot .pg{border-radius:26px;border:7px solid #15172a;background:#fff}
.hw1-p.k-shot .bdg{background:#b9761c}
.hw1-p.k-word .bdg{background:#2b579a}
/* the redaction on the target page: a line reads down, each name boxes, then becomes its tag */
.hw1-p .scan{position:absolute;left:0;right:0;top:calc(var(--sy,0) * 1%);height:3px;background:linear-gradient(90deg,transparent,#6B7BF5 20%,#AEB6FF 50%,#6B7BF5 80%,transparent);
  box-shadow:0 0 24px 6px rgba(107,123,245,.55);opacity:var(--so,0)}
.hw1-p .rb{position:absolute;border-radius:2px;opacity:0;transform:scale(.9);transition:opacity .25s,transform .35s cubic-bezier(.34,1.4,.44,1),background .35s}
.hw1-p .rb.lit{opacity:1;transform:none;background:rgba(107,123,245,.25);box-shadow:0 0 0 1px #6B7BF5}
.hw1-p .rb::after{content:attr(data-tag);position:absolute;inset:0;display:grid;place-items:center;border-radius:2px;background:#15172a;color:#fff;
  font:800 var(--fs,7px)/1 var(--sans);letter-spacing:.02em;white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path .45s cubic-bezier(.65,0,.35,1)}
.hw1-p .rb.tag::after{clip-path:inset(0 0 0 0)}
.hw1-p.ok .pg{box-shadow:0 0 0 3px rgba(74,222,128,.7),0 50px 90px -34px rgba(0,0,0,.8)}
/* the redaction check, beside the page */
.hw1-b{position:absolute;z-index:3;right:max(26px,calc((100vw - 1280px) / 2));top:50%;width:min(470px,40vw);transform:translateY(calc(-50% + (1 - var(--b,0)) * 30px));opacity:var(--b,0);
  display:flex;flex-direction:column;gap:14px}
.hw1-k{margin:0;font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#AEB6FF}
.hw1-h2{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.2rem,3.8vw,3.9rem);color:#F5F1E8}
.hw1-h2 em{font-style:italic;font-weight:400;color:#AEB6FF}
.hw1-bs{margin:0;font:400 clamp(15px,1.15vw,17px)/1.55 var(--sans);color:rgba(245,241,232,.7)}
.hw1-red{margin-top:6px;padding:16px;border-radius:16px;background:rgba(12,14,26,.8)!important;border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.hw1-red .rsh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.hw1-red .rsh b{font:600 14px/1.3 var(--font-body);color:#f1f5f9}
.hw1-red .rsh span{font:500 12px/1 var(--font-body);color:#94a3b8;white-space:nowrap}
.hw1-red .rlist{display:flex;flex-direction:column;gap:6px;min-height:118px}
.hw1-red .rrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);
  opacity:0;transform:translateY(6px);transition:opacity .35s,transform .45s cubic-bezier(.16,.9,.28,1)}
.hw1-red .rrow.in{opacity:1;transform:none}
.hw1-red .rtag{font:800 10px/1 var(--font-body);letter-spacing:.05em;color:#dfe2ff;background:rgba(53,67,240,.45);padding:4px 8px;border-radius:5px;flex:none}
.hw1-red .rn2{flex:1;min-width:0;font:500 13px/1.3 var(--font-body);color:#cbd2e1;filter:blur(3.5px);white-space:nowrap;overflow:hidden}
.hw1-red .rc2{font:500 12px var(--font-body);color:#6b7893}
.hw1-ok{position:relative;display:block;width:100%;margin-top:12px;padding:12px 16px;border:0;border-radius:11px;background:#3543F0;color:#fff;font:600 14px/1 var(--sans);cursor:default;
  transition:transform .15s,background .35s,box-shadow .3s;box-shadow:0 12px 30px -10px rgba(53,67,240,.8)}
.hw1-ok .b{display:none;align-items:center;justify-content:center;gap:8px}
.hw1-ok .b svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hw1-ok.press{transform:scale(.96)}
.hw1-ok.done{background:#1f9d5b;box-shadow:0 12px 30px -10px rgba(31,157,91,.7)}
.hw1-ok.done .a{display:none}.hw1-ok.done .b{display:flex}
.hw1-cur{position:absolute;left:0;top:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .25s}
.hw1-cur svg{width:24px;height:24px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}
.hw1-cue{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(245,241,232,.5);opacity:calc(1 - var(--p,0) * 10)}
@media (max-width:900px){
  .hw1{height:380vh}
  .hw1-pin{border-radius:0 0 26px 26px}
  .hw1-a{top:22px;gap:10px}.hw1-h{font-size:clamp(2.2rem,10vw,3.2rem)}.hw1-s{font-size:14.5px}
  .hw1-p{height:calc((100vh - 60px) * .36)}
  .hw1-p figcaption{font-size:11px}
  .hw1-b{left:16px;right:16px;width:auto;top:auto;bottom:18px;transform:translateY(calc((1 - var(--b,0)) * 30px))}
  .hw1-k,.hw1-bs{display:none}.hw1-h2{font-size:clamp(1.6rem,7vw,2.2rem)}
  .hw1-red{padding:12px}.hw1-red .rlist{min-height:0}
}
@media (prefers-reduced-motion:reduce){.hw1-p,.hw1-p .rb,.hw1-red .rrow{transition:none}}

/* ═══════════════ HOW IT WORKS · 2 · SAY WHAT YOU WANT — paper; the sentence becomes the goal card; arguments on strings ═══════════════ */
.hw2{position:relative;height:230vh;background:#08172c}
.hw2-pin{position:sticky;top:60px;height:calc(100vh - 60px);overflow:hidden;isolation:isolate;color:#F5F1E8;
  background:radial-gradient(900px 700px at 50% 55%,rgba(77,90,245,.3),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
/* the empty flat, behind the sentence; it dims away as the sentence becomes the card */
.hw2-photo{position:absolute;inset:0;z-index:0;background:url(../img/hero/hero-moveout.webp) 50% 50%/cover no-repeat;opacity:calc(1 - var(--ph,0));transform:scale(calc(1.06 - var(--pz,0) * .06))}
.hw2-photo::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,rgba(8,23,44,.35),rgba(8,23,44,.75))}
.hw2-head,.hw2-stage,.hw2-foot{z-index:1}
.hw2-head{position:absolute;z-index:3;left:max(26px,calc((100vw - 1280px) / 2));top:clamp(26px,6vh,60px);max-width:600px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  opacity:var(--hd,0);transform:translateY(calc((1 - var(--hd,0)) * 14px))}
.hw2 .sn-place{margin:0;color:#AEB6FF;background:rgba(174,182,255,.08);border-color:rgba(174,182,255,.22)}
.hw2-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1;font-size:clamp(2.4rem,4.4vw,4.4rem);color:#F5F1E8}
.hw2-h em{font-style:italic;font-weight:400;color:#AEB6FF}
.hw2-s{margin:0;font:400 clamp(15px,1.2vw,18px)/1.55 var(--sans);color:rgba(245,241,232,.72)}
.hw2-stage{position:absolute;inset:0}
.hw2-big{position:absolute;left:50%;top:50%;margin:0;width:min(92vw,1300px);text-align:center;transform-origin:50% 50%;
  font:500 clamp(3rem,8.4vw,9.4rem)/.98 var(--serif);letter-spacing:-.045em;color:#F5F1E8;text-shadow:0 4px 40px rgba(0,0,0,.45)}
.hw2-goal{position:absolute;left:50%;top:52%;width:clamp(230px,22vw,300px);padding:14px 16px;border-radius:8px;background:#fbfaf7;color:#1c1f2e;z-index:2;
  box-shadow:0 40px 80px -24px rgba(0,0,0,.6),0 0 60px rgba(53,67,240,.25);transform:translate(-50%,-50%) scale(calc(.9 + var(--g,0) * .1));opacity:var(--g,0)}
.hw2-goal .k{font:700 10.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#5a5f70;margin-bottom:6px}
.hw2-goal .t{font:500 clamp(17px,1.5vw,21px)/1.3 'Fraunces',Georgia,serif}
.hw2-arg{position:absolute;width:clamp(190px,17vw,230px);padding:11px 13px 10px;border-radius:5px;background:#fbfaf7;color:#1c1f2e;z-index:2;
  box-shadow:0 30px 60px -22px rgba(0,0,0,.6);transform:translate(-50%,-50%) translateY(calc((1 - var(--in,0)) * -18px)) scale(calc(.96 + var(--in,0) * .04));opacity:var(--in,0)}
.hw2-arg[data-a="0"]{left:20%;top:66%}.hw2-arg[data-a="1"]{left:79%;top:34%}.hw2-arg[data-a="2"]{left:50%;top:83%}
.hw2-arg .t{font:500 14.5px/1.3 'Fraunces',Georgia,serif}
.hw2-arg .s{display:flex;align-items:center;gap:7px;margin-top:7px}
.hw2-arg .s b{font:700 9.5px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#1f9d5b}
.hw2-arg .s.warn b{color:#b9761c}
.hw2-arg .mt{display:inline-flex;gap:2px}
.hw2-arg .mt i{display:block;width:10px;height:4px;border-radius:1px;background:#d9dbe3;transition:background .3s}
.hw2-arg.lit .mt i.on{background:#3543F0}
.hw2-arg .src{margin-top:6px;font:italic 400 11.5px/1.3 var(--sans);color:#7A7E90}
.hw2-str{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.hw2-str path{fill:none;stroke:rgba(174,182,255,.55);stroke-width:1.3;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--sd,0))}
.hw2-foot{position:absolute;left:50%;bottom:clamp(14px,3vh,30px);transform:translateX(-50%);margin:0;width:min(92vw,720px);text-align:center;font:500 14.5px/1.5 var(--sans);color:rgba(245,241,232,.55);opacity:var(--ft,0)}
.hw2-foot b{color:#F5F1E8}
@media (max-width:900px){
  .hw2-head{left:16px;right:16px;top:22px}.hw2-h{font-size:clamp(2rem,9vw,2.8rem)}.hw2-s{font-size:14.5px}
  .hw2-goal{top:47%;width:200px}.hw2-goal .t{font-size:16px}
  .hw2-arg{width:150px;padding:9px 10px}.hw2-arg .t{font-size:12.5px}.hw2-arg .src{display:none}
  .hw2-arg[data-a="0"]{left:28%;top:30%}.hw2-arg[data-a="1"]{left:72%;top:64%}.hw2-arg[data-a="2"]{left:30%;top:77%}
  .hw2-foot{font-size:12px;bottom:10px}
}

/* ═══════════════ HOW IT WORKS · 3 · KEEP ADDING, KEEP TALKING — paper; the conversation, the case updating beside it ═══════════════ */
.hw3{position:relative;background:var(--paper,#F5F4F1)}
.hw3-pin{position:relative;min-height:calc(100vh - 60px);box-sizing:border-box;padding-block:clamp(70px,9vw,120px)!important;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,80px);align-items:center;
  padding:0 max(26px,calc((100vw - 1280px) / 2))}
.hw3-words{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.hw3-words .sn-place{margin:0}
.hw3-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1;font-size:clamp(2.4rem,4.6vw,4.8rem);color:var(--ink,#131629)}
.hw3-h em{display:block;font-style:italic;font-weight:400;color:#3543F0}
.hw3-s{margin:0;max-width:27em;font:400 clamp(15px,1.25vw,18px)/1.55 var(--sans);color:var(--ink-2,#454A61)}
.hw3-loop{margin:4px 0 0;padding-top:14px;border-top:1px solid rgba(19,22,41,.1);font:500 italic clamp(17px,1.4vw,21px)/1.4 var(--serif);color:var(--ink,#131629);opacity:var(--lp,0);transition:opacity .4s}
.hw3-words .sn-more{margin:0;opacity:var(--lp,0);transition:opacity .4s}
/* the case: its header, the conversation, the box to ask in */
.hw3-case{display:flex;flex-direction:column;height:min(560px,calc(100vh - 140px));padding:18px;border-radius:22px;background:linear-gradient(180deg,#12141f,#0c0d17);color:#e8e6f0;
  box-shadow:0 60px 120px -40px rgba(19,22,41,.55),0 0 0 1px rgba(53,67,240,.08)}
.hw3-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);flex:none}
.hw3-bar .nm{font:600 15px/1 var(--sans);color:#f1f5f9;margin-right:auto}
.hw3-bar .pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.12);font:500 13px/1 var(--sans);color:#94a3b8;transition:border-color .3s,background .3s}
.hw3-bar .pill i{display:inline-flex;color:#6B7BF5}
.hw3-bar .pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hw3-bar .pill b{color:#fff;font-weight:700;display:inline-block;font-variant-numeric:tabular-nums;transition:transform .25s cubic-bezier(.34,1.4,.44,1)}
.hw3-bar .pill b.bump{transform:scale(1.3)}
.hw3-bar .pill.tick{border-color:rgba(107,123,245,.6);background:rgba(53,67,240,.14)}
.hw3-bar .pill.fi.on{border-color:rgba(240,166,62,.6);background:rgba(240,166,62,.12)}
.hw3-bar .pill.fi.on i{color:#f0a63e}
.hw3-chat{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:10px;padding:14px 2px}
.hw3-chat::-webkit-scrollbar{display:none}
.hw3-sp{flex:1 1 0;min-height:0}
.hw3-m{display:none;animation:pgxSwap .45s both}
.hw3-m.in{display:flex}
.hw3-m.u{align-self:flex-end;max-width:80%;padding:10px 14px;border-radius:16px 16px 4px 16px;background:#3543F0;color:#fff;font:500 14.5px/1.45 var(--sans)}
.hw3-m.a{flex-direction:column;align-items:flex-start;gap:10px;max-width:92%;font:400 14.5px/1.6 var(--sans);color:#e8e6f0}
.hw3-m.a q{color:#fff;font-weight:500}
.hw3-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font:500 12.5px/1 var(--sans);color:#c9cbe0}
.hw3-chip svg,.hw3-m svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hw3-m.up{align-self:flex-end;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:12px;background:rgba(53,67,240,.2);border:1px solid rgba(107,123,245,.4);font:500 13.5px/1 var(--sans);color:#fff}
.hw3-m.up img{width:28px;height:36px;object-fit:cover;object-position:top;border-radius:3px;background:#fff}
.hw3-m.rd{align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font:500 14px/1.3 var(--sans)}
.hw3-m.rd .t{flex:1;color:#f1f5f9}
.hw3-m.rd .wg{position:relative;width:20px;height:20px;flex:none}
.hw3-m.rd .wg svg{position:absolute;inset:0;width:20px;height:20px;fill:none;stroke:#6B7BF5;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .25s}
.hw3-m.rd .g-done{opacity:0;stroke:#4ade80}
.hw3-m.rd .ink{stroke-dasharray:1;stroke-dashoffset:1;animation:wkInkF 2.4s cubic-bezier(.4,0,.2,1) infinite}
.hw3-m.rd .k2{animation-delay:.3s}.hw3-m.rd .k3{animation-delay:.6s}
.hw3-m.rd.done .g-read{opacity:0}.hw3-m.rd.done .g-done{opacity:1}
.hw3-m.q{flex-direction:column;gap:10px;padding:16px;border-radius:14px;border:1px solid rgba(107,123,245,.5);background:rgba(53,67,240,.1)}
.hw3-m.q .k{font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#8ea0ff}
.hw3-m.q b{font:500 clamp(17px,1.5vw,21px)/1.3 'Fraunces',Georgia,serif;color:#F5F1E8}
.hw3-m.q p{margin:0;font:400 13.5px/1.5 var(--sans);color:#a3a8c0}
.hw3-m.q .ans{display:flex;flex-wrap:wrap;gap:8px}
.hw3-m.q .ans span{padding:9px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);font:500 13.5px/1 var(--sans);color:#e8e6f0}
.hw3-ex{align-self:stretch;max-width:420px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.hw3-ex .paper{padding:10px 13px;background:#f7f5ee;color:#2a2d3a;font:400 13.5px/1.55 Georgia,'Times New Roman',serif}
.hw3-ex .paper .ell{color:#8a8f9e}
.hw3-ex .paper mark{background:rgba(53,67,240,.2);color:inherit;padding:0 2px;border-radius:2px}
.hw3-ex .cap{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;background:rgba(255,255,255,.05);font:500 12.5px/1.3 var(--sans);color:#c9cbe0}
.hw3-ex .cap b{color:#f1f5f9;font-weight:600}
.hw3-ex .cap a{color:#8ea0ff}
.hw3-m.red{align-self:flex-end;flex-wrap:wrap;align-items:center;gap:8px;max-width:90%;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font:500 12.5px/1.3 var(--sans);color:#94a3b8}
.hw3-m.red .k{color:#f1f5f9;font-weight:600}
.hw3-m.red .tags{display:flex;flex-wrap:wrap;gap:5px}
.hw3-m.red .tags i{font:800 9.5px/1 var(--sans);font-style:normal;letter-spacing:.04em;color:#dfe2ff;background:rgba(53,67,240,.45);padding:4px 7px;border-radius:5px}
.hw3-m.red .ok{color:#4ade80;font-weight:600}
.hw3-m.rd .rdb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hw3-m.rd .rdb .st{font-size:12px;color:#AEB6FF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw3-m.rd .rs{font-size:12.5px;color:#94a3b8;white-space:nowrap}
.hw3-m.rd.done .rs{color:#4ade80;font-weight:600}
.hw3-m.rd.done .rdb .st{color:#94a3b8}
.hw3-m.rd .chev{color:#6b7893;font-size:18px;line-height:1}
.hw3-m.q p q{color:#e8e6f0}
.hw3-in{flex:none;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font:400 14px var(--sans);color:#6b7893}
@media (max-width:900px){
  .hw3-pin{grid-template-columns:1fr;align-content:start;gap:14px;padding:56px 16px!important}
  .hw3-h{font-size:clamp(2rem,9vw,2.8rem)}.hw3-h em{display:inline}.hw3-s,.hw3-words .sn-place{display:none}.hw3-words{gap:10px}
  .hw3-case{height:min(560px,72vh);padding:12px}.hw3-bar .nm{width:100%}.hw3-bar .pill{padding:6px 9px;font-size:12px}
  .hw3-m.q p{display:none}.hw3-m.u,.hw3-m.a{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.hw3-m{animation:none}.hw3-m.rd .ink{animation:none;stroke-dashoffset:0}}

/* ═══════════════ HOW IT WORKS · 4 · WALK IN PREPARED — navy; the drafted letter, every line beside its page ═══════════════ */
.hw4{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin:0 10px;border-radius:36px;padding:clamp(90px,11vw,150px) 26px;color:#F5F1E8;
  background:radial-gradient(900px 700px at 70% 40%,rgba(77,90,245,.32),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.hw4::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--noise);background-size:160px 160px;opacity:.16;mix-blend-mode:overlay}
.hw4-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);align-items:center}
.hw4-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.hw4 .sn-place{margin:0;color:#AEB6FF;background:rgba(174,182,255,.08);border-color:rgba(174,182,255,.22)}
.hw4-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1;font-size:clamp(2.6rem,5vw,5.2rem);color:#F5F1E8}
.hw4-h em{font-style:italic;font-weight:400;color:#AEB6FF}
.hw4-s{margin:0;max-width:27em;font:400 clamp(15px,1.25vw,18px)/1.55 var(--sans);color:rgba(245,241,232,.72)}
.hw4-ways{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.hw4-ways .w{padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font:600 13.5px/1 var(--sans);color:#F5F1E8;
  opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s cubic-bezier(.16,.9,.28,1)}
.hw4-ways .w:first-child{background:#3543F0;border-color:transparent}
.hw4-in.s-ways .hw4-ways .w{opacity:1;transform:none}
.hw4-in.s-ways .hw4-ways .w:nth-child(2){transition-delay:.1s}.hw4-in.s-ways .hw4-ways .w:nth-child(3){transition-delay:.2s}
.hw4-names{display:inline-flex;padding:4px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.hw4-names .o{padding:7px 12px;border-radius:99px;font:600 12.5px/1 var(--sans);color:rgba(245,241,232,.6);transition:background .3s,color .3s}
.hw4-names .o.on{background:#F5F1E8;color:#131629}
.hw4-note{margin:0;font:400 13px/1.5 var(--sans);color:rgba(245,241,232,.5)}
/* the draft: the mark, then the page */
.hw4-doc{display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(40px);transition:opacity .7s,transform 1s cubic-bezier(.16,.9,.28,1)}
.hw4-in.s-in .hw4-doc{opacity:1;transform:none}
.hw4-mark{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:11px 14px;border-radius:12px;background:rgba(10,14,30,.6);border:1px solid rgba(240,166,62,.35);font:400 13px/1.5 var(--sans);color:rgba(245,241,232,.75)}
.hw4-mark svg{width:17px;height:17px;fill:none;stroke:#f0a63e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.hw4-mark b{color:#F5F1E8;font-weight:600}
.hw4-page{padding:clamp(24px,3vw,40px) clamp(22px,3vw,42px);border-radius:6px;background:#fbfaf7;color:#1c1f2e;box-shadow:0 60px 110px -40px rgba(0,0,0,.75),0 16px 30px -18px rgba(0,0,0,.5)}
.hw4-page .hd{display:flex;flex-direction:column;gap:4px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid rgba(19,22,41,.1)}
.hw4-page .hd .k{font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#3543F0}
.hw4-page .hd .m{font:400 12px/1.4 var(--sans);color:#7A7E90}
.hw4-page p{margin:0;font:400 clamp(15px,1.2vw,17px)/1.65 Georgia,'Times New Roman',serif}
.hw4-page .to{margin-bottom:12px}
.hw4-page .l{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:7px 0;
  opacity:0;transform:translateY(8px);transition:opacity .45s,transform .6s cubic-bezier(.16,.9,.28,1)}
.hw4-page .l.in{opacity:1;transform:none}
.hw4-page .src{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:4px 9px;border-radius:99px;background:rgba(53,67,240,.08);border:1px solid rgba(53,67,240,.2);
  font:500 11.5px/1 var(--sans);color:#3543F0;white-space:nowrap;opacity:0;transform:translateX(-6px);transition:opacity .35s .25s,transform .45s .25s}
.hw4-page .l.in .src{opacity:1;transform:none}
.hw4-page .src svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hw4-page .src.ask{background:rgba(19,22,41,.05);border-color:rgba(19,22,41,.1);color:#7A7E90}
.hw4-page .sig{margin-top:16px}
.hw4-page .nm{display:inline-block;padding:0 5px;border-radius:3px;background:#15172a;color:#fff;font:700 .72em/1.6 var(--sans);letter-spacing:.04em;vertical-align:.08em;transition:background .35s,color .35s}
.hw4-in.names .hw4-page .nm{background:rgba(53,67,240,.12);color:#1c1f2e;font:400 1em/1 Georgia,'Times New Roman',serif;letter-spacing:0;padding:0 2px}
@media (max-width:900px){.hw4{margin:0 6px;border-radius:26px;padding:72px 16px}.hw4-in{grid-template-columns:1fr}.hw4-page .l{grid-template-columns:1fr;gap:4px}.hw4-page .src{justify-self:start}}
@media (prefers-reduced-motion:reduce){.hw4 *{transition:none!important}.hw4-doc,.hw4-page .l,.hw4-page .src,.hw4-ways .w{opacity:1;transform:none}}

/* ═══════════════ HOW IT WORKS · 5 · YOUR PAPERS STAY YOURS — paper; three facts ═══════════════ */
.hw5{position:relative;padding:clamp(90px,11vw,150px) 26px;background:var(--paper,#F5F4F1)}
.hw5-in{max-width:1280px;margin:0 auto}
.hw5-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px)}
.hw5-f{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.4vw,34px);border-radius:22px;background:#fff;box-shadow:0 30px 60px -36px rgba(19,22,41,.35),0 0 0 1px rgba(19,22,41,.05);
  opacity:0;transform:translateY(18px);transition:opacity .6s,transform .8s cubic-bezier(.16,.9,.28,1),box-shadow .3s}
.hw5-in.s-in .hw5-f{opacity:1;transform:none}
.hw5-in.s-in .hw5-f:nth-child(2){transition-delay:.12s}.hw5-in.s-in .hw5-f:nth-child(3){transition-delay:.24s}
.hw5-f:hover{box-shadow:0 36px 70px -34px rgba(19,22,41,.45),0 0 40px rgba(53,67,240,.12)}
.hw5-f .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(53,67,240,.1);color:#3543F0}
.hw5-f .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hw5-f b{font:500 clamp(22px,2vw,28px)/1.2 var(--serif);letter-spacing:-.02em;color:var(--ink,#131629)}
.hw5-f p{margin:0;font:400 15.5px/1.55 var(--sans);color:var(--ink-2,#454A61)}
.hw5-more{display:block;width:max-content;margin:clamp(30px,4vw,50px) auto 0}
@media (max-width:900px){.hw5{padding:72px 16px}.hw5-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hw5-f{opacity:1;transform:none;transition:none}}

/* ═══════════════ SHARED — reveal on view ([data-rv] → .in) and the paper/navy section shells used by Privacy and Pricing ═══════════════ */
[data-rv]{opacity:0;transform:translateY(16px);transition:opacity .45s,transform .6s cubic-bezier(.16,.9,.28,1)}
[data-rv].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none;transition:none}}
.pv-in{max-width:1280px;margin:0 auto}
.pv2,.pv4,.pv6,.pr2,.pr4{position:relative;padding:clamp(90px,11vw,150px) 26px;background:var(--paper,#F5F4F1)}
.pv3,.pv5,.pr3{position:relative;isolation:isolate;overflow:hidden;overflow:clip;margin:0 10px;border-radius:36px;padding:clamp(90px,11vw,150px) 26px;color:#F5F1E8;
  background:radial-gradient(900px 700px at 70% 30%,rgba(77,90,245,.3),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.pv3 .sn-h,.pv5 .sn-h,.pr3 .sn-h{color:#F5F1E8}.pv3 .sn-h em,.pv5 .sn-h em,.pr3 .sn-h em{color:#AEB6FF}.pv3 .sn-s,.pv5 .sn-s{color:rgba(245,241,232,.72)}
.pv3 .sn-place,.pv5 .sn-place,.pvh .sn-place{color:#AEB6FF;background:rgba(174,182,255,.08);border-color:rgba(174,182,255,.22)}

/* ═══════════════ PRIVACY ═══════════════ */
.pvh,.prh{position:relative;margin-top:60px;padding:clamp(100px,13vw,170px) 26px clamp(80px,10vw,130px);color:#F5F1E8;border-radius:0 0 36px 36px;overflow:hidden;
  background:radial-gradient(900px 700px at 20% 20%,rgba(77,90,245,.32),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.pvh-in{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.pvh-h,.prh-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:.98;font-size:clamp(3rem,7vw,7.2rem);color:#F5F1E8}
.pvh-h em,.prh-h em{font-style:italic;font-weight:400;color:#AEB6FF}
.pvh-s,.prh-s{margin:0;max-width:34em;font:400 clamp(16px,1.35vw,20px)/1.55 var(--sans);color:rgba(245,241,232,.72)}
.pvh-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}
.pvh-jump a{padding:10px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);font:500 14px/1 var(--sans);color:#F5F1E8;text-decoration:none;transition:background .2s,border-color .2s}
.pvh-jump a:hover{background:rgba(53,67,240,.3);border-color:rgba(107,123,245,.6)}
.pv2-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,26px);position:relative}
.pv2-st{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:#fff;box-shadow:0 30px 60px -36px rgba(19,22,41,.35),0 0 0 1px rgba(19,22,41,.05)}
.pv2-st:not(:last-child)::after{content:"";position:absolute;right:calc(-1 * clamp(14px,2vw,26px) + 2px);top:44px;width:calc(clamp(14px,2vw,26px) - 4px);height:2px;background:#3543F0;opacity:.35}
.pv2-st .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(53,67,240,.1);color:#3543F0}
.pv2-st .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pv2-st b{font:500 clamp(19px,1.6vw,23px)/1.25 var(--serif);letter-spacing:-.02em;color:var(--ink,#131629)}
.pv2-st p{margin:0;font:400 15px/1.55 var(--sans);color:var(--ink-2,#454A61)}
.pv2-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.pv2-tags i{font:800 10px/1 var(--sans);font-style:normal;letter-spacing:.04em;color:#fff;background:#15172a;padding:5px 7px;border-radius:5px}
.pv3-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,60px);align-items:start}
.pv3-page{margin:0}
.pv3-page .pg{position:relative;border-radius:4px;overflow:hidden;box-shadow:0 60px 110px -40px rgba(0,0,0,.75)}
.pv3-page img{display:block;width:100%}
.pv3-page .rb{position:absolute;border-radius:2px;background:rgba(107,123,245,.28);box-shadow:0 0 0 1.5px #6B7BF5;cursor:pointer;transition:background .2s}
.pv3-page .rb.hot,.pv3-page .rb:hover{background:rgba(107,123,245,.55)}
.pv3-page .rb.hot::after,.pv3-page .rb:hover::after{content:attr(data-t);position:absolute;left:0;bottom:calc(100% + 6px);padding:5px 8px;border-radius:6px;background:#15172a;color:#fff;font:800 11px/1 var(--sans);white-space:nowrap}
.pv3-page figcaption,.pv3-text .hd{margin-top:14px;font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#AEB6FF}
.pv3-text{padding:clamp(22px,2.6vw,36px);border-radius:18px;background:rgba(10,14,30,.6);border:1px solid rgba(255,255,255,.1)}
.pv3-text .hd{margin:0 0 16px}
.pv3-text p{margin:0 0 12px;font:400 clamp(15px,1.2vw,17px)/1.6 'JetBrains Mono',ui-monospace,monospace;color:#d8dcef}
.pv3-text u{text-decoration:none;padding:1px 5px;border-radius:4px;background:rgba(53,67,240,.35);color:#fff;font-weight:600;cursor:pointer;transition:background .2s}
.pv3-text u.hot,.pv3-text u:hover{background:#3543F0}
.pv3-text .more{color:#6b7893}
.pv4-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.pv4-lock{width:clamp(140px,16vw,220px);aspect-ratio:1;border-radius:36px;display:grid;place-items:center;color:#3543F0;background:#fff;box-shadow:0 40px 80px -40px rgba(19,22,41,.4),0 0 0 1px rgba(19,22,41,.05)}
.pv4-lock svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.pv4-h{margin:16px 0 14px;font:500 clamp(2rem,3.6vw,3.6rem)/1.08 var(--serif);letter-spacing:-.03em;color:var(--ink,#131629)}
.pv4-h em{font-style:italic;font-weight:400;color:#3543F0}
.pv4-s{margin:0 0 12px;font:400 17px/1.55 var(--sans);color:var(--ink-2,#454A61)}
.pv4-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
.pv4-list li{position:relative;padding-left:22px;font:500 15px/1.5 var(--sans);color:var(--ink,#131629)}
.pv4-list li::before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:3px;background:#3543F0}
.pv5-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,30px)}
.pv5-c{display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:22px;background:rgba(10,14,30,.55);border:1px solid rgba(255,255,255,.1)}
.pv5-c .k{font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#AEB6FF}
.pv5-c .ui{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;background:#12141f;border:1px solid rgba(255,255,255,.08)}
.pv5-c .ui.col{flex-direction:column;align-items:flex-start}
.pv5-c .doc{font:500 15px var(--sans);color:#f1f5f9}
.pv5-c .q{font:500 15px/1.4 var(--sans);color:#f1f5f9}
.pv5-c .btn{padding:9px 14px;border-radius:9px;border:1px solid rgba(255,255,255,.16);font:600 13.5px/1 var(--sans);color:#f1f5f9}
.pv5-c .btn.red{background:#b42318;border-color:transparent}
.pv5-c .done{font:600 13.5px/1.3 var(--sans);color:#4ade80}
.pv5-c p{margin:0;font:400 15.5px/1.55 var(--sans);color:rgba(245,241,232,.72)}
.pv6-list{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px);max-width:1100px;margin:0 auto}
.pv6-i{padding:24px 26px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06)}
.pv6-i b{display:block;margin-bottom:6px;font:500 clamp(19px,1.6vw,22px)/1.3 var(--serif);color:var(--ink,#131629)}
.pv6-i p{margin:0;font:400 15px/1.6 var(--sans);color:var(--ink-2,#454A61)}
.pv-policy{display:block;width:max-content;margin:clamp(30px,4vw,50px) auto 0}
@media (max-width:900px){
  .pvh,.prh{padding:90px 16px 70px;border-radius:0 0 26px 26px}
  .pv2,.pv4,.pv6,.pr2,.pr4{padding:72px 16px}.pv3,.pv5,.pr3{margin:0 6px;border-radius:26px;padding:72px 16px}
  .pv2-flow,.pv3-split,.pv5-row,.pv6-list,.pv4-list{grid-template-columns:1fr}.pv2-st::after{display:none}
  .pv4-grid{grid-template-columns:1fr}.pv4-lock{width:110px;border-radius:26px}
}

/* ═══════════════ PRICING (bones) ═══════════════ */
.tbd{display:inline-block;padding:4px 10px;border-radius:8px;border:1.5px dashed #f0a63e;background:rgba(240,166,62,.1);color:#b9761c;font:600 12.5px/1.4 var(--sans)}
.prh .tbd,.pr3 .tbd{color:#f0a63e}
.prh-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);align-items:center}
.prh-copy{display:flex;flex-direction:column;gap:20px}
.prh-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(26px,3vw,40px);border-radius:26px;background:#fbfaf7;color:#1c1f2e;box-shadow:0 60px 120px -40px rgba(0,0,0,.7)}
.prh-card .k{font:700 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#3543F0}
.prh-card .p b{font:500 clamp(4rem,7vw,6.4rem)/1 var(--serif);letter-spacing:-.04em}
.prh-card .n,.prh-card .n2{margin:0}
.prh-cta{align-self:stretch;text-align:center}
.prf{display:flex;gap:12px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06)}
.prf svg{width:20px;height:20px;flex:none;margin-top:2px;fill:none;stroke:#1f9d5b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.prf b{display:block;font:600 15.5px/1.35 var(--sans);color:var(--ink,#131629)}
.prf span{display:block;margin-top:3px;font:400 13.5px/1.45 var(--sans);color:var(--ink-3,#7A7E90)}
.pr3-box{max-width:760px;margin:0 auto;text-align:center}
.pr4-list{max-width:860px;display:flex;flex-direction:column;gap:10px}
.prq{border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06)}
.prq summary{padding:18px 22px;font:600 16.5px/1.4 var(--sans);color:var(--ink,#131629);cursor:pointer;list-style:none}
.prq summary::-webkit-details-marker{display:none}
.prq summary::after{content:"+";float:right;color:#3543F0;font-weight:500}
.prq[open] summary::after{content:"\2013"}
.prq > div{padding:0 22px 18px}
@media (max-width:900px){.prh-in{grid-template-columns:1fr}.pr2-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pr2-grid{grid-template-columns:1fr}}

/* ═══════════════ FAQ ═══════════════ */
.fqh{margin-top:60px;padding:clamp(90px,11vw,150px) 26px clamp(50px,6vw,80px);background:var(--paper,#F5F4F1)}
.fqh-in{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.fqh-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:.98;font-size:clamp(2.8rem,6.4vw,6.4rem);color:var(--ink,#131629)}
.fqh-h em{font-style:italic;font-weight:400;color:#3543F0}
.fqh-search{position:relative;width:min(560px,100%)}
.fqh-search svg{position:absolute;left:18px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:#7A7E90;stroke-width:1.8;stroke-linecap:round}
.fqh-search input{width:100%;box-sizing:border-box;padding:18px 20px 18px 50px;border-radius:16px;border:1px solid rgba(19,22,41,.12);background:#fff;font:400 16px/1.2 var(--sans);color:var(--ink,#131629);outline:none;box-shadow:0 20px 50px -30px rgba(19,22,41,.35);transition:border-color .2s,box-shadow .2s}
.fqh-search input:focus{border-color:#3543F0;box-shadow:0 0 0 4px rgba(53,67,240,.12),0 20px 50px -30px rgba(19,22,41,.35)}
.fqb{padding:0 26px clamp(90px,11vw,140px);background:var(--paper,#F5F4F1)}
.fqb-in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}
.fqb-nav{position:sticky;top:90px;display:flex;flex-direction:column;gap:4px}
.fqb-nav a{padding:9px 12px;border-radius:10px;font:500 15px/1.2 var(--sans);color:var(--ink-2,#454A61);text-decoration:none;transition:background .2s,color .2s}
.fqb-nav a:hover,.fqb-nav a.on{background:rgba(53,67,240,.08);color:#3543F0}
.fq-g{scroll-margin-top:90px;margin-bottom:34px}
.fq-g h2{margin:0 0 12px;font:500 clamp(1.5rem,2.2vw,2rem)/1.1 var(--serif);letter-spacing:-.02em;color:var(--ink,#131629)}
.fq{margin-bottom:10px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06);transition:box-shadow .25s}
.fq:hover{box-shadow:0 0 0 1px rgba(53,67,240,.25),0 18px 40px -28px rgba(19,22,41,.35)}
.fq summary{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;font:600 16.5px/1.4 var(--sans);color:var(--ink,#131629);cursor:pointer;list-style:none}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";flex:none;color:#3543F0;font:500 22px/1 var(--sans);transition:transform .25s}
.fq[open] summary::after{transform:rotate(45deg)}
.fq > div{padding:0 24px 22px;font:400 16px/1.65 var(--sans);color:var(--ink-2,#454A61);animation:pgxSwap .3s both}
.fq > div a,.fq-none a{color:#3543F0;font-weight:600}
.fq[hidden],.fq-g[hidden]{display:none}
.fq-none{font:400 16px/1.5 var(--sans);color:var(--ink-2,#454A61)}
@media (max-width:900px){.fqh{padding:80px 16px 40px}.fqb{padding:0 16px 80px}.fqb-in{grid-template-columns:1fr}.fqb-nav{position:static;flex-direction:row;flex-wrap:wrap}.fq summary{padding:16px 18px;font-size:15.5px}.fq > div{padding:0 18px 18px}}

/* ═══════════════ PRICING · plans + the included list (editorial rows) · PRIVACY · the three guard facts ═══════════════ */
.pr5{position:relative;padding:clamp(90px,11vw,150px) 26px;background:var(--paper,#F5F4F1)}
.pr5-row{display:grid;grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:clamp(16px,2.4vw,30px)}
.pr-plan{display:flex;flex-direction:column;gap:16px;padding:clamp(26px,3vw,38px);border-radius:26px;background:#fff;box-shadow:0 30px 70px -40px rgba(19,22,41,.4),0 0 0 1px rgba(19,22,41,.06);transition:transform .3s,box-shadow .3s}
.pr-plan:hover{transform:translateY(-4px);box-shadow:0 40px 80px -40px rgba(19,22,41,.45),0 0 50px rgba(53,67,240,.14)}
.pr-plan.feat{background:linear-gradient(165deg,#12294b,#0C2340 55%,#08172c);color:#F5F1E8;box-shadow:0 50px 100px -40px rgba(12,35,64,.7)}
.pr-pp{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pr-pp b{font:500 clamp(3.4rem,5.6vw,5rem)/1 var(--serif);letter-spacing:-.04em}
.pr-pd{margin:0}
.pr-pl{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font:500 15px/1.5 var(--sans)}
.pr-pl li{position:relative;padding-left:22px}
.pr-pl li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:7px;border-left:2px solid #1f9d5b;border-bottom:2px solid #1f9d5b;transform:rotate(-45deg)}
.pr-plan.feat .pr-pl li::before{border-color:#4ade80}
.pr-plan .btn{margin-top:auto;text-align:center}
.pr-plan.feat .tbd{color:#f0a63e}
.pr2-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,80px);align-items:start}
.pr2-head{position:sticky;top:100px;display:flex;flex-direction:column;gap:16px}
.pr2-head .sn-more{margin:0}
.pr2-list{border-top:1px solid rgba(19,22,41,.14)}
.pr2-r{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:baseline;padding:22px 4px;border-bottom:1px solid rgba(19,22,41,.14);transition:padding .3s}
.pr2-r:hover{padding-left:12px}
.pr2-r b{font:500 clamp(20px,1.9vw,26px)/1.2 var(--serif);letter-spacing:-.02em;color:var(--ink,#131629);transition:color .2s}
.pr2-r:hover b{color:#3543F0}
.pr2-r span{font:400 15.5px/1.55 var(--sans);color:var(--ink-2,#454A61)}
.pv4-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.pv4-more > div{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06)}
.pv4-more b{font:600 15px/1.3 var(--sans);color:var(--ink,#131629)}
.pv4-more span{font:400 14px/1.5 var(--sans);color:var(--ink-2,#454A61)}
.pv5-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:900px){.pr5{padding:72px 16px}.pr5-row{grid-template-columns:1fr}.pr2-in{grid-template-columns:1fr}.pr2-head{position:static}.pr2-r{grid-template-columns:1fr;gap:6px}.pv4-more{grid-template-columns:1fr}.pv5-row{grid-template-columns:1fr!important}}
.pr-once{font:600 13px/1.3 var(--sans);color:#7A7E90}.pr-plan.feat .pr-once{color:rgba(245,241,232,.6)}
.prh-card .n,.prh-card .n2{font:400 15px/1.55 var(--sans);color:#454A61}
.hw1-p.k-photo{aspect-ratio:1408/768;height:calc((100vh - 60px) * .34)}
@media (max-width:900px){.hw1-p.k-photo{height:calc((100vh - 60px) * .22)}}

/* ═══════════════ THE STORY ═══════════════ */
.sth{margin-top:60px;padding:clamp(110px,15vw,200px) 26px clamp(90px,11vw,150px);background:var(--paper,#F5F4F1)}
.sth-in{max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px}
.sth-k{font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#3543F0}
.sth-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.96;font-size:clamp(3.2rem,8vw,8.6rem);color:var(--ink,#131629)}
.sth-h em{display:block;font-style:italic;font-weight:400;color:#3543F0}
.sty{position:relative;height:520vh;background:#08172c}
.st-pin{position:sticky;top:60px;height:calc(100vh - 60px);overflow:hidden;color:#F5F1E8;
  background:radial-gradient(900px 700px at 50% 60%,rgba(77,90,245,.26),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.st-img{position:absolute;inset:0;overflow:hidden;background:#08172c}
.st-img .f{position:absolute;inset:-2%;background:#08172c 50% 50%/cover no-repeat;opacity:0;transform:scale(1.04);transition:opacity .7s,transform 7s linear}
.st-img .f.on{opacity:1;transform:scale(1.1)}
.st-img .shade{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 50%,rgba(8,23,44,.5),rgba(8,23,44,.8))}
.st-beats{position:absolute;inset:0;display:grid;place-items:center;padding:0 24px;z-index:2}
.st-b{grid-area:1/1;margin:0;max-width:1100px;text-align:center;font:500 clamp(2.2rem,5.2vw,5.6rem)/1.04 var(--serif);letter-spacing:-.035em;color:#F5F1E8;
  text-shadow:0 6px 40px rgba(8,23,44,.9),0 0 2px rgba(8,23,44,.6);opacity:0;transform:translateY(24px);transition:opacity .6s,transform .8s cubic-bezier(.16,.9,.28,1)}
.st-b em{display:block;font-style:italic;font-weight:400;color:#AEB6FF}
.st-b.on{opacity:1;transform:none}
.st-b.gone{transform:translateY(-24px)}
.st-dots{position:absolute;right:max(20px,3vw);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:3}
.st-dots i{width:7px;height:7px;border-radius:50%;background:rgba(245,241,232,.25);transition:background .3s,transform .3s}
.st-dots i.on{background:#AEB6FF;transform:scale(1.4)}
.stn{padding:clamp(100px,12vw,170px) 26px;background:var(--cream,#ECEAE3)}
.stn-in{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.stn-k{margin:0;font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#3543F0}
.stn-q{margin:0;font:500 clamp(2rem,4vw,3.6rem)/1.1 var(--serif);letter-spacing:-.03em;color:var(--ink,#131629)}
.stn-q em{font-style:italic;font-weight:400;color:#3543F0}
.stn-body p{margin:0 0 16px;font:400 clamp(17px,1.4vw,20px)/1.65 var(--serif);color:var(--ink-2,#454A61)}
.stn-sig{margin:0;font:italic 500 22px/1 var(--serif);color:var(--ink,#131629)}
.stp2{position:relative;margin:0 10px;border-radius:36px;padding:clamp(100px,12vw,170px) 26px;color:#F5F1E8;overflow:hidden;
  background:radial-gradient(900px 700px at 30% 30%,rgba(77,90,245,.3),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.stp2-in{max-width:1000px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.stp2-h{margin:0;font:500 clamp(2.6rem,6vw,6.2rem)/1 var(--serif);letter-spacing:-.04em}
.stp2-h em{font-style:italic;font-weight:400;color:#AEB6FF}
.stp2-s{margin:0;max-width:32em;font:400 clamp(16px,1.35vw,20px)/1.6 var(--sans);color:rgba(245,241,232,.72)}
@media (max-width:900px){.sth{padding:110px 16px 80px}.sty{height:480vh}.stn{padding:80px 16px}.stp2{margin:0 6px;border-radius:26px;padding:80px 16px}.st-dots{right:10px}}
@media (prefers-reduced-motion:reduce){.sty{height:auto}.st-pin{position:relative;height:auto;padding:80px 0}.st-beats{position:relative;display:flex;flex-direction:column;gap:60px}.st-b{opacity:1;transform:none}.st-img,.st-dots{display:none}}

/* ═══════════════ LEGAL PAGES — one readable column, contents at the side, a draft banner ═══════════════ */
.lg{margin-top:60px;padding:clamp(70px,9vw,120px) 26px clamp(90px,10vw,140px);background:var(--paper,#F5F4F1)}
.lg-in{max-width:1100px;margin:0 auto}
.lg-draft{margin:0 0 30px;padding:12px 16px;border-radius:12px;border:1.5px dashed #f0a63e;background:rgba(240,166,62,.1);font:600 14px/1.5 var(--sans);color:#8a5a14}
.lg-head{max-width:760px;margin-bottom:clamp(36px,5vw,60px)}
.lg-h{margin:0 0 12px;font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1;font-size:clamp(2.6rem,5vw,4.6rem);color:var(--ink,#131629)}
.lg-m{margin:0 0 20px;font:500 14px/1.4 var(--sans);color:var(--ink-3,#7A7E90)}
.lg-intro p{margin:0;font:400 clamp(17px,1.35vw,19px)/1.65 var(--sans);color:var(--ink-2,#454A61)}
.lg-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:start}
.lg-toc{position:sticky;top:90px;display:flex;flex-direction:column;gap:2px}
.lg-toc span{margin-bottom:8px;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#3543F0}
.lg-toc a{padding:6px 10px;border-radius:8px;font:500 14px/1.35 var(--sans);color:var(--ink-2,#454A61);text-decoration:none}
.lg-toc a:hover{background:rgba(53,67,240,.08);color:#3543F0}
.lg-body{max-width:720px}
.lg-s{scroll-margin-top:90px;padding:26px 0;border-top:1px solid rgba(19,22,41,.1)}
.lg-s:first-child{border-top:0;padding-top:0}
.lg-s h2{margin:0 0 12px;font:500 clamp(1.4rem,2vw,1.8rem)/1.2 var(--serif);letter-spacing:-.02em;color:var(--ink,#131629)}
.lg-s p,.lg-s li{font:400 16.5px/1.7 var(--sans);color:var(--ink-2,#454A61)}
.lg-s p{margin:0 0 12px}
.lg-s ul{margin:0 0 12px;padding-left:20px}
.lg-s li{margin-bottom:6px}
.lg-s a{color:#3543F0;font-weight:600}
.lg-s b{color:var(--ink,#131629)}
.lg-s table{width:100%;border-collapse:collapse;margin:6px 0 14px;font:400 14.5px/1.5 var(--sans)}
.lg-s th,.lg-s td{padding:9px 10px;border-bottom:1px solid rgba(19,22,41,.1);text-align:left;vertical-align:top;color:var(--ink-2,#454A61)}
.lg-s th{font-weight:700;color:var(--ink,#131629)}
@media (max-width:900px){.lg{padding:70px 16px 80px}.lg-grid{grid-template-columns:1fr}.lg-toc{position:static;flex-direction:row;flex-wrap:wrap}}

/* ═══════════════ FREE TOOLS (30 Sep 2026 rebuild) — paper hero, a white working panel, steps, a navy invitation, more tools ═══════════════ */
.tlh{margin-top:60px;padding:clamp(70px,9vw,120px) 26px clamp(34px,4vw,50px);background:var(--paper,#F5F4F1)}
.tlh-in{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.tlh-back{align-self:flex-start;font:600 14px var(--sans);color:#3543F0;text-decoration:none}
.tlh-h{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:1;font-size:clamp(2.6rem,6vw,5.6rem);color:var(--ink,#131629)}
.tlh-h em{font-style:italic;font-weight:400;color:#3543F0}
.tlh-s{margin:0;max-width:36em;font:400 clamp(16px,1.35vw,19px)/1.6 var(--sans);color:var(--ink-2,#454A61)}
.tlh-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tlh-chips span{padding:7px 12px;border-radius:99px;background:rgba(53,67,240,.08);border:1px solid rgba(53,67,240,.18);font:600 13px/1 var(--sans);color:#3543F0}
.tlw{padding:0 26px clamp(60px,7vw,90px);background:var(--paper,#F5F4F1)}
.tlw-in{max-width:1000px;margin:0 auto}
.tl-tool{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.4vw,30px);border-radius:24px;background:#fff;box-shadow:0 40px 90px -50px rgba(19,22,41,.45),0 0 0 1px rgba(19,22,41,.06)}
.tl-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:180px;padding:24px;border-radius:18px;border:2px dashed rgba(53,67,240,.3);background:rgba(53,67,240,.03);cursor:pointer;text-align:center;transition:background .2s,border-color .2s}
.tl-drop:hover,.tl-drop.over{border-color:#3543F0;background:rgba(53,67,240,.08)}
.tl-drop b{font:600 18px/1.3 var(--sans);color:var(--ink,#131629)}
.tl-drop span{font:400 14px/1.5 var(--sans);color:var(--ink-3,#7A7E90)}
.tl-drop[hidden]{display:none}
.tl-opts,.ct-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.tl-f{display:flex;flex-direction:column;gap:6px;min-width:150px;flex:1}
.tl-f.wide{flex:2 1 280px}
.tl-f span{font:600 12.5px/1 var(--sans);color:var(--ink-2,#454A61)}
.tl-in{width:100%;box-sizing:border-box;padding:11px 13px;border-radius:10px;border:1px solid rgba(19,22,41,.16);background:#fff;font:400 15px/1.3 var(--sans);color:var(--ink,#131629);outline:none}
.tl-in:focus{border-color:#3543F0;box-shadow:0 0 0 3px rgba(53,67,240,.12)}
.tl-c{display:flex;align-items:center;gap:8px;font:500 14.5px var(--sans);color:var(--ink,#131629);padding-bottom:10px}
.tl-b{padding:11px 16px;border-radius:10px;border:1px solid rgba(19,22,41,.16);background:#fff;font:600 14px/1 var(--sans);color:var(--ink,#131629);cursor:pointer}
.tl-b:hover{border-color:#3543F0;color:#3543F0}
.tl-b:disabled,.tl-tool .btn:disabled{opacity:.45;cursor:default}
.tl-tool .btn{border:0;cursor:pointer;font-size:15px}
.tl-go{display:flex;justify-content:flex-end;gap:10px}
.tl-status{margin:0;min-height:1.3em;font:500 14.5px/1.5 var(--sans);color:var(--ink-2,#454A61)}
.tl-status.ok{color:#1f9d5b}.tl-status.warn{color:#b9761c}.tl-status.bad{color:#b42318}
.tl-note{margin:0;font:400 13.5px/1.55 var(--sans);color:var(--ink-3,#7A7E90)}
.tl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tl-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--paper,#F5F4F1)}
.tl-n{font:700 13px var(--sans);color:#3543F0;text-align:center}
.tl-rb{display:flex;align-items:center;gap:12px;min-width:0}
.tl-rb .tl-in{padding:8px 10px}
.tl-th{width:40px;height:40px;object-fit:cover;border-radius:6px;flex:none}
.tl-name{flex:1;min-width:0;font:500 14.5px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-meta{flex:none;font:400 13px var(--sans);color:var(--ink-3,#7A7E90);white-space:nowrap}
.tl-acts{display:flex;gap:4px}
.tl-acts button{width:32px;height:32px;border-radius:8px;border:1px solid rgba(19,22,41,.12);background:#fff;font:600 15px var(--sans);cursor:pointer;color:var(--ink,#131629)}
.tl-acts button:disabled{opacity:.3;cursor:default}
.rd-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.rd-bar[hidden]{display:none}
.rd-find{display:flex;gap:8px;flex:1 1 380px}
.rd-find .btn{white-space:nowrap}
.rd-acts{display:flex;gap:8px;flex-wrap:wrap}
.rd-pages{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px;max-height:78vh;overflow:auto;padding:26px 6px 6px;border-radius:14px;background:var(--paper,#F5F4F1)}
.rd-pages:empty{display:none}
.rd-page{position:relative;container-type:inline-size;width:min(760px,100%);box-shadow:0 20px 40px -24px rgba(19,22,41,.5)}
.rd-canvas{display:block;width:100%;height:auto}
.rd-ov{position:absolute;inset:0;pointer-events:none;z-index:3}
.rd-drawing .rd-ov{pointer-events:auto;cursor:crosshair;touch-action:none}
.rd-drawing .rd-text{pointer-events:none}
.rd-box{position:absolute;background:#000;border-radius:1px}
.rd-box.tmp{background:rgba(0,0,0,.55);outline:2px solid #3543F0}
.rd-x{pointer-events:auto;position:absolute;top:-10px;right:-10px;width:22px;height:22px;border-radius:50%;border:0;background:#3543F0;color:#fff;font:700 13px/22px var(--sans);cursor:pointer;opacity:0;transition:opacity .15s;padding:0}
.rd-box:hover .rd-x{opacity:1}
.rd-lab{position:absolute;left:0;top:-22px;font:600 12px var(--sans);color:var(--ink-3,#7A7E90)}

/* redactor v2 (1 Oct 2026): pdf.js text layer (transparent, selectable), mode switch, hidden-terms list, selection popup */
[data-redactor]{position:relative}
.rd-text{position:absolute;inset:0;overflow:hidden;line-height:1;text-align:initial;-webkit-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}
.rd-text :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}
.rd-text span.markedContent{top:0;height:0}
.rd-text ::selection{background:rgba(53,67,240,.32)}
.rd-text br::selection{background:transparent}
.rd-page.flash{animation:rdFlash 1.1s ease}
@keyframes rdFlash{0%,40%{box-shadow:0 0 0 4px rgba(53,67,240,.55),0 20px 40px -24px rgba(19,22,41,.5)}100%{box-shadow:0 20px 40px -24px rgba(19,22,41,.5)}}
.rd-mode{display:inline-flex;padding:3px;border-radius:999px;background:var(--paper,#F5F4F1);border:1px solid rgba(19,22,41,.1)}
.rd-mode button{border:0;background:none;padding:8px 14px;border-radius:999px;font:600 13.5px var(--sans);color:var(--ink-2,#4A4E60);cursor:pointer;transition:background .15s,color .15s}
.rd-mode button[aria-pressed="true"]{background:#fff;color:var(--ink,#131629);box-shadow:0 2px 8px -3px rgba(19,22,41,.3)}
.rd-mode button:disabled{opacity:.4;cursor:default}
.rd-list{border:1px solid rgba(19,22,41,.1);border-radius:14px;background:#fff;overflow:hidden}
.rd-list[hidden]{display:none}
.rd-lh{display:flex;justify-content:space-between;padding:11px 16px;font:600 12px var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3,#7A7E90);background:var(--paper,#F5F4F1)}
.rd-t{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t c" "p b";gap:6px 12px;align-items:center;padding:11px 16px;border-top:1px solid rgba(19,22,41,.07)}
@media(min-width:720px){.rd-t{grid-template-columns:minmax(0,1.2fr) 44px minmax(0,2fr) auto;grid-template-areas:"t c p b"}}
.rd-t b{grid-area:t;font:600 15px var(--sans);color:var(--ink,#131629);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd-t.d b{font-weight:500;color:var(--ink-2,#4A4E60)}
.rd-c{grid-area:c;font:600 13px var(--sans);color:var(--ink-3,#7A7E90);font-variant-numeric:tabular-nums}
.rd-pp{grid-area:p;display:flex;flex-wrap:wrap;gap:5px}
.rd-pp a{font:600 12.5px var(--sans);padding:3px 9px;border-radius:999px;background:rgba(53,67,240,.08);color:#3543F0;text-decoration:none;transition:background .15s}
.rd-pp a:hover{background:rgba(53,67,240,.18)}
.rd-rm{grid-area:b;justify-self:end;border:0;background:none;font:600 13px var(--sans);color:var(--ink-3,#7A7E90);cursor:pointer;padding:4px 2px}
.rd-rm:hover{color:#3543F0}
.rd-pop{position:absolute;z-index:20;width:max-content;max-width:min(360px,calc(100% - 16px));padding:14px;border-radius:14px;background:#fff;border:1px solid rgba(19,22,41,.1);box-shadow:0 22px 50px -18px rgba(19,22,41,.45)}
.rd-pop[hidden]{display:none}
.rd-pq{margin:0 0 10px;font:600 14.5px/1.4 var(--sans);color:var(--ink,#131629)}
.rd-pq span{display:block;font-weight:500;font-size:13px;color:var(--ink-3,#7A7E90);margin-top:2px}
.rd-pb{display:flex;gap:8px;flex-wrap:wrap}
.rd-pb .btn,.rd-pb .tl-b{padding:9px 14px;font-size:13.5px}
.ct-paste summary{cursor:pointer;font:600 14px var(--sans);color:#3543F0}
.ct-paste textarea{margin:10px 0}
.ct-opts{display:flex;flex-direction:column;gap:12px}
.ct-opts[hidden],.ct-paste[hidden]{display:none}
.ct-who{display:flex;flex-wrap:wrap;gap:12px}
.ct-view{max-height:70vh;overflow:auto;padding:22px 26px;border-radius:14px;background:var(--paper,#F5F4F1)}
.ct-view:empty{display:none}
.ct-head{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid rgba(19,22,41,.1)}
.ct-head b{font:500 22px/1.2 var(--serif)}.ct-head span{font:400 13px var(--sans);color:var(--ink-3,#7A7E90)}
.ct-day{margin:18px 0 8px;font:700 13px var(--sans);letter-spacing:.04em;color:#3543F0}
.ct-m{display:grid;grid-template-columns:60px 1fr;gap:2px 12px;margin:0 0 10px;font:400 15px/1.5 var(--sans);color:var(--ink,#131629)}
.ct-t{grid-row:span 2;font:500 12.5px/1.9 var(--sans);color:var(--ink-3,#7A7E90)}
.ct-m b{font:600 13.5px var(--sans)}
.ct-m.sys{color:var(--ink-3,#7A7E90);font-style:italic}
@media print{body.ct-printing *{visibility:hidden}body.ct-printing .ct-view,body.ct-printing .ct-view *{visibility:visible}body.ct-printing .ct-view{position:absolute;left:0;top:0;max-height:none;overflow:visible;background:#fff}}
.ck-tabs{display:flex;flex-wrap:wrap;gap:6px}
.ck-tabs button{padding:9px 14px;border-radius:99px;border:1px solid rgba(19,22,41,.14);background:#fff;font:600 14px var(--sans);cursor:pointer;color:var(--ink-2,#454A61)}
.ck-tabs button.on{background:#3543F0;border-color:#3543F0;color:#fff}
.ck-prog{display:flex;align-items:center;gap:12px}
.ck-bar{flex:1;height:8px;border-radius:8px;background:rgba(19,22,41,.08);overflow:hidden}
.ck-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3543F0,#6B7BF5);transition:width .4s}
.ck-prog b{font:600 14px var(--sans);color:var(--ink-2,#454A61);white-space:nowrap}
.ck-title{margin:6px 0 0;font:500 clamp(1.5rem,2.4vw,2.1rem)/1.1 var(--serif)}
.ck-g h3{margin:14px 0 6px;font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#3543F0}
.ck-i{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;font:400 15.5px/1.45 var(--sans);cursor:pointer}
.ck-i:hover{background:var(--paper,#F5F4F1)}
.ck-i input{margin-top:3px;width:18px;height:18px;accent-color:#1f9d5b;flex:none}
.ck-i.on span{color:var(--ink-3,#7A7E90);text-decoration:line-through;text-decoration-color:#1f9d5b}
.ck-add{display:flex;gap:8px;flex-wrap:wrap}.ck-add .tl-in{flex:1 1 260px}
@media print{.sn-nav,.sf,.tlh,.tls,.tlc,.tlo,.ck-tabs,.ck-add,.pgx{display:none!important}.tl-tool{box-shadow:none}}
.cd-out[hidden]{display:none}
.cd-big{margin:4px 0 10px;font:500 clamp(1.6rem,3vw,2.4rem)/1.1 var(--serif);color:var(--ink,#131629)}
.cd-big b{font-size:1.6em;color:#3543F0}
.cd-plan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cd-s{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:14px 16px;border-radius:14px;background:var(--paper,#F5F4F1)}
.cd-s.now{background:rgba(53,67,240,.08);box-shadow:0 0 0 1.5px #3543F0}
.cd-s.past{opacity:.6}
.cd-when b{display:block;font:600 15px var(--sans)}.cd-when span{font:400 13px var(--sans);color:var(--ink-3,#7A7E90)}
.cd-s ul{margin:0;padding-left:18px;font:400 15px/1.55 var(--sans);color:var(--ink-2,#454A61)}
.sc-doc{max-width:760px;margin:0 auto;padding:clamp(24px,4vw,48px);border-radius:10px;background:#fbfaf7;box-shadow:0 40px 90px -50px rgba(19,22,41,.5),0 0 0 1px rgba(19,22,41,.06);font:400 16px/1.7 Georgia,serif;color:#1c1f2e}
.sc-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(19,22,41,.1)}
.sc-k{font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#3543F0}
.sc-sw{display:inline-flex;padding:3px;border-radius:99px;background:rgba(19,22,41,.06)}
.sc-sw button{padding:6px 11px;border:0;border-radius:99px;background:transparent;font:600 12.5px var(--sans);cursor:pointer;color:var(--ink-2,#454A61)}
.sc-sw button.on{background:#131629;color:#fff}
.sc-mark{padding:10px 14px;border-radius:10px;border:1px solid rgba(240,166,62,.4);background:rgba(240,166,62,.08);font:400 13.5px/1.5 var(--sans);color:#6b4a12}
.sc-doc h2{margin:22px 0 6px;font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#7A7E90}
.sc-doc p,.sc-doc li{margin:0 0 8px}
.sc-doc i{font:italic 400 13px var(--sans);color:#7A7E90;margin-left:4px}
.sc-doc n{display:inline-block;padding:0 5px;border-radius:3px;background:#15172a;color:#fff;font:700 .72em/1.6 var(--sans);letter-spacing:.04em}
.sc-doc.names n{background:rgba(53,67,240,.12);color:#1c1f2e;font:inherit;letter-spacing:0;padding:0 2px}
.sc-th{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sc-th figure{margin:0}.sc-th img{width:100%;height:120px;object-fit:cover;object-position:top;border-radius:4px;border:1px solid rgba(19,22,41,.1)}
.sc-th figcaption{font:500 12px/1.35 var(--sans);color:var(--ink-2,#454A61);margin-top:4px}
.sc-foot{margin-top:22px!important;font:400 13px/1.5 var(--sans);color:#7A7E90}
.tls{padding:0 26px clamp(70px,8vw,110px);background:var(--paper,#F5F4F1)}
.tls-in{max-width:1000px;margin:0 auto}
.tls-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:s}
.tls-list li{counter-increment:s;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:16px;border:1px solid rgba(19,22,41,.1)}
.tls-list li::before{content:counter(s);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#3543F0;color:#fff;font:700 13px var(--sans)}
.tls-list b{font:600 16px var(--sans);color:var(--ink,#131629)}.tls-list span{font:400 14.5px/1.5 var(--sans);color:var(--ink-2,#454A61)}
.tlc{margin:0 10px;border-radius:36px;padding:clamp(80px,9vw,120px) 26px;color:#F5F1E8;background:radial-gradient(900px 700px at 70% 30%,rgba(77,90,245,.3),transparent 60%),linear-gradient(165deg,#12294b 0%,#0C2340 45%,#08172c 100%)}
.tlc-in{max-width:880px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.tlc-h{margin:0;font:500 clamp(2rem,4vw,3.6rem)/1.05 var(--serif);letter-spacing:-.03em}.tlc-h em{display:block;font-style:italic;font-weight:400;color:#AEB6FF}
.tlc-s{margin:0;max-width:34em;font:400 17px/1.6 var(--sans);color:rgba(245,241,232,.72)}
.tlc-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center}.tlc-l{font:600 15px var(--sans);color:#AEB6FF;text-decoration:none}
.tlo{padding:clamp(70px,8vw,110px) 26px;background:var(--paper,#F5F4F1)}
.tlo[hidden]{display:none}
.tlo-in{max-width:1100px;margin:0 auto}.tlo h2{margin:0 0 20px;font:500 clamp(1.6rem,2.6vw,2.2rem)/1.1 var(--serif)}
.tl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tl-card{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06);text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s}
.tl-card:hover{transform:translateY(-3px);box-shadow:0 30px 60px -36px rgba(19,22,41,.45),0 0 0 1px rgba(53,67,240,.25)}
.tl-card b{font:600 17px var(--sans);color:var(--ink,#131629)}.tl-card span{font:400 14.5px/1.5 var(--sans);color:var(--ink-2,#454A61)}
.tl-cards.big{grid-template-columns:repeat(2,1fr);gap:16px}.tl-card.big{padding:28px}.tl-card.big b{font-size:20px}
.tl-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(53,67,240,.1);color:#3543F0}
.tl-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.tlh{padding:80px 16px 30px}.tlw,.tls,.tlo{padding-left:16px;padding-right:16px}.tlc{margin:0 6px;border-radius:26px}.tls-list,.tl-cards,.tl-cards.big{grid-template-columns:1fr}.cd-s{grid-template-columns:1fr}.sc-th{grid-template-columns:repeat(2,1fr)}.tl-row{grid-template-columns:22px minmax(0,1fr)}.tl-acts{grid-column:1 / -1;justify-content:flex-end}}

/* ═══════════════ EARLY ACCESS (1 Oct 2026) + COOKIE BANNER ═══════════════ */
.ea{margin-top:60px;padding:clamp(70px,9vw,130px) 26px clamp(70px,8vw,120px);background:var(--paper,#F5F4F1);min-height:calc(100vh - 60px);box-sizing:border-box}
.ea-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(30px,6vw,90px);align-items:center}
.ea-one{grid-template-columns:minmax(0,760px);justify-content:center;text-align:center}
.ea-h{margin:0 0 18px;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:.98;font-size:clamp(3rem,7vw,6.4rem);color:var(--ink,#131629)}
.ea-h em{font-style:italic;color:#3543F0}
.ea-s{margin:0 0 26px;font:400 clamp(17px,1.5vw,20px)/1.5 var(--sans);color:var(--ink-2,#4A4E60);max-width:34em}
.ea-one .ea-s{margin-inline:auto}
.ea-s a,.ea-now a,.ea-small a{color:#3543F0}
.ea-pts{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.ea-pts li{position:relative;padding-left:30px;font:500 16px/1.45 var(--sans);color:var(--ink,#131629)}
.ea-pts li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:#3543F0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.ea-now{margin:0;font:400 15px/1.55 var(--sans);color:var(--ink-3,#7A7E90)}
.ea-card{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.6vw,34px);border-radius:24px;background:#fff;box-shadow:0 40px 90px -50px rgba(19,22,41,.45),0 0 0 1px rgba(19,22,41,.06)}
.ea-f{display:flex;flex-direction:column;gap:6px;font:600 13.5px var(--sans);color:var(--ink,#131629)}
.ea-f i{font-style:normal;font-weight:500;color:var(--ink-3,#7A7E90)}
.ea-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.ea-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ea-ck{display:flex;gap:10px;align-items:flex-start;font:400 14px/1.45 var(--sans);color:var(--ink-2,#4A4E60);cursor:pointer}
.ea-ck input{margin-top:2px;width:18px;height:18px;accent-color:#3543F0;flex:none}
.ea-go{justify-content:center;padding:15px 20px;font-size:16px}
.ea-status{margin:0;min-height:1em;font:500 14px var(--sans);color:var(--ink-2,#4A4E60)}
.ea-status.bad{color:#C2410C}
.ea-small{margin:0;font:400 13px/1.45 var(--sans);color:var(--ink-3,#7A7E90)}
.ea-card.done > :not(.ea-done){display:none}
.ea-done{padding:10px 4px;text-align:center}
.ea-done b{display:block;margin-bottom:8px;font:500 30px/1.1 var(--serif);color:var(--ink,#131629)}
.ea-done p{margin:0;font:400 16px/1.5 var(--sans);color:var(--ink-2,#4A4E60)}
.ea-next{margin:34px auto 0;display:flex;flex-direction:column;gap:10px;align-items:center}
.ea-k{margin:0 0 4px;font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3,#7A7E90)}
.ea-l{font:600 16px var(--sans);color:#3543F0;text-decoration:none}
.ea-l:hover{text-decoration:underline}
@media (max-width:900px){.ea{padding:90px 16px 60px}.ea-in{grid-template-columns:1fr}.ea-row{grid-template-columns:1fr}}

.ckc{position:fixed;z-index:200;left:16px;bottom:16px;max-width:420px;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 24px 60px -20px rgba(19,22,41,.45),0 0 0 1px rgba(19,22,41,.08);font:400 14px/1.5 var(--sans);color:var(--ink-2,#4A4E60)}
.ckc[hidden]{display:none}
.ckc p{margin:0 0 12px}
.ckc a{color:#3543F0}
.ckc-b{display:flex;gap:8px;justify-content:flex-end}
.ckc-no{padding:10px 16px;border-radius:10px;border:1px solid rgba(19,22,41,.16);background:#fff;font:600 14px var(--sans);color:var(--ink,#131629);cursor:pointer}
.ckc-yes{padding:10px 18px;font-size:14px}
.ckc-open{border:0;background:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
@media (max-width:600px){.ckc{left:10px;right:10px;bottom:10px;max-width:none}}

/* EARLY ACCESS · CONFIRMED (1 Oct 2026 redesign): split hero with a drawn tick, the path ahead, the court-steps still; free tools below */
.eo{margin-top:60px;padding:clamp(60px,7vw,110px) 26px clamp(50px,6vw,90px);background:var(--paper,#F5F4F1)}
.eo-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.eo[data-state="ok"] [data-s]:not([data-s~="ok"]),.eo[data-state="uns"] [data-s]:not([data-s~="uns"]),.eo[data-state="bad"] [data-s]:not([data-s~="bad"]){display:none}
.eo-badge{display:block;width:64px;height:64px;margin-bottom:22px}
.eo-badge svg{width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}
.eo-badge circle{stroke:rgba(53,67,240,.18);stroke-width:3;fill:rgba(53,67,240,.07)}
.eo-badge path{stroke:#3543F0;stroke-width:4;stroke-dasharray:40;stroke-dashoffset:40;animation:eoTick .7s .25s cubic-bezier(.65,0,.35,1) forwards}
.eo[data-state="bad"] .eo-badge,.eo[data-state="uns"] .eo-badge{display:none}
@keyframes eoTick{to{stroke-dashoffset:0}}
.eo-h{margin:0 0 20px;font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.95;font-size:clamp(3.2rem,7vw,6.6rem);color:var(--ink,#131629)}
.eo-h em{font-style:italic;color:#3543F0;display:block}
.eo-s{margin:0 0 30px;max-width:30em;font:400 clamp(17px,1.5vw,20px)/1.5 var(--sans);color:var(--ink-2,#4A4E60)}
.eo-path{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:18px}
.eo-path::before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:2px;background:linear-gradient(#3543F0 0 22%,rgba(19,22,41,.12) 22%)}
.eo-path li{position:relative;padding-left:36px}
.eo-path li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--paper,#F5F4F1);box-shadow:inset 0 0 0 2px rgba(19,22,41,.2)}
.eo-path li.on::before{background:#3543F0;box-shadow:0 0 0 5px rgba(53,67,240,.15)}
.eo-path b{display:block;font:600 16px var(--sans);color:var(--ink,#131629)}
.eo-path span{display:block;margin-top:3px;font:400 15px/1.5 var(--sans);color:var(--ink-2,#4A4E60)}
.eo-cta{margin-top:4px;padding:15px 24px;font-size:16px}
.eo-pic{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 50px 100px -50px rgba(19,22,41,.6);opacity:0;transform:translateY(16px) scale(.985);animation:eoIn .9s .15s cubic-bezier(.2,.7,.2,1) forwards}
.eo-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform:scale(1.06)}
.eo-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,26,.78),rgba(10,12,26,0) 50%)}
.eo-pic figcaption{position:absolute;z-index:1;left:28px;right:28px;bottom:26px;font:500 clamp(22px,2.2vw,30px)/1.15 var(--serif);letter-spacing:-.02em;color:#fff}
.eo-pic figcaption em{font-style:italic;color:#B9C0FF}
@keyframes eoIn{to{opacity:1;transform:none}}
.eo-tools{padding:clamp(60px,7vw,100px) 26px clamp(70px,8vw,110px);background:#fff}
.eo-tools-in{max-width:1180px;margin:0 auto}
.eo-th{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.eo-th h2{margin:0;font-family:var(--serif);font-weight:500;letter-spacing:-.035em;line-height:1;font-size:clamp(2rem,4vw,3.4rem);color:var(--ink,#131629)}
.eo-th h2 em{font-style:italic;color:#3543F0}
.eo-th p{margin:0;max-width:24em;font:400 16px/1.5 var(--sans);color:var(--ink-2,#4A4E60)}
.eo-cards{grid-template-columns:repeat(4,1fr)}
.eo-cards .tl-card{background:var(--paper,#F5F4F1)}
.eo-story{margin-top:16px;display:grid;grid-template-columns:200px 1fr;align-items:center;gap:22px;padding:14px;border-radius:20px;background:var(--paper,#F5F4F1);text-decoration:none;transition:transform .25s,box-shadow .25s}
.eo-story:hover{transform:translateY(-3px);box-shadow:0 30px 60px -36px rgba(19,22,41,.45),0 0 0 1px rgba(53,67,240,.25)}
.eo-story img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;clip-path:inset(3% 0 3% 0 round 12px)}
.eo-story b{display:block;font:500 24px var(--serif);color:var(--ink,#131629)}
.eo-story i{display:block;margin-top:4px;font:400 15px/1.5 var(--sans);font-style:normal;color:var(--ink-2,#4A4E60)}
@media (max-width:960px){.eo-in{grid-template-columns:1fr}.eo-pic{aspect-ratio:16/10}.eo-cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.eo{padding:80px 16px 50px}.eo-tools{padding:50px 16px 70px}.eo-cards{grid-template-columns:1fr}.eo-story{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.eo-badge path{animation:none;stroke-dashoffset:0}.eo-pic{animation:none;opacity:1;transform:none}}

/* confirmed page v2: the first section is the photograph (the table, the papers, the circled date), text over it */
.eo{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 60px);display:flex;align-items:center;background:#0b0d1c;color:#fff}
.eo-bg{position:absolute;inset:0;z-index:-1}
.eo-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.04);animation:eoZoom 14s ease-out forwards}
.eo-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,24,.92) 0%,rgba(9,11,24,.78) 38%,rgba(9,11,24,.25) 75%,rgba(9,11,24,.1) 100%),linear-gradient(to top,rgba(9,11,24,.55),rgba(9,11,24,0) 40%)}
@keyframes eoZoom{to{transform:scale(1)}}
.eo-in{grid-template-columns:minmax(0,640px);width:100%}
.eo .eo-h{color:#fff}
.eo .eo-h em{color:#AEB6FF}
.eo .eo-s{color:rgba(255,255,255,.78)}
.eo-badge circle{stroke:rgba(174,182,255,.35);fill:rgba(53,67,240,.25)}
.eo-badge path{stroke:#fff}
.eo-path::before{background:linear-gradient(#AEB6FF 0 22%,rgba(255,255,255,.18) 22%)}
.eo-path li::before{background:#0b0d1c;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.eo-path li.on::before{background:#3543F0;box-shadow:0 0 0 5px rgba(53,67,240,.35)}
.eo-path b{color:#fff}
.eo-path span{color:rgba(255,255,255,.7)}
@media (max-width:960px){.eo-bg::after{background:linear-gradient(rgba(9,11,24,.6),rgba(9,11,24,.9))}}
@media (prefers-reduced-motion:reduce){.eo-bg img{animation:none;transform:none}}

/* ═══════════════ GUIDES (1 Oct 2026) — universal problem pages. 1 · OPENING: full-bleed still, the answer, the phone that becomes a record ═══════════════ */
.gh{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 60px);margin-top:60px;display:flex;flex-direction:column;justify-content:center;background:#090b18;color:#fff;padding:clamp(70px,8vw,120px) 26px 80px}
.gh-bg{position:absolute;inset:0;z-index:-1}
.gh-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.05);animation:ghZoom 16s ease-out forwards}
.gh-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,20,.9) 0%,rgba(7,9,20,.72) 34%,rgba(7,9,20,.18) 62%,rgba(7,9,20,0) 100%),linear-gradient(to top,rgba(7,9,20,.6),rgba(7,9,20,0) 30%)}
.gh-bg img{filter:brightness(1.18) saturate(1.05)}
@keyframes ghZoom{to{transform:scale(1)}}
.gh-in{max-width:1220px;width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,360px);gap:clamp(30px,5vw,80px);align-items:center}
.gh-crumb{display:flex;gap:8px;margin-bottom:22px;font:600 13px var(--sans);color:rgba(255,255,255,.6)}
.gh-crumb a{color:#AEB6FF;text-decoration:none}
.gh-h{margin:0 0 24px;font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.96;font-size:clamp(2.9rem,6.4vw,6.2rem);color:#fff}
.gh-h em{font-style:italic;color:#AEB6FF;display:block}
.gh-a{margin:0 0 24px;max-width:36em;font:400 clamp(17px,1.45vw,20px)/1.55 var(--sans);color:rgba(255,255,255,.82)}
.gh-a b{color:#fff;font-weight:600}
.gh-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.gh-meta span{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font:500 12.5px var(--sans);color:rgba(255,255,255,.75)}
.gh-phone{position:relative;border-radius:30px;padding:18px 16px 20px;background:rgba(14,16,32,.72);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 40px 90px -30px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.12);min-height:400px}
.gh-ph-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:0 6px 12px;border-bottom:1px solid rgba(255,255,255,.1)}
.gh-ph-top b{font:600 15px var(--sans)}
.gh-ph-top i{font:400 11px var(--sans);font-style:normal;color:rgba(255,255,255,.5)}
.gh-msgs,.gh-log{position:absolute;left:16px;right:16px;top:56px}
.gh-m{margin:12px 0 0;max-width:86%;padding:10px 13px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.12);font:400 14.5px/1.4 var(--sans);opacity:0;transform:translateY(8px);animation:ghMsg .45s calc(.5s + var(--d)*.55s) ease-out forwards,ghOut .5s 3.6s ease-in forwards}
.gh-m span{display:block;margin-bottom:3px;font:600 11px var(--sans);color:rgba(255,255,255,.5)}
@keyframes ghMsg{to{opacity:1;transform:none}}
@keyframes ghOut{to{opacity:0;transform:translateY(-6px)}}
.gh-lk{margin:6px 0 10px;font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#AEB6FF;opacity:0;animation:ghMsg .4s 4s forwards}
.gh-l{display:grid;grid-template-columns:52px 1fr;gap:2px 10px;margin:0;padding:11px 4px;border-top:1px solid rgba(255,255,255,.1);opacity:0;transform:translateX(-8px);animation:ghMsg .4s calc(4.2s + var(--d)*.3s) ease-out forwards}
.gh-l b{grid-row:span 2;font:600 13.5px var(--sans);color:#fff}
.gh-l span{font:500 14px var(--sans);color:#fff}
.gh-l i{font:400 12.5px var(--sans);font-style:normal;color:rgba(255,255,255,.55)}
.gh-lt{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#3543F0;font:600 15px var(--sans);text-align:center;opacity:0;animation:ghMsg .45s 5.6s forwards}
.gh-safe{position:absolute;left:0;right:0;bottom:18px;margin:0;padding:0 26px;text-align:center;font:400 12.5px var(--sans);color:rgba(255,255,255,.55)}
@media (max-width:960px){.gh-in{grid-template-columns:1fr}.gh-phone{max-width:380px}.gh-bg::after{background:linear-gradient(rgba(7,9,20,.7),rgba(7,9,20,.92))}}
@media (max-width:560px){.gh{padding:80px 16px 90px}.gh-safe{padding:0 16px}}
@media (prefers-reduced-motion:reduce){.gh-bg img{animation:none;transform:none}.gh-m{animation:none;opacity:0}.gh-lk,.gh-l,.gh-lt{animation:none;opacity:1;transform:none}}

/* GUIDES HUB */
.tlh-h em{font-style:italic;color:#3543F0}
.gx{padding:0 26px clamp(70px,8vw,110px);background:var(--paper,#F5F4F1)}
.gx-in{max-width:1000px;margin:0 auto}
.gx-k{margin:0 0 16px;font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3,#7A7E90)}
.gx-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.gx-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06);text-decoration:none;transition:transform .25s,box-shadow .25s}
.gx-card:hover{transform:translateY(-3px);box-shadow:0 30px 60px -36px rgba(19,22,41,.45),0 0 0 1px rgba(53,67,240,.25)}
.gx-card img{width:100%;aspect-ratio:16/8;object-fit:cover}
.gx-card span{padding:20px 22px 24px}
.gx-card b{display:block;font:500 24px/1.15 var(--serif);letter-spacing:-.02em;color:var(--ink,#131629)}
.gx-card i{display:block;margin-top:8px;font:400 15px/1.5 var(--sans);font-style:normal;color:var(--ink-2,#4A4E60)}
.gx-more{margin:26px 0 0;font:400 15px/1.6 var(--sans);color:var(--ink-2,#4A4E60)}
.gx-more a{color:#3543F0}
@media (max-width:700px){.gx{padding:0 16px 70px}.gx-cards{grid-template-columns:1fr}}

/* GUIDES · 2 · THE TWO SITUATIONS */
.gk{margin:0 0 14px;font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3,#7A7E90)}
.g2{padding:clamp(80px,9vw,140px) 26px;background:var(--paper,#F5F4F1)}
.g2-in{max-width:1180px;margin:0 auto}
.g2-h{margin:0 0 clamp(34px,4vw,56px);max-width:16em;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:1;font-size:clamp(2.4rem,5vw,4.6rem);color:var(--ink,#131629)}
.g2-h em{font-style:italic;color:#3543F0}
.g2-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.g2-c{padding:clamp(26px,3vw,40px);border-radius:26px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06),0 40px 80px -60px rgba(19,22,41,.45)}
.g2-c.dark{background:#111427;color:#fff}
.g2-tag{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(53,67,240,.1);font:700 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#3543F0}
.g2-c.dark .g2-tag{background:rgba(174,182,255,.14);color:#AEB6FF}
.g2-c h3{margin:18px 0 22px;font:500 clamp(22px,2.2vw,28px)/1.2 var(--serif);letter-spacing:-.02em}
.g2-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:g2}
.g2-steps li{position:relative;padding-left:44px;counter-increment:g2}
.g2-steps li::before{content:counter(g2);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#3543F0;color:#fff;font:700 14px var(--sans)}
.g2-steps b{display:block;font:600 17px var(--sans)}
.g2-steps span{display:block;margin-top:4px;font:400 15.5px/1.55 var(--sans);color:var(--ink-2,#4A4E60)}
.g2-c.dark .g2-steps span{color:rgba(255,255,255,.72)}
.g2-note{margin:24px 0 0;font:400 15px/1.55 var(--sans);color:var(--ink-2,#4A4E60)}
.g2-note a{color:#3543F0}
@media (max-width:860px){.g2{padding:70px 16px}.g2-cols{grid-template-columns:1fr}}

/* GUIDES · 2 · WHERE YOU STAND (interactive) */
.gp-pick{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gp-card{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto 1fr;column-gap:24px;align-items:start;text-align:left;padding:24px;border:0;border-radius:24px;background:#fff;cursor:pointer;box-shadow:0 0 0 1px rgba(19,22,41,.08),0 30px 60px -50px rgba(19,22,41,.5);transition:transform .25s,box-shadow .25s,background .25s;font:inherit;color:var(--ink,#131629)}
.gp-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(53,67,240,.3),0 30px 60px -36px rgba(19,22,41,.45)}
.gp-card[aria-pressed="true"]{background:#111427;color:#fff;box-shadow:0 0 0 3px #3543F0,0 40px 80px -40px rgba(53,67,240,.6)}
.gp-card > b{grid-column:2;margin-top:6px;font:500 clamp(21px,2vw,26px)/1.2 var(--serif);letter-spacing:-.02em}
.gp-card > span:not(.gp-paper){grid-column:2;margin-top:8px;font:400 15px/1.5 var(--sans);color:var(--ink-2,#4A4E60)}
.gp-card[aria-pressed="true"] > span:not(.gp-paper){color:rgba(255,255,255,.7)}
.gp-paper{grid-row:span 2;display:flex;flex-direction:column;gap:7px;height:190px;padding:16px 14px;border-radius:6px;background:#fbfaf6;box-shadow:0 18px 30px -18px rgba(19,22,41,.5),0 0 0 1px rgba(19,22,41,.06);transform:rotate(-2.5deg);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.gp-card:hover .gp-paper,.gp-card[aria-pressed="true"] .gp-paper{transform:rotate(0) translateY(-4px)}
.gp-paper.note{background:repeating-linear-gradient(#fbfaf6 0 21px,#d9e2f2 21px 22px);padding-top:22px}
.gp-paper.note i{font:italic 400 13px/1 Georgia,serif;color:#24305e}
.gp-paper.note i.sig{margin-top:auto;align-self:flex-end;font-size:12px;color:#5b6690}
.gp-paper.order{transform:rotate(2deg)}
.gp-paper.order em{font:700 7.5px var(--sans);letter-spacing:.12em;color:#555;text-align:center;font-style:normal}
.gp-paper.order strong{font:700 15px Georgia,serif;letter-spacing:.2em;text-align:center;color:#1b1f33;margin-bottom:4px}
.gp-paper.order i{height:5px;border-radius:2px;background:#d4d6de}
.gp-paper.order i.s{width:70%}
.gp-paper.order u{margin-top:auto;align-self:flex-end;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,#c9a646 0 45%,#b08d2e 46% 60%,#c9a646 61%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.35)}
.gp-unsure{margin:14px 0 0}
.gp-unsure button{border:0;background:none;padding:0;font:600 14px var(--sans);color:#3543F0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.gp-tip{margin-top:10px;max-width:46em;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.08)}
.gp-tip p{margin:0;font:400 15px/1.55 var(--sans);color:var(--ink-2,#4A4E60)}
.gp-country{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 0}
.gp-country span{margin-right:6px;font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3,#7A7E90)}
.gp-country button{padding:9px 16px;border-radius:999px;border:0;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.12);font:600 14px var(--sans);color:var(--ink,#131629);cursor:pointer;transition:background .2s,color .2s}
.gp-country button[aria-pressed="true"]{background:#3543F0;color:#fff;box-shadow:none}
.gp-out{margin-top:26px;padding:clamp(26px,3vw,40px);border-radius:26px;background:#111427;color:#fff}
.gp-out[hidden]{display:none}
.gp-where{margin:0 0 22px;font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#AEB6FF}
.gp-steps{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:22px;counter-reset:gp}
.gp-steps::before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:rgba(255,255,255,.12)}
.gp-steps li{position:relative;padding-left:52px;counter-increment:gp;opacity:.25}
.gp-steps li::before{content:counter(gp);position:absolute;left:0;top:-3px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1d2140;box-shadow:inset 0 0 0 2px rgba(255,255,255,.2);font:700 14px var(--sans)}
.gp-out.go .gp-steps li{animation:gpOn .5s calc(.15s + var(--i)*.45s) forwards}
.gp-out.go .gp-steps li::before{animation:gpDot .5s calc(.15s + var(--i)*.45s) forwards}
@keyframes gpOn{to{opacity:1}}
@keyframes gpDot{to{background:#3543F0;box-shadow:0 0 0 6px rgba(53,67,240,.25)}}
.gp-steps b{display:block;font:600 18px var(--sans)}
.gp-steps span{display:block;margin-top:5px;max-width:46em;font:400 15.5px/1.55 var(--sans);color:rgba(255,255,255,.72)}
.gp-steps a{display:inline-block;margin-top:8px;font:600 14px var(--sans);color:#AEB6FF;text-decoration:none}
.gp-steps a:hover{text-decoration:underline}
.gp-cnote{margin:20px 0 0;font:400 14px var(--sans);color:rgba(255,255,255,.6)}
.gp-end{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.gp-end span{flex:1 1 320px;font:400 13.5px/1.5 var(--sans);color:rgba(255,255,255,.55)}
@media (max-width:860px){.gp-pick{grid-template-columns:1fr}.gp-card{grid-template-columns:110px 1fr}.gp-paper{height:150px}}
@media (prefers-reduced-motion:reduce){.gp-out.go .gp-steps li,.gp-out.go .gp-steps li::before{animation:none}.gp-steps li{opacity:1}.gp-steps li::before{background:#3543F0}}
.gp-paper.note{gap:0;padding:22px 12px 0}
.gp-paper.note i{display:block;height:22px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.gp-paper.note i.sig{margin-top:auto;margin-bottom:6px}

/* GUIDES · 3 · YOUR RECORD (pinned still + list that lights up) */
.g3{padding:clamp(90px,10vw,150px) 26px;background:#0d0f1f;color:#fff}
.g3-in{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:start}
.g3-pin{position:sticky;top:calc(60px + 6vh)}
.g3-pic{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 50px 100px -40px rgba(0,0,0,.7)}
.g3-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:34% 50%}
.g3-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(9,11,24,.92) 0%,rgba(9,11,24,.3) 45%,rgba(9,11,24,0) 70%)}
.g3-pic figcaption{position:absolute;z-index:1;left:30px;right:30px;bottom:28px;font:500 clamp(24px,2.6vw,36px)/1.12 var(--serif);letter-spacing:-.025em;color:#fff}
.g3-pic figcaption em{font-style:italic;color:#AEB6FF}
.g3 .gk{color:rgba(255,255,255,.5)}
.g3-h{margin:0 0 20px;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:1;font-size:clamp(2.4rem,4.6vw,4.4rem)}
.g3-h em{font-style:italic;color:#AEB6FF}
.g3-lead{margin:0 0 34px;max-width:32em;font:400 17px/1.6 var(--sans);color:rgba(255,255,255,.75)}
.g3-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.g3-i{display:grid;grid-template-columns:48px 1fr;gap:4px 16px;padding:20px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);opacity:.35;transform:translateX(10px);transition:opacity .5s,transform .5s,background .5s,box-shadow .5s}
.g3-i.on{opacity:1;transform:none;background:rgba(53,67,240,.12);box-shadow:inset 0 0 0 1px rgba(174,182,255,.28)}
.g3-ic{grid-row:span 2;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(174,182,255,.12);color:#AEB6FF}
.g3-i.on .g3-ic{background:#3543F0;color:#fff}
.g3-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.g3-i b{font:600 17.5px var(--sans);align-self:end}
.g3-i span:not(.g3-ic){font:400 15.5px/1.55 var(--sans);color:rgba(255,255,255,.72)}
.g3-src{margin:28px 0 0;font:400 14px/1.6 var(--sans);color:rgba(255,255,255,.55)}
.g3-src a{color:#AEB6FF}
@media (max-width:900px){.g3{padding:80px 16px}.g3-in{grid-template-columns:1fr}.g3-pin{position:relative;top:0}.g3-pic{aspect-ratio:16/11}}
@media (prefers-reduced-motion:reduce){.g3-i{opacity:1;transform:none;transition:none}}

/* GUIDES · 4 · START YOUR RECORD (contact log tool) */
.g4{padding:clamp(90px,10vw,140px) 26px;background:var(--paper,#F5F4F1)}
.g4-in{max-width:1180px;margin:0 auto}
.g4-head{max-width:760px;margin-bottom:34px}
.g4-h{margin:0 0 16px;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:1;font-size:clamp(2.6rem,5vw,4.8rem);color:var(--ink,#131629)}
.g4-h em{font-style:italic;color:#3543F0}
.g4-s{margin:0;font:400 17px/1.6 var(--sans);color:var(--ink-2,#4A4E60)}
div.cl[data-contact-log],div.cl[data-points]{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:20px;align-items:start}
.cl-form{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.6vw,30px);border-radius:24px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06),0 40px 90px -50px rgba(19,22,41,.45)}
.cl-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cl-form textarea{resize:vertical;font-family:var(--sans)}
.cl-add{justify-content:center;padding:14px 20px;font-size:16px}
.cl-tip{margin:0;font:400 13.5px/1.5 var(--sans);color:var(--ink-3,#7A7E90)}
.cl-out{padding:clamp(22px,2.6vw,30px);border-radius:24px;background:#111427;color:#fff;min-height:100%}
.cl-printhead{display:none}
.cl-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.cl-sum{margin:0;font:400 17px var(--sans);color:rgba(255,255,255,.8)}
.cl-sum b{font-weight:700;color:#fff}
.cl-link{border:0;background:none;padding:0;font:600 13.5px var(--sans);color:#AEB6FF;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cl-link.danger{color:rgba(255,255,255,.55)}
.cl-link:disabled{opacity:.35;cursor:default}
.cl-empty{margin:28px 0;font:400 15px var(--sans);color:rgba(255,255,255,.5)}
.cl-empty[hidden]{display:none}
.cl-list{list-style:none;margin:0;padding:0;max-height:440px;overflow:auto}
.cl-row{display:grid;grid-template-columns:118px 1fr 28px;gap:14px;padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.08)}
.cl-row.new{animation:clNew .6s ease-out}
@keyframes clNew{from{background:rgba(53,67,240,.35)}to{background:transparent}}
.cl-d b{display:block;font:600 14px var(--sans)}
.cl-d i{font:400 12.5px var(--sans);font-style:normal;color:rgba(255,255,255,.5)}
.cl-s{display:inline-block;padding:3px 10px;border-radius:999px;font:700 11.5px var(--sans);letter-spacing:.03em}
.cl-row.miss .cl-s{background:rgba(239,68,68,.16);color:#fca5a5}
.cl-row.part .cl-s{background:rgba(245,158,11,.16);color:#fcd34d}
.cl-row.ok .cl-s{background:rgba(34,197,94,.16);color:#86efac}
.cl-b q{display:block;margin-top:6px;font:italic 400 15px/1.45 var(--serif);color:#fff}
.cl-b p{margin:6px 0 0;font:400 14px/1.5 var(--sans);color:rgba(255,255,255,.7)}
.cl-x{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:rgba(255,255,255,.4);font:600 18px/1 var(--sans);cursor:pointer}
.cl-x:hover{background:rgba(255,255,255,.08);color:#fff}
.cl-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.cl-acts .tl-b:disabled{opacity:.4;cursor:default}
.cl-priv{margin:14px 0 0;font:400 12.5px/1.5 var(--sans);color:rgba(255,255,255,.45)}
.g4-more{margin:24px 0 0;font:400 15px var(--sans);color:var(--ink-2,#4A4E60)}
.g4-more a{color:#3543F0;font-weight:600}
@media (max-width:900px){.g4{padding:80px 16px}div.cl[data-contact-log],div.cl[data-points]{grid-template-columns:1fr}.cl-row{grid-template-columns:96px 1fr 28px}}
/* printing the record: only the log, plain black on white */
@media print{
  body.cl-printing > *:not(main),body.cl-printing main > section:not(.g4),body.cl-printing .g4-head,body.cl-printing .cl-form,body.cl-printing .cl-top button,body.cl-printing .cl-acts,body.cl-printing .cl-priv,body.cl-printing .g4-more,body.cl-printing .cl-x,body.cl-printing .cl-empty,body.cl-printing .ck{display:none!important}
  body.cl-printing .g4{padding:0;background:#fff}
  body.cl-printing div.cl[data-contact-log],body.cl-printing div.cl[data-points]{display:block}
  body.cl-printing .cl-out{background:#fff;color:#000;padding:0}
  body.cl-printing .cl-printhead{display:block;margin-bottom:12px}
  body.cl-printing .cl-printhead b{display:block;font:700 20px Georgia,serif}
  body.cl-printing .cl-printhead i{font:400 11pt Arial,sans-serif;font-style:normal;color:#333}
  body.cl-printing .cl-sum,body.cl-printing .cl-sum b{color:#000}
  body.cl-printing .cl-list{max-height:none;overflow:visible}
  body.cl-printing .cl-row{grid-template-columns:120px 1fr;border-bottom:1px solid #ccc;break-inside:avoid}
  body.cl-printing .cl-d b,body.cl-printing .cl-b q,body.cl-printing .cl-b p,body.cl-printing .cl-d i{color:#000}
  body.cl-printing .cl-s{background:none!important;color:#000!important;padding:0;font-size:10pt}
}

/* GUIDES · 5 · SEE IT IN THE APP (pinned app window, three beats) */
.g5{position:relative;height:300vh;background:linear-gradient(#0d0f1f,#111427)}
.g5-stick{position:sticky;top:60px;height:calc(100vh - 60px);display:flex;align-items:center;padding:0 26px;color:#fff}
.g5-in{max-width:1220px;width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,70px);align-items:center}
.g5 .gk{color:rgba(255,255,255,.5)}
.g5-h{margin:0 0 28px;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:1;font-size:clamp(2.3rem,4.4vw,4.2rem)}
.g5-h em{font-style:italic;color:#AEB6FF}
.g5-beats{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.g5-beats li{padding:16px 18px;border-radius:16px;opacity:.35;transition:opacity .4s,background .4s,box-shadow .4s}
.g5-beats b{display:block;font:600 17px var(--sans)}
.g5-beats span{display:block;margin-top:4px;font:400 15px/1.5 var(--sans);color:rgba(255,255,255,.72)}
.g5-in[data-beat="0"] [data-b="0"],.g5-in[data-beat="1"] [data-b="1"],.g5-in[data-beat="2"] [data-b="2"]{opacity:1;background:rgba(53,67,240,.14);box-shadow:inset 0 0 0 1px rgba(174,182,255,.28)}
.g5-label{margin:18px 0 0;font:500 12.5px var(--sans);color:rgba(255,255,255,.45)}
.g5-app{border-radius:22px;overflow:hidden;background:#f7f5f0;color:#131629;box-shadow:0 60px 120px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.08)}
.g5-bar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#fff;border-bottom:1px solid #e7e3da}
.g5-dots{display:flex;gap:6px}.g5-dots i{width:10px;height:10px;border-radius:50%;background:#e2ded5}
.g5-bar b{font:600 14px var(--sans)}
.g5-tabs{margin-left:auto;display:flex;gap:4px}
.g5-tabs i{padding:5px 11px;border-radius:999px;font:600 12px var(--sans);font-style:normal;color:#7A7E90;transition:background .3s,color .3s}
.g5-in[data-beat="0"] .t0,.g5-in[data-beat="1"] .t1,.g5-in[data-beat="2"] .t2{background:#3543F0;color:#fff}
.g5-body{position:relative;height:min(470px,58vh)}
.g5-p0,.g5-p1,.g5-p2{position:absolute;inset:0;padding:22px;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.g5-in[data-beat="0"] .g5-p0,.g5-in[data-beat="1"] .g5-p1,.g5-in[data-beat="2"] .g5-p2{opacity:1;visibility:visible}
.g5-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.g5-docs figure{margin:0}
.g5-docs img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:8px;box-shadow:0 14px 30px -14px rgba(19,22,41,.5),0 0 0 1px rgba(19,22,41,.08)}
.g5-docs figcaption{margin-top:6px;font:600 12px var(--sans);color:#4A4E60}
.g5-in[data-beat="0"] .g5-docs figure{animation:g5Drop .6s backwards}
.g5-in[data-beat="0"] .g5-docs figure:nth-child(2){animation-delay:.12s}
.g5-in[data-beat="0"] .g5-docs figure:nth-child(3){animation-delay:.24s}
@keyframes g5Drop{from{opacity:0;transform:translateY(-14px) rotate(-2deg)}}
.g5-red{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.g5-red p{margin:0;padding:7px 11px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px #e7e3da;font:500 13px var(--sans)}
.g5-red s{color:#9a9eb0}
.g5-red span{color:#9a9eb0;margin:0 4px}
.g5-red code{font:600 12px ui-monospace,Menlo,Consolas,monospace;color:#3543F0}
.g5-p1{list-style:none;margin:0;overflow:auto}
.g5-p1 li{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:baseline;padding:11px 12px;border-bottom:1px solid #e7e3da}
.g5-in[data-beat="1"] .g5-p1 li{animation:g5Row .45s calc(var(--i)*.12s) backwards}
@keyframes g5Row{from{opacity:0;transform:translateX(-10px)}}
.g5-p1 b{font:700 13px var(--sans)}
.g5-p1 span{font:400 14px/1.4 var(--sans)}
.g5-p1 em{font:600 11.5px var(--sans);font-style:normal;color:#3543F0;padding:3px 8px;border-radius:999px;background:rgba(53,67,240,.08);white-space:nowrap}
.g5-p1 li.miss{background:rgba(239,68,68,.06)}
.g5-p1 li.miss b{color:#b42318}
.g5-fk{margin:0 0 14px;font:700 11.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#b42318}
.g5-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.g5-pair blockquote{margin:0;padding:16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #e7e3da;font:italic 400 17px/1.4 var(--serif)}
.g5-pair blockquote span{display:block;margin-bottom:8px;font:700 11.5px var(--sans);font-style:normal;color:#7A7E90;letter-spacing:.02em}
.g5-in[data-beat="2"] .g5-pair blockquote{animation:g5Drop .5s backwards}
.g5-in[data-beat="2"] .g5-pair blockquote:nth-child(2){animation-delay:.2s}
.g5-fn{margin:16px 0 0;font:400 14px/1.5 var(--sans);color:#4A4E60}
@media (max-width:960px){
  .g5{height:auto}.g5-stick{position:relative;top:0;height:auto;padding:80px 16px}
  .g5-in{grid-template-columns:1fr}
  .g5-beats li{opacity:1}
  .g5-body{height:auto}.g5-p0,.g5-p1,.g5-p2{position:relative;opacity:1;visibility:visible;border-top:1px solid #e7e3da}
  .g5-pair{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.g5-docs figure,.g5-p1 li,.g5-pair blockquote{animation:none!important}}
.g5-sum{display:grid;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #e7e3da}
.g5-sum span{display:flex;align-items:baseline;gap:8px;font:400 14px var(--sans);color:#131629}
.g5-sum b{font:700 16px var(--sans);color:#3543F0;min-width:34px}
.g5-sum em{margin-left:auto;font:600 11.5px var(--sans);font-style:normal;color:#3543F0;padding:3px 8px;border-radius:999px;background:rgba(53,67,240,.08);white-space:nowrap}
.g5-in[data-beat="2"] .g5-sum{animation:g5Drop .5s .4s backwards}

/* GUIDES · 5 · the real app window (tour.html), scaled to fit */
.g5-win{position:relative;min-width:0;border-radius:16px;overflow:hidden;background:#080810;box-shadow:0 60px 120px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.1)}
.g5-scale{position:relative;width:100%;height:var(--wh,480px)}
.g5-scale{overflow:hidden}
.g5-scale iframe{position:absolute;left:var(--wx,0);top:0;width:1440px;height:900px;border:0;transform-origin:0 0;transform:scale(var(--ws,.5));pointer-events:none}
.g5 .g5-in{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
@media (max-width:960px){.g5-win{margin-top:10px}}

/* GUIDES · 5 · beat 0: the papers panel over the app window (dark, to match the app) */
.g5-win .g5-papers{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(18px,3vw,34px);background:#0b0c16;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.g5-in[data-beat="0"] .g5-win .g5-papers{opacity:1;visibility:visible}
.g5-win .g5-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g5-win .g5-docs figure{margin:0}
.g5-win .g5-docs img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:8px;box-shadow:0 18px 36px -14px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.g5-win .g5-docs figcaption{margin-top:8px;font:600 12.5px var(--sans);color:rgba(255,255,255,.65)}
.g5-in[data-beat="0"] .g5-win .g5-docs figure{animation:g5Drop .6s backwards}
.g5-in[data-beat="0"] .g5-win .g5-docs figure:nth-child(2){animation-delay:.12s}
.g5-in[data-beat="0"] .g5-win .g5-docs figure:nth-child(3){animation-delay:.24s}
.g5-win .g5-red{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.g5-win .g5-red p{margin:0;padding:7px 11px;border-radius:10px;background:#161827;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:500 13px var(--sans);color:#fff}
.g5-win .g5-red s{color:rgba(255,255,255,.45)}
.g5-win .g5-red span{color:rgba(255,255,255,.4);margin:0 4px}
.g5-win .g5-red code{font:600 12px ui-monospace,Menlo,Consolas,monospace;color:#AEB6FF}
.g5-in[data-beat="0"] .g5-win .g5-red p{animation:g5Drop .5s .5s backwards}

/* GUIDES · 6 · WHAT THE LAW SAYS — the app's law components (proveaible-web cards.css: .lw-tiles, .lw-tile .plate, .m-ex.law, .m-chip),
   copied with the app's dark-theme tokens and scoped to .lawp */
.g6{position:relative;background:#0b0c16;color:#fff;padding:0 0 clamp(80px,9vw,130px)}
.g6-band{position:relative;height:clamp(220px,32vw,420px);overflow:hidden}
.g6-band img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.g6-band::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(11,12,22,.1),rgba(11,12,22,.55) 55%,#0b0c16)}
.g6-in{position:relative;max-width:1180px;margin:-90px auto 0;padding:0 26px}
.g6 .gk{color:rgba(255,255,255,.5)}
.g6-head{max-width:780px}
.g6-h{margin:0 0 16px;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:1;font-size:clamp(2.6rem,5vw,4.8rem)}
.g6-h em{font-style:italic;color:#AEB6FF}
.g6-s{margin:0;font:400 17px/1.6 var(--sans);color:rgba(255,255,255,.75)}
.g6-country{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 22px}
.g6-country span{margin-right:6px;font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.g6-country button{padding:9px 16px;border-radius:999px;border:0;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font:600 14px var(--sans);color:#fff;cursor:pointer}
.g6-country button[aria-pressed="true"]{background:#3543F0;box-shadow:none}
.g6-note{margin:22px 0 0;max-width:56em;font:400 13.5px/1.6 var(--sans);color:rgba(255,255,255,.5)}

.lawp{--surface:rgba(255,255,255,.055);--surface-2:rgba(255,255,255,.09);--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.18);--r-m:12px;--r-pill:999px;
  --paper:#fbfaf7;--paper-ink:#1c1f2e;--paper-law:#f7f5ee;--paper-mute:#8a8f9e;--paper-art:#5a5f70;--muted:#6b7893;--subtle:#94a3b8;--text:#f1f5f9;
  --primary:#3543F0;--primary-hi:#6B7BF5;--primary-soft:rgba(53,67,240,.14);--good:#4ade80;--good-soft:rgba(74,222,128,.12);--warn:#f0a63e;
  --font-disp:'Fraunces',Georgia,serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --t-meta:12.5px;--t-ui:13.5px;--out:cubic-bezier(.16,.9,.28,1);
  font-family:var(--font-body);color:var(--text)}
@keyframes bpBtn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lawp .lw-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.lawp .lw-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s;opacity:0;transform:translateY(8px);animation:bpBtn .45s var(--out) both;animation-delay:var(--d)}
.lawp .lw-tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.lawp .lw-tile:focus-visible{outline:2px solid var(--primary-hi);outline-offset:2px}
.lawp .lw-tile.on{border-color:var(--primary)}
.lawp .lw-tile .plate{position:relative;background:#fbfaf7;color:#1c1f2e;padding:14px 14px 30px;height:118px;overflow:hidden;border-bottom:1px solid var(--line)}
.lawp .lw-tile .plate .pt{font-family:var(--font-disp);font-size:15px;line-height:1.3;font-weight:500;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lawp .lw-tile .plate .pn{font-family:var(--font-mono);font-size:10.5px;color:#5a5f70;margin-top:6px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lawp .lw-tile .plate .st{position:absolute;inset-inline-start:14px;bottom:10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#5a5f70}
.lawp .lw-tile .plate .st.ok{color:#1f9d5b}
.lawp .lw-tile .plate .st.gap{color:#b9761c}
.lawp .lw-tile .b{height:56px;padding:10px 12px 12px;font-size:var(--t-meta);color:var(--muted);line-height:1.45;display:flex;flex-direction:column;gap:6px}
.lawp .lw-tile .b .r b{color:var(--text);font-weight:600}
.lawp .lw-tile.hollow{border:1px dashed var(--line-strong);background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(255,255,255,.035) 7px 9px)}
.lawp .lw-tile.hollow .plate{background:transparent;color:var(--subtle);border-bottom:1px dashed var(--line-strong)}
.lawp .lw-tile.hollow .plate .pn{color:var(--muted)}
.lawp .lw-tile.hollow .plate .st.gap{color:var(--warn)}
.lawp .m-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-ui);font-weight:500;padding:6px 12px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--subtle);font-family:inherit}
.lawp .m-chip.sm{font-size:11.5px;padding:4px 10px}
.lawp .m-ex{display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;background:var(--surface)}
.lawp .m-ex .paper{background:var(--paper);color:var(--paper-ink);padding:12px 16px;font-family:var(--font-disp);font-size:13.5px;line-height:1.55;position:relative}
.lawp .m-ex .paper mark{background:rgba(53,67,240,.16);color:inherit;padding:0 2px;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lawp .m-ex .paper .ell{color:var(--paper-mute)}
.lawp .m-ex.law .paper{background:var(--paper-law);font-family:var(--font-body);font-size:13px}
.lawp .m-ex.law .paper .art{display:block;font-family:var(--font-disp);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--paper-art);margin-bottom:4px}
.lawp .m-ex .cap{display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:var(--t-meta);color:var(--muted);flex-wrap:wrap}
.lawp .m-ex .cap b{color:var(--text);font-weight:600}
.lawp .m-ex .cap a{margin-inline-start:auto;color:var(--primary-hi);text-decoration:none;font-weight:600;white-space:nowrap;cursor:pointer}
.lawp .m-ex.none .paper{font-family:var(--font-body);font-style:italic;color:var(--paper-mute);font-size:var(--t-meta)}
/* the reading, under the tiles (site layout; the parts inside are the app's) */
.lawp-read{margin-top:18px;padding:clamp(18px,2.4vw,26px);border-radius:16px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.lawp-read:empty{display:none}
.lawp-q{margin:0 0 10px;font:500 clamp(20px,2vw,26px)/1.2 var(--serif);letter-spacing:-.02em;color:#fff}
.lawp-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.lawp .m-ex.law .paper{font-size:15px;line-height:1.65}
.lawp-read .m-ex{animation:bpBtn .4s var(--out) both}
@media (max-width:640px){.g6-in{padding:0 16px}.lawp .lw-tiles{grid-template-columns:1fr 1fr}.lawp .lw-tile .plate{height:104px}}
@media (prefers-reduced-motion:reduce){.lawp .lw-tile,.lawp-read .m-ex{animation:none;opacity:1;transform:none}}
.lawp .lw-tile .b{height:auto;min-height:58px}
.lawp .lw-tile .b .r{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* GUIDES · 7 QUESTIONS · 8 YOU'RE NOT ALONE · 9 CLOSE */
.g7{padding:clamp(90px,10vw,140px) 26px;background:var(--paper,#F5F4F1)}
.g7-in{max-width:900px;margin:0 auto}
.g7-h{margin:0 0 30px;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:1;font-size:clamp(2.4rem,4.6vw,4.2rem);color:var(--ink,#131629)}
.g7-h em{font-style:italic;color:#3543F0}
.g7-list{display:grid;gap:10px}
.g7-q{border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.07)}
.g7-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font:600 17px/1.35 var(--sans);color:var(--ink,#131629)}
.g7-q summary::-webkit-details-marker{display:none}
.g7-q summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(53,67,240,.08);color:#3543F0;font:500 20px/1 var(--sans);transition:transform .25s}
.g7-q[open] summary::after{transform:rotate(45deg)}
.g7-q p{margin:0;padding:0 22px 22px;font:400 16px/1.65 var(--sans);color:var(--ink-2,#4A4E60)}
.g7-q a{color:#3543F0}
.g8{padding:clamp(90px,10vw,140px) 26px;background:#111427;color:#fff}
.g8-in{max-width:1180px;margin:0 auto}
.g8 .gk{color:rgba(255,255,255,.5)}
.g8-h{margin:0 0 18px;max-width:15em;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:1;font-size:clamp(2.4rem,4.8vw,4.6rem)}
.g8-h em{font-style:italic;color:#AEB6FF}
.g8-s{margin:0 0 36px;max-width:40em;font:400 17px/1.6 var(--sans);color:rgba(255,255,255,.75)}
.g8-cols{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}
.g8-c{padding:24px;border-radius:22px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.g8-c.warn{background:rgba(239,68,68,.07);box-shadow:inset 0 0 0 1px rgba(239,68,68,.22)}
.g8-k{display:block;margin-bottom:14px;font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#AEB6FF}
.g8-c.warn .g8-k{color:#fca5a5}
.g8-l{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.g8-l li b{display:block;font:600 16px var(--sans);color:#fff}
.g8-l li b a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}
.g8-l li span{display:block;margin-top:3px;font:400 14.5px/1.5 var(--sans);color:rgba(255,255,255,.7)}
.g8-num{display:inline-block;margin-top:4px;font:700 22px var(--sans);letter-spacing:-.01em;color:#fff;text-decoration:none}
.g8-where{margin:20px 0 0;font:400 13.5px var(--sans);color:rgba(255,255,255,.5)}
.g9{padding:clamp(100px,11vw,160px) 26px clamp(80px,9vw,120px);background:var(--paper,#F5F4F1);text-align:center}
.g9-in{max-width:900px;margin:0 auto}
.g9-me{margin:0 0 26px;font:italic 400 clamp(20px,2vw,24px)/1.4 var(--serif);color:var(--ink,#131629)}
.g9-me span{display:block;margin-top:6px;font:600 13px var(--sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3,#7A7E90)}
.g9-h{margin:0 0 18px;font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:1;font-size:clamp(2.4rem,5vw,4.6rem);color:var(--ink,#131629)}
.g9-h em{font-style:italic;color:#3543F0}
.g9-s{margin:0 auto 30px;max-width:40em;font:400 17px/1.6 var(--sans);color:var(--ink-2,#4A4E60)}
.g9-ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px}
.g9-ctas .btn{padding:16px 26px;font-size:16px}
.g9-l{font:600 16px var(--sans);color:#3543F0;text-decoration:none}
.g9-src{margin:56px auto 0;max-width:760px;text-align:left;border-top:1px solid rgba(19,22,41,.1);padding-top:20px}
.g9-src summary{cursor:pointer;font:600 14px var(--sans);color:var(--ink-2,#4A4E60)}
.g9-src ul{margin:14px 0;padding-left:18px;font:400 14px/1.7 var(--sans);color:var(--ink-2,#4A4E60)}
.g9-src a{color:#3543F0}
.g9-src p{margin:0;font:400 13px/1.6 var(--sans);color:var(--ink-3,#7A7E90)}
@media (max-width:900px){.g8-cols{grid-template-columns:1fr}.g7,.g8,.g9{padding-left:16px;padding-right:16px}}

/* GUIDE 2 · READ YOUR PAPERS (sample papers you tap; your response by country) · first-week day tags · law notes */
.gs-lead{margin:-18px 0 30px;max-width:40em;font:400 17px/1.6 var(--sans);color:var(--ink-2,#4A4E60)}
.gs{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.gs-doc{position:relative;display:flex;flex-direction:column;gap:6px;padding:clamp(22px,3vw,40px) clamp(18px,2.6vw,36px) 26px;border-radius:6px;background:#fff;box-shadow:0 50px 100px -60px rgba(19,22,41,.55),0 0 0 1px rgba(19,22,41,.06);font-family:Georgia,'Times New Roman',serif;color:#1b1f33}
.gs-doc::before{content:"";position:absolute;inset:10px;border:1px solid rgba(19,22,41,.06);border-radius:3px;pointer-events:none}
.gs-p{position:relative;display:block;width:100%;padding:12px 14px 12px 50px;border:0;border-radius:12px;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background .25s,box-shadow .25s}
.gs-p:hover{background:rgba(53,67,240,.05)}
.gs-p[aria-pressed="true"]{background:rgba(53,67,240,.09);box-shadow:inset 0 0 0 1.5px #3543F0}
.gs-p i{position:absolute;left:12px;top:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e9eafb;color:#3543F0;font:700 12.5px var(--sans);font-style:normal;transition:background .25s,color .25s,box-shadow .25s}
.gs-p[aria-pressed="true"] i{background:#3543F0;color:#fff;box-shadow:0 0 0 6px rgba(53,67,240,.18)}
.gs-p:not([aria-pressed="true"]) i{animation:gsPing 2.6s ease-in-out infinite}
.gs-p:nth-child(2) i{animation-delay:.3s}.gs-p:nth-child(3) i{animation-delay:.6s}.gs-p:nth-child(5) i{animation-delay:.9s}.gs-p:nth-child(6) i{animation-delay:1.2s}.gs-p:nth-child(7) i{animation-delay:1.5s}
@keyframes gsPing{0%,70%,100%{box-shadow:0 0 0 0 rgba(53,67,240,0)}35%{box-shadow:0 0 0 6px rgba(53,67,240,.16)}}
.gs-p span{display:block;font:700 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#7A7E90}
.gs-p span+b{margin-bottom:4px}
.gs-p b{display:block;margin-top:2px;font:400 16.5px/1.45 Georgia,'Times New Roman',serif}
.gs-p.court{padding-top:16px;padding-bottom:16px;text-align:center;border-bottom:1px solid rgba(19,22,41,.08);border-radius:12px 12px 0 0}
.gs-p.court em{display:block;font:700 15px Georgia,serif;letter-spacing:.22em;font-style:normal}
.gs-p.court small{display:block;margin-top:4px;font:italic 400 14px Georgia,serif;color:#5b6074}
.gs-tag{margin:10px 0 0;text-align:right;font:400 12px var(--sans);color:#9a9eae}
.gs-say{position:sticky;top:110px;padding:clamp(26px,3vw,40px);border-radius:26px;background:#111427;color:#fff;box-shadow:0 40px 90px -50px rgba(17,20,39,.8)}
.gs-k{margin:0 0 12px;font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#AEB6FF}
.gs-t{margin:0 0 14px;font:500 clamp(26px,2.6vw,36px)/1.1 var(--serif);letter-spacing:-.025em}
.gs-x{margin:0;font:400 17px/1.6 var(--sans);color:rgba(255,255,255,.78)}
.gs-say.go .gs-t,.gs-say.go .gs-x{animation:gsIn .45s both}.gs-say.go .gs-x{animation-delay:.08s}
@keyframes gsIn{from{opacity:0;transform:translateY(8px)}}
.gs-country{margin-top:clamp(40px,5vw,64px)}
.gs-out{margin-top:20px;padding:clamp(26px,3vw,40px);border-radius:26px;background:#111427;color:#fff}
.gs-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.gs-card{padding:22px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.gs-cards.go .gs-card{animation:gsCard .55s calc(var(--i)*.12s) both}
@keyframes gsCard{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.gs-card b{display:block;margin-bottom:10px;font:700 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#AEB6FF}
.gs-card p{margin:0;font:400 16px/1.55 var(--sans);color:rgba(255,255,255,.88)}
.gs-off{grid-column:1/-1;justify-self:start;margin-top:4px;font:600 14px var(--sans);color:#AEB6FF;text-decoration:none}
.gs-off:hover{text-decoration:underline}
.gs-fine{margin:22px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font:400 13.5px/1.55 var(--sans);color:rgba(255,255,255,.55)}
.gs-fine a{color:#AEB6FF}
.g3-day{display:inline-block;margin-right:10px;padding:3px 9px;border-radius:999px;background:rgba(174,182,255,.14);font:700 11px var(--sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#AEB6FF;vertical-align:2px}
.g3-i.on .g3-day{background:#3543F0;color:#fff}
.lawp-note{margin:12px 0 0;padding-left:12px;border-left:2px solid rgba(174,182,255,.35);font:400 14px/1.55 var(--sans);color:rgba(255,255,255,.66)}
@media (max-width:900px){.gs{grid-template-columns:1fr}.gs-say{top:auto;bottom:12px;z-index:2;padding:20px 22px;border-radius:20px}.gs-t{font-size:22px;margin-bottom:8px}.gs-x{font-size:15px}.gs-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.gs-p i,.gs-say.go .gs-t,.gs-say.go .gs-x,.gs-cards.go .gs-card{animation:none}}

/* GUIDES 3-7 · explainer as a timeline (.gs-doc.tl) · free kit grid (.gk7) · point-by-point source line · tool printing on guide pages */
.gs-doc.tl{font-family:var(--sans)}
.gs-doc.tl .gs-p{padding-left:56px}
.gs-doc.tl .gs-p::before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:#e3e5f3}
.gs-doc.tl .gs-p:first-of-type::before{top:24px}.gs-doc.tl .gs-p:last-of-type::before{bottom:calc(100% - 24px)}
.gs-doc.tl .gs-p i{left:12px;z-index:1}
.gs-doc.tl .gs-p b{font:600 16px/1.4 var(--sans)}
.gk7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gk7-c{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:24px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.07),0 30px 60px -48px rgba(19,22,41,.5);text-decoration:none;color:var(--ink,#131629);transition:transform .25s,box-shadow .25s}
.gk7-c:hover{transform:translateY(-3px);box-shadow:0 0 0 1.5px #3543F0,0 40px 70px -46px rgba(53,67,240,.55)}
.gk7-c b{font:600 18px var(--sans)}
.gk7-c b::after{content:" \2192";color:#3543F0}
.gk7-c span{font:400 15px/1.5 var(--sans);color:var(--ink-2,#4A4E60)}
.pp-src{font-size:13px!important;color:#AEB6FF!important}
.pp-src.none{color:rgba(255,255,255,.4)!important}
@media (max-width:900px){.gk7{grid-template-columns:1fr}}
@media print{
  body:has(.g4 .ck) > *:not(main),body:has(.g4 .ck) main > section:not(.g4),body:has(.g4 .ck) .g4-head,body:has(.g4 .ck) .g4-more,body:has(.g4 .ck) .ck-add{display:none!important}
  body:has(.g4 .ck) .g4{padding:0;background:#fff}
}

/* tool pages that host a guide tool (.cl): printing keeps only the record */
@media print{body.cl-printing main > section.tlw.g4t{display:block!important;padding:0}body.cl-printing .tl-note{display:none!important}}


/* header · Guides dropdown: opens under its own button, guides + free tools */
.nv-dd.gd .nv-panel{left:-24px;right:auto;width:720px;grid-template-columns:1fr 1fr 1fr}
.nv-col a.nv-all b{color:var(--blue,#3543F0)}

/* FREE TOOL · prep sheet (.pr): boxes to think through before a meeting; saves as you type */
.pr{padding:clamp(22px,2.6vw,32px);border-radius:24px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06),0 40px 90px -60px rgba(19,22,41,.45)}
.pr-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.pr-f textarea{resize:vertical;font-family:var(--sans)}
.pr-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px}
.pr-acts .cl-link{color:var(--ink-3,#7A7E90)}
.pr-saved{font:500 13px var(--sans);color:#16a34a}
.pr .cl-priv{color:var(--ink-3,#7A7E90)}
@media (max-width:800px){.pr-f{grid-template-columns:1fr}}

.gx-k2{margin-top:clamp(44px,5vw,64px)}

/* work guides: no "if anyone is in danger" column */
.g8-cols.nosafe{grid-template-columns:1.25fr 1fr}.g8-cols.nosafe .warn{display:none}

/* GUIDES · "See it in the app" showcase (3 Oct 2026): one real app component at a time, large, nothing cropped */
.g5.sxg{height:400vh}
.g5-in[data-beat="3"] [data-b="3"]{opacity:1;background:rgba(53,67,240,.14);box-shadow:inset 0 0 0 1px rgba(174,182,255,.28)}
.g5-win.sx{background:none;box-shadow:none;border-radius:0;overflow:visible}
.g5-win.sx .g5-scale{overflow:visible}
.g5-win.sx .g5-scale iframe{left:0;width:640px;height:560px;color-scheme:dark}
.g5-soon{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:rgba(174,182,255,.14);color:#AEB6FF;font:700 10.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
.g5.sxg .g5-beats{gap:8px}
.g5.sxg .g5-beats li{padding:12px 16px}
.g5.sxg .g5-beats span{font-size:14.5px}
@media (max-width:960px){.g5.sxg .g5-beats li:not([data-b]){display:none}}
.g5.sxg .g5-h{font-size:clamp(2rem,3.4vw,3.2rem)}

/* guides hub: one wide card ("Any case") */
.gx-cards.gx-one{grid-template-columns:1fr}
.gx-card.gx-wide{flex-direction:row;align-items:stretch}
.gx-card.gx-wide img{width:48%;aspect-ratio:auto;min-height:220px}
.gx-card.gx-wide span{align-self:center;padding:28px 32px}
@media (max-width:720px){.gx-card.gx-wide{flex-direction:column}.gx-card.gx-wide img{width:100%;aspect-ratio:16/8;min-height:0}}

/* HOME · reassurance under the buttons, and "start with your situation" (4 Oct 2026) */
.hx-note{margin:22px 0 0;font:400 13.5px/1.5 var(--hx-sans);color:rgba(245,241,232,.6);opacity:0;animation:hxFade .7s var(--hx-out) .75s forwards}
.hx-note + .hx-cta{margin-top:14px}
@media (prefers-reduced-motion:reduce){.hx-note{opacity:1;animation:none}}
.ct-note{margin:16px 0 0;font:400 14px/1.5 var(--sans);color:rgba(245,241,232,.6)}
.sit{padding:clamp(70px,9vw,120px) 24px;background:var(--paper,#F5F4F1)}
.sit-in{max-width:1080px;margin:0 auto}
.sit-h{margin:0;font:500 clamp(2rem,3.6vw,3.2rem)/1.08 var(--serif,'Fraunces',Georgia,serif);color:#131629;letter-spacing:-.01em}
.sit-h em{font-style:italic;color:#3543F0}
.sit-s{margin:16px 0 0;max-width:40em;font:400 17px/1.55 var(--sans);color:var(--ink-2,#454A61)}
.sit-grid{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sit-grid a{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.07);text-decoration:none;transition:transform .2s,box-shadow .2s}
.sit-grid a:hover{transform:translateY(-2px);box-shadow:0 22px 44px -28px rgba(19,22,41,.4),0 0 0 1px rgba(53,67,240,.3)}
.sit-grid b{font:600 17px/1.3 var(--sans);color:#131629}
.sit-grid span{font:400 14px/1.45 var(--sans);color:var(--ink-3,#7A7E90)}
.sit-more{margin:24px 0 0;display:flex;gap:24px;flex-wrap:wrap}
.sit-more a{font:600 15px var(--sans);color:#3543F0;text-decoration:none}
.sit-more a:hover{text-decoration:underline}
@media (max-width:860px){.sit-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.sit{padding:64px 16px}.sit-grid{grid-template-columns:1fr}}
.ct .ct-note{opacity:0;transition:opacity .45s cubic-bezier(.16,.9,.28,1)}
.ct.on .ct-note{opacity:1;transition-delay:.3s}
@media (prefers-reduced-motion:reduce){.ct .ct-note{opacity:1;transition:none}}

/* HOME · prepare tiles get a small preview of what each is (4 Oct 2026) */
.pd-vis{height:78px;margin:-4px 0 8px;display:flex;align-items:center}
.pd-vis .s{width:58%!important}
.v-brief .pg{width:96px;height:74px;padding:8px 9px;border-radius:4px;background:#fff;box-shadow:0 8px 18px -10px rgba(19,22,41,.5),0 0 0 1px rgba(19,22,41,.08);display:flex;flex-direction:column;gap:5px}
.v-brief .mk{font:600 6px/1.2 var(--sans);color:#5b6072;background:rgba(19,22,41,.06);border-radius:3px;padding:2px 3px}
.v-brief i{display:block;height:3px;width:100%;border-radius:2px;background:rgba(19,22,41,.16)}
.v-chron{flex-direction:column;align-items:stretch;justify-content:center;gap:6px;width:100%;max-width:190px}
.v-chron .r{display:grid;grid-template-columns:8px 1fr 18px;gap:7px;align-items:center}
.v-chron em{width:7px;height:7px;border-radius:50%;background:#6B7BF5}
.v-chron i{display:block;height:4px;border-radius:2px;background:rgba(19,22,41,.18);width:100%}
.v-chron img{width:18px;height:22px;object-fit:cover;object-position:top;border-radius:2px;box-shadow:0 0 0 1px rgba(19,22,41,.12)}
.v-bundle{position:relative;width:120px}
.v-bundle .pp{position:absolute;top:2px;width:52px;height:68px;border-radius:3px;overflow:hidden;background:#fff;box-shadow:0 8px 16px -8px rgba(19,22,41,.55),0 0 0 1px rgba(19,22,41,.1)}
.v-bundle .pp img{width:100%;height:100%;object-fit:cover;object-position:top}
.v-bundle .pp b{position:absolute;right:3px;bottom:3px;min-width:13px;height:13px;border-radius:7px;background:#3543F0;color:#fff;font:700 8px/13px var(--sans);text-align:center}
.v-bundle .pp:nth-child(1){left:0;transform:rotate(-6deg)}.v-bundle .pp:nth-child(2){left:30px;z-index:1}.v-bundle .pp:nth-child(3){left:60px;transform:rotate(6deg);z-index:2}
.v-hear{gap:12px}
.v-hear .cal{width:54px;height:60px;border-radius:8px;background:#fff;box-shadow:0 8px 18px -10px rgba(19,22,41,.5),0 0 0 1px rgba(19,22,41,.08);display:flex;flex-direction:column;align-items:center;overflow:hidden}
.v-hear .cal small{display:block;width:100%;padding:3px 0;background:#3543F0;color:#fff;font:700 9px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-align:center}
.v-hear .cal b{font:500 26px/1.3 var(--serif);color:#131629}
.v-hear .lst{display:flex;flex-direction:column;gap:6px;width:70px}
.v-hear .lst i{display:block;height:4px;border-radius:2px;background:rgba(19,22,41,.18)}
/* HOME · the law: the source, and the two things the answer rests on */
.lq-src{display:flex;align-items:center;gap:8px;margin:-6px 0 16px;padding:0 0 12px;border-bottom:1px solid rgba(19,22,41,.08);font:600 12px/1.3 var(--sans);color:#1f9d5b}
.lq-src svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lq-src em{margin-left:auto;font-style:normal;color:#3543F0;font-weight:600}
.lq-cites{display:flex;gap:8px;flex-wrap:wrap}
.lq-cites .c{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.08);font:600 12.5px/1.2 var(--sans);color:#131629}
.lq-cites .c svg{width:22px;height:22px;padding:4px;border-radius:6px;background:rgba(53,67,240,.1);fill:none;stroke:#3543F0;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box}
.lq-cites .c img{width:22px;height:28px;object-fit:cover;object-position:top;border-radius:3px;box-shadow:0 0 0 1px rgba(19,22,41,.12)}
/* HOME · situation cards with their guide's picture */
.sit-grid a{padding:0;overflow:hidden}
.sit-grid a img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block}
.sit-grid a b{padding:16px 20px 0}
.sit-grid a span{padding:0 20px 18px}

/* HOW IT WORKS · the picked agreement zooms into its top section, so the names and their tags are readable (4 Oct 2026) */
.hw1-p .zm{position:absolute;left:0;right:0;top:0;height:100%}
.hw1-p .zm img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
/* HOW IT WORKS · 3b · it checks */
.hwc{background:var(--paper,#F5F4F1);padding:clamp(70px,9vw,130px) 24px}
.hwc-in{max-width:1180px;margin:0 auto}
.hwc-head{max-width:46em}
.hwc-h{margin:14px 0 0;font:500 clamp(2.2rem,4.2vw,3.8rem)/1.05 var(--serif,'Fraunces',Georgia,serif);color:#131629;letter-spacing:-.01em}
.hwc-h em{font-style:italic;color:#3543F0}
.hwc-s{margin:18px 0 0;font:400 17px/1.6 var(--sans);color:var(--ink-2,#454A61)}
.hwc-grid{margin-top:40px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}
.hwc-card{padding:24px 24px 22px;border-radius:18px;background:#fff;box-shadow:0 30px 60px -40px rgba(19,22,41,.45),0 0 0 1px rgba(19,22,41,.06)}
.hwc-k{margin:0 0 10px;font:700 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#3543F0}
.hwc-t{margin:0 0 16px;font:600 17px/1.4 var(--sans);color:#131629}
.hwc-clip{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;margin-top:10px;padding:12px;border-radius:12px;background:#FBF8F1;box-shadow:0 0 0 1px rgba(19,22,41,.06)}
.hwc-clip img{width:44px;height:56px;object-fit:cover;object-position:top;border-radius:3px;box-shadow:0 0 0 1px rgba(19,22,41,.12)}
.hwc-clip q{display:block;font:400 15px/1.5 var(--serif,'Fraunces',Georgia,serif);color:#2a2d3a;quotes:"\201C" "\201D"}
.hwc-clip span{display:block;margin-top:4px;font:600 12px var(--sans);color:#7A7E90}
.hwc-ask{margin:16px 0 0;font:500 15px/1.5 var(--sans);color:#131629}
.hwc-ask b{font-weight:400;color:#7A7E90}
.hwc-src{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:600 12.5px/1.3 var(--sans);color:#1f9d5b}
.hwc-src svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hwc-card blockquote{margin:0;padding:16px 18px;border-radius:12px;background:#FBF8F1;font:400 17px/1.6 var(--serif,'Fraunces',Georgia,serif);color:#2a2d3a}
.hwc-card mark{background:linear-gradient(transparent 58%,rgba(53,67,240,.2) 58%);color:inherit}
.hwc-note{margin:14px 0 0;font:400 13.5px/1.55 var(--sans);color:#7A7E90}
@media (max-width:860px){.hwc-grid{grid-template-columns:1fr}}
.hw1-p .rb{padding:0}
/* the page index sits under the header, not at the bottom (4 Oct 2026) — always visible, out of the way of the page's end */
.pgx{top:72px;bottom:auto;transform:translate(-50%,-16px)}
.pgx.show{transform:translate(-50%,0)}
.pgx-list{top:calc(100% + 10px);bottom:auto;transform:translateY(-10px) scale(.98);transform-origin:50% 0}
.pgx-car{transform:rotate(180deg)}
.pgx.open .pgx-car{transform:none}
@media (max-width:600px){.pgx{top:64px;bottom:auto}}
/* the index as a tab hanging from the header */
.pgx{top:60px}
.pgx-pill{min-width:280px;padding:6px 14px 7px 8px;gap:10px;border-radius:0 0 16px 16px;border-top:0;box-shadow:0 14px 34px -14px rgba(0,0,0,.5)}
.pgx .ic{width:26px;height:26px}
.pgx .ic svg{width:14px;height:14px}
.pgx-now{flex-direction:row;align-items:baseline;gap:8px}
.pgx-now b{font-size:10px}
.pgx-now span{font-size:13.5px}
@media (max-width:600px){.pgx{top:60px}.pgx-now b{display:none}}
/* SECTION HEADS · the line beside the title moves under it, as a lead: larger, darker, one block with the title (4 Oct 2026) */
.sn-head{grid-template-columns:1fr;gap:22px;align-items:start}
.sn-s{margin:0;max-width:34em;font-size:clamp(18px,1.55vw,22px);line-height:1.5;color:var(--ink,#131629)}
.pd .sn-s,.f2 .sn-s,.f4 .sn-s,.f6 .sn-s,.f7 .sn-s,.f9 .sn-s,.pv3 .sn-s,.pv5 .sn-s,.pr3 .sn-s{color:rgba(245,241,232,.88)}
/* the same lead-under-title on the homepage's own section heads */
.fx-head,.yo-head{grid-template-columns:1fr;gap:22px;align-items:start}
.fx-s{margin:0;max-width:34em;font-size:clamp(18px,1.55vw,22px);line-height:1.5;color:var(--fx-ink,#131629)}
.yo-s{margin:0;max-width:34em;font-size:clamp(18px,1.55vw,22px);line-height:1.5;color:rgba(245,241,232,.88)}
.tr-head{flex-direction:column;align-items:flex-start;gap:8px}
.tr-s{font-size:clamp(16px,1.3vw,19px);color:var(--ink-2,#454A61)}

/* PRIVACY · the limits, as pictures (4 Oct 2026) */
.pv6-list{grid-template-columns:repeat(6,1fr);max-width:1180px}
.pv6-i{grid-column:span 2;display:flex;flex-direction:column}
.pv6-i:nth-child(4),.pv6-i:nth-child(5){grid-column:span 3}
.pv6-v{display:flex;align-items:center;gap:8px;min-height:92px;margin:-4px 0 18px;padding:14px;border-radius:12px;background:#F7F5F0;box-shadow:inset 0 0 0 1px rgba(19,22,41,.05);font:600 12px/1.3 var(--sans);color:#131629}
.pv6-v small{display:block;font-weight:400;font-size:10.5px;color:#7A7E90;margin-top:2px}
.pv6-v i{font-style:normal;color:#9aa0b4}
.pv6-v.flow{flex-wrap:wrap;gap:6px}
.pv6-v.flow .pg{width:34px;height:44px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(19,22,41,.12);background:#fff}
.pv6-v.flow .pg img{width:100%;height:100%;object-fit:cover;object-position:top}
.pv6-v .st2{padding:6px 8px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.08)}
.pv6-v .st2.lm{background:#131629;color:#fff}.pv6-v .st2.lm small{color:#AEB6FF}
.pv6-v .tg{padding:4px 7px;border-radius:5px;background:rgba(53,67,240,.14);color:#3543F0;font:800 10px/1 var(--sans);letter-spacing:.04em}
.pv6-v.pat{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
.pv6-v.pat p{margin:0;font:400 14px/1.5 Georgia,serif;color:#2a2d3a}
.pv6-v.pat .bar{padding:1px 6px;border-radius:3px;background:#15172a;color:#fff;font:800 10px var(--sans);letter-spacing:.04em}
.pv6-v.pat u{text-decoration:none;background:rgba(240,166,62,.3);border-radius:2px;padding:0 2px}
.pv6-v.pat .add{padding:5px 9px;border-radius:99px;background:#3543F0;color:#fff;font:700 11px var(--sans)}
.pv6-v.days{gap:12px}
.pv6-v.days .track{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,#3543F0,rgba(53,67,240,.15));position:relative}
.pv6-v.days .track i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(100%/14 - 2px),#F7F5F0 calc(100%/14 - 2px) calc(100%/14))}
.pv6-v.days .d14{text-align:right}
.pv6-v.libs{justify-content:space-between;gap:10px}
.pv6-v.libs .box{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.08)}
.pv6-v.libs .box.own{background:#131629;color:#fff}.pv6-v.libs .box.own small{color:#AEB6FF}
.pv6-v.libs svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pv6-v.libs .sep{font:600 11px var(--sans);color:#9aa0b4;border-top:1px dashed #c5c8d4;padding-top:4px}
.pv6-v.mark span{padding:10px 12px;border-radius:8px;background:rgba(19,22,41,.06);font:500 13px/1.45 var(--sans);color:#5b6072}
.pv6-v.mark b{color:#131629}
@media (max-width:860px){.pv6-list{grid-template-columns:1fr}.pv6-i,.pv6-i:nth-child(4),.pv6-i:nth-child(5){grid-column:auto}}
.pv6-i .pv6-v b{display:inline;margin:0;font:inherit;color:inherit}
.pv6-i .pv6-v.pat p{margin:0;font:400 14.5px/1.6 Georgia,serif;color:#2a2d3a}
.pv6-i .pv6-v.pat .bar{padding:1px 6px;border-radius:3px;background:#15172a;color:#fff;font:800 10px/1.4 var(--sans);letter-spacing:.04em}
.pv6-i .pv6-v.mark b{font-weight:700;color:#131629}
.pv6-v.days .track{min-width:70px;height:8px}

/* PRIVACY · the limits: one icon per card */
.pv6-ic{display:grid;place-items:center;width:58px;height:58px;margin-bottom:22px;border-radius:18px;background:linear-gradient(145deg,rgba(53,67,240,.12),rgba(107,123,245,.05));box-shadow:inset 0 0 0 1px rgba(53,67,240,.14);color:#3543F0;transition:transform .3s cubic-bezier(.16,.9,.28,1)}
.pv6-ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pv6-ic svg text{fill:currentColor;stroke:none;font:700 6.5px var(--sans)}
.pv6-ic .sc{stroke:#6B7BF5;animation:pv6Scan 2.6s ease-in-out infinite}
@keyframes pv6Scan{0%,100%{transform:translateY(-5px);opacity:.3}50%{transform:translateY(5px);opacity:1}}
.pv6-i{transition:transform .3s cubic-bezier(.16,.9,.28,1),box-shadow .3s}
.pv6-i:hover{transform:translateY(-3px);box-shadow:0 26px 50px -34px rgba(19,22,41,.45),0 0 0 1px rgba(53,67,240,.22)}
.pv6-i:hover .pv6-ic{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){.pv6-ic .sc{animation:none}}

/* PRICING · leading option (4 Oct 2026): trial list, three sizes, founding members */
.prh-card .p{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.prh-pg{font:600 15px/1.3 var(--sans);color:#3543F0}
.prh-l{list-style:none;margin:0;padding:0;display:grid;gap:9px;font:400 15px/1.45 var(--sans);color:#2a2d3a}
.prh-l li{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start}
.prh-l svg{width:18px;height:18px;margin-top:2px;padding:2px;border-radius:50%;background:rgba(31,157,91,.12);fill:none;stroke:#1f9d5b;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box}
.pr5-row.pr5-3{grid-template-columns:repeat(3,minmax(0,360px))}
.pr-from{display:block;font:600 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#7A7E90;margin-bottom:6px}
.pr-plan.feat .pr-from{color:rgba(245,241,232,.6)}
.pr-pp .tbd{font-size:22px;padding:6px 12px}
.pr-pd b{font-weight:700}
.pr5-note{max-width:44em;margin:34px auto 0;text-align:center;font:400 15px/1.6 var(--sans);color:#454A61}
.pr5-note .tbd{margin-top:8px}
.pfm{background:linear-gradient(165deg,#12294b,#0C2340 55%,#08172c);color:#F5F1E8;padding:clamp(80px,10vw,140px) 24px}
.pfm-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,80px);align-items:start}
.pfm-k{display:inline-block;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#AEB6FF;margin-bottom:16px}
.pfm .sn-h{color:#F5F1E8}.pfm .sn-h em{color:#AEB6FF}
.pfm .sn-s{color:rgba(245,241,232,.72)}
.pfm-count{margin-top:34px;display:flex;align-items:baseline;gap:12px}
.pfm-count b{font:500 clamp(5rem,10vw,8.5rem)/.9 var(--serif);letter-spacing:-.04em;background:linear-gradient(160deg,#fff,#AEB6FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.pfm-count span{font:600 15px var(--sans);color:rgba(245,241,232,.6)}
.pfm-l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pfm-l li{position:relative;padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);backdrop-filter:blur(20px);transition:transform .3s cubic-bezier(.16,.9,.28,1),box-shadow .3s}
.pfm-l li:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(174,182,255,.3),0 0 50px rgba(53,67,240,.25)}
.pfm-l b{display:block;font:600 17px/1.35 var(--sans);color:#fff}
.pfm-l span{display:block;margin-top:4px;font:400 14.5px/1.5 var(--sans);color:rgba(245,241,232,.66)}
.pfm-l .g5-soon{position:absolute;top:20px;right:20px;margin:0}
@media (max-width:1100px){.pr5-row.pr5-3{grid-template-columns:1fr;max-width:420px;margin:0 auto}}
@media (max-width:860px){.pfm-in{grid-template-columns:1fr}.pfm-l .g5-soon{position:static;margin-top:8px}}
.pfm .sn-h{margin:0;line-height:1.02}.pfm .sn-s{margin-top:20px}
.pr-pp .pr-from{margin:0}.pr-pp b:has(.tbd){line-height:1;font-size:inherit}.pr-pn{font:600 17px/1.3 var(--sans)}

/* PRICING · hero with the stack of papers; no white card (4 Oct 2026) */
.prx{padding-top:clamp(120px,14vw,190px);padding-bottom:clamp(90px,11vw,150px);background:#0C2340}
.prx-bg{position:absolute;inset:0;z-index:0}
.prx-bg img{position:absolute;right:0;top:0;width:78%;height:100%;object-fit:cover;object-position:30% 60%;transform:scaleX(-1);filter:saturate(.85) brightness(.8)}
.prx-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0C2340 26%,rgba(12,35,64,.86) 46%,rgba(12,35,64,.25) 75%,rgba(12,35,64,.1)),linear-gradient(0deg,rgba(8,23,44,.75),transparent 40%)}
.prx-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.prx-in>*{max-width:600px}
.prx-k{font:700 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#AEB6FF}
.prx-l{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px;font:400 16px/1.45 var(--sans);color:rgba(245,241,232,.86)}
.prx-l li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start}
.prx-l svg{width:20px;height:20px;margin-top:1px;padding:3px;border-radius:50%;background:rgba(74,222,128,.14);fill:none;stroke:#4ade80;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;box-sizing:border-box}
.prx-go{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:8px}
.prx-go .btn{padding:16px 34px}
.prx-go p{margin:0;font:400 14px/1.55 var(--sans);color:rgba(245,241,232,.58)}
.prx-tag{position:absolute;z-index:1;right:clamp(40px,14vw,260px);top:clamp(150px,22%,240px);display:flex;align-items:center;gap:12px;padding:14px 20px 14px 18px;border-radius:18px;background:rgba(18,20,36,.55);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -20px rgba(0,0,0,.6);animation:prxFloat 6s ease-in-out infinite}
.prx-tag b{font:500 52px/1 var(--serif);letter-spacing:-.03em;color:#fff}
.prx-tag span{font:600 13px/1.3 var(--sans);color:#AEB6FF}
@keyframes prxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:900px){.prx-bg img{width:100%;opacity:.45}.prx-bg::after{background:linear-gradient(180deg,rgba(12,35,64,.7),#0C2340 70%)}.prx-tag{display:none}}
@media (prefers-reduced-motion:reduce){.prx-tag{animation:none}}
.prx-tag{top:clamp(200px,36%,330px);right:clamp(40px,11vw,220px)}

/* FAQ · topic tiles under the search (5 Oct 2026) */
.fqh-t{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:860px;margin-top:34px}
.fqh-t a{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 18px 16px;border-radius:18px;background:#fff;box-shadow:0 24px 50px -36px rgba(19,22,41,.45),0 0 0 1px rgba(19,22,41,.06);text-decoration:none;color:#131629;text-align:left;transition:transform .3s cubic-bezier(.16,.9,.28,1),box-shadow .3s}
.fqh-t a:hover{transform:translateY(-3px);box-shadow:0 30px 60px -36px rgba(19,22,41,.5),0 0 0 1px rgba(53,67,240,.25),0 0 40px rgba(53,67,240,.12)}
.fqh-t .i{display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;border-radius:12px;background:linear-gradient(145deg,rgba(53,67,240,.12),rgba(107,123,245,.05));box-shadow:inset 0 0 0 1px rgba(53,67,240,.14);color:#3543F0}
.fqh-t svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fqh-t b{font:600 15.5px/1.3 var(--sans)}
.fqh-t small{font:500 12.5px/1.3 var(--sans);color:#7A7E90}
@media (max-width:760px){.fqh-t{grid-template-columns:1fr 1fr}}

/* EARLY ACCESS · on the court steps: navy, the form in dark glass, the founding places on the picture (5 Oct 2026) */
.eax{position:relative;overflow:hidden;background:#0C2340;color:#F5F1E8;border-radius:0 0 36px 36px;padding-top:clamp(90px,10vw,140px)}
.eax-bg{position:absolute;inset:0}
.eax-bg img{position:absolute;right:0;top:0;width:68%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.8) brightness(.78)}
.eax-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0C2340 34%,rgba(12,35,64,.8) 50%,rgba(12,35,64,.15) 78%,rgba(12,35,64,.05)),linear-gradient(0deg,rgba(8,23,44,.7),transparent 35%)}
.eax-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start}
.eax-in>*{width:100%;max-width:540px}
.eax .ea-h{color:#F5F1E8}.eax .ea-h em{color:#AEB6FF}
.eax .ea-s{color:rgba(245,241,232,.74)}
.eax-card{background:rgba(18,20,36,.62);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 40px 90px -40px rgba(0,0,0,.7);box-sizing:border-box}
.eax-card .ea-f{color:#F5F1E8}.eax-card .ea-f i{color:rgba(245,241,232,.5)}
.eax-card .tl-in{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.14);color-scheme:dark}
.eax-card .tl-in:focus{border-color:#6B7BF5;box-shadow:0 0 0 3px rgba(107,123,245,.25);outline:none}
.eax-card select option{color:#131629;background:#fff}
.eax-card .ea-ck,.eax-card .ea-status{color:rgba(245,241,232,.72)}
.eax-card .ea-small{color:rgba(245,241,232,.5)}.eax-card .ea-small a{color:#AEB6FF}
.eax-card .ea-done b{color:#fff}.eax-card .ea-done p{color:rgba(245,241,232,.74)}
.eax-pts{list-style:none;margin:22px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font:500 13.5px/1.4 var(--sans);color:rgba(245,241,232,.7)}
.eax-pts li{position:relative;padding-left:20px}
.eax-pts li::before{content:"";position:absolute;left:0;top:4px;width:12px;height:12px;border-radius:50%;background:rgba(74,222,128,.2);box-shadow:inset 0 0 0 3px #0C2340,inset 0 0 0 12px #4ade80}
.eax .ea-now{color:rgba(245,241,232,.55)}.eax .ea-now a{color:#AEB6FF}
.eax-tag{position:absolute;z-index:1;right:clamp(30px,8vw,160px);bottom:clamp(60px,14%,150px);display:flex;align-items:center;gap:14px;max-width:340px;padding:16px 22px 16px 18px;border-radius:20px;background:rgba(18,20,36,.55);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -20px rgba(0,0,0,.6);text-decoration:none;animation:prxFloat 6s ease-in-out infinite;transition:box-shadow .3s}
.eax-tag:hover{box-shadow:inset 0 0 0 1px rgba(174,182,255,.35),0 0 50px rgba(53,67,240,.35)}
.eax-tag b{font:500 56px/1 var(--serif);letter-spacing:-.03em;color:#fff}
.eax-tag span{font:700 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#AEB6FF}
.eax-tag i{display:block;margin-top:5px;font:400 13.5px/1.4 var(--sans);letter-spacing:0;text-transform:none;font-style:normal;color:rgba(245,241,232,.78)}
@media (max-width:900px){.eax-bg img{width:100%;opacity:.4}.eax-bg::after{background:linear-gradient(180deg,rgba(12,35,64,.6),#0C2340 60%)}.eax-tag{position:relative;right:auto;bottom:auto;margin:0 0 26px;animation:none}.eax{display:flex;flex-direction:column}.eax-tag{order:2;align-self:flex-start}}
@media (prefers-reduced-motion:reduce){.eax-tag{animation:none}}
@media (min-width:901px){.eax-tag{bottom:auto;top:clamp(170px,24vh,260px)}}
@media (max-width:900px){.fqb-nav{display:none}}
@media (max-width:900px){.fh-stage{width:100%;box-sizing:border-box}}

/* PRICING · credits (5 Oct 2026): what things cost, the packs, the foot line */
.pr-costs{max-width:1120px;margin:0 auto 34px;text-align:center}
.pr-ck{margin:0 0 14px;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#7A7E90}
.pr-cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pr-c{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:0 24px 50px -38px rgba(19,22,41,.45),0 0 0 1px rgba(19,22,41,.06);text-align:left;transition:transform .3s cubic-bezier(.16,.9,.28,1)}
.pr-c:hover{transform:translateY(-3px)}
.pr-c .i{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:linear-gradient(145deg,rgba(53,67,240,.12),rgba(107,123,245,.05));box-shadow:inset 0 0 0 1px rgba(53,67,240,.14);color:#3543F0}
.pr-c svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pr-c .t{flex:1;font:500 14.5px/1.3 var(--sans);color:#2a2d3a}
.pr-c b{font:500 30px/1 var(--serif);letter-spacing:-.02em;color:#131629}
.pr-c:last-child b{font:600 13px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#1f9d5b;padding:6px 10px;border-radius:99px;background:rgba(31,157,91,.1)}
.pr-cr{margin:0;font:400 15px/1.3 var(--sans);color:#454A61}
.pr-cr b{font:600 22px/1 var(--sans);color:#3543F0}
.pr-plan.feat .pr-cr{color:rgba(245,241,232,.7)}.pr-plan.feat .pr-cr b{color:#AEB6FF}
.pr5-foot{max-width:46em;margin:30px auto 0;text-align:center}
.pr5-foot p{margin:0;font:400 15.5px/1.6 var(--sans);color:#454A61}
.pr5-foot b{color:#131629}
@media (max-width:900px){.pr-cg{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pr-cg{grid-template-columns:1fr}}
.pr-c b{display:flex;flex-direction:column;align-items:flex-end}.pr-c b small{font:600 10.5px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#7A7E90;margin-top:3px}

/* PRICING · founders (6 Oct 2026): double-credits badge, everyone-else line, premium line, top-up table */
.pr-dbl{display:inline-block;margin-left:6px;padding:3px 8px;border-radius:99px;background:rgba(31,157,91,.12);color:#1f9d5b;font:700 10.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;vertical-align:3px}
.pr-plan.feat .pr-dbl{background:rgba(74,222,128,.16);color:#4ade80}
.pr-after{margin:-6px 0 0;font:500 13.5px/1.4 var(--sans);color:#7A7E90}
.pr-plan.feat .pr-after{color:rgba(245,241,232,.6)}
.pr-prem{margin:14px auto 0;max-width:44em;font:400 14.5px/1.55 var(--sans);color:#454A61}
.pr-prem b{color:#131629}
.pr-tw{overflow-x:auto;margin-top:18px}
.pr-top{margin:0 auto;border-collapse:collapse;font:400 14.5px/1.4 var(--sans);color:#2a2d3a;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(19,22,41,.06)}
.pr-top th,.pr-top td{padding:10px 16px;text-align:left;border-bottom:1px solid rgba(19,22,41,.06);white-space:nowrap}
.pr-top th{font:700 11px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#7A7E90}
.pr-top tr:last-child td{border-bottom:0}
.pr-top td:first-child{font-weight:600;color:#131629}
.pr-c .t .pr-ct{display:block;font:500 12px/1.3 var(--sans);color:#7A7E90;margin-top:2px}

/* PRICING · size guide (6 Oct 2026) */
.pr-size{max-width:980px;margin:44px auto 0;text-align:center}
.pr-size h3{margin:0 0 14px;font:500 clamp(1.5rem,2.4vw,2rem)/1.15 var(--serif);color:#131629}
.pr-size p{max-width:46em;margin:16px auto 0;font:400 14.5px/1.6 var(--sans);color:#454A61}
.pr-sz td,.pr-sz th{white-space:normal;vertical-align:top}
.pr-sz td small{display:block;margin-top:3px;font-size:12.5px;color:#7A7E90}
.pr-sz td.n{white-space:nowrap;font-variant-numeric:tabular-nums}
.fq-lines{list-style:none;margin:10px 0 12px;padding:0;display:grid;gap:6px}.fq-lines li{padding:8px 12px;border-radius:10px;background:rgba(53,67,240,.06)}.fq-lines b{display:inline-block;min-width:8.5em}

/* PRICING · the quiet business line (6 Oct 2026) */
.pr-biz{max-width:46em;margin:22px auto 0;text-align:center;font:400 14.5px/1.55 var(--sans);color:#454A61}
.pr-biz a{color:#3543F0;font-weight:600;text-decoration:none}
.pr-biz a:hover{text-decoration:underline}

/* PRICING · simplified (13 Oct 2026): top-up line on each pack, ticks, "How far does a pack go?" cards, cost chips */
.pr-tu{margin:0;padding-top:14px;border-top:1px solid rgba(19,22,41,.08);font:500 13.5px/1.5 var(--sans);color:#2a2d3a}
.pr-tu span{display:block;margin-bottom:2px;font:700 10.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#7A7E90}
.pr-tu i{display:block;font-style:normal}
.pr-tu small{font-size:12px;color:#7A7E90}
.pr-plan.feat .pr-tu{border-top-color:rgba(245,241,232,.14);color:#F5F1E8}
.pr-plan.feat .pr-tu span,.pr-plan.feat .pr-tu small{color:rgba(245,241,232,.6)}
.pr-ticks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:28px auto 0;padding:0;list-style:none;font:500 14.5px/1.4 var(--sans);color:#2a2d3a}
.pr-ticks li{display:flex;align-items:center;gap:8px}
.pr-ticks svg{width:18px;height:18px;flex:none;padding:3px;border-radius:99px;background:rgba(31,157,91,.12);fill:none;stroke:#1f9d5b;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pr-far{max-width:1120px;margin:64px auto 0;text-align:center}
.pr-far h3,.pr-cost h3{margin:0 0 18px;font:500 clamp(1.5rem,2.4vw,2rem)/1.15 var(--serif);color:#131629}
.pr-fg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pr-fc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 20px;border-radius:20px;background:#fff;text-align:left;box-shadow:0 24px 50px -38px rgba(19,22,41,.45),0 0 0 1px rgba(19,22,41,.06);transition:transform .3s cubic-bezier(.16,.9,.28,1),box-shadow .3s}
.pr-fc:hover{transform:translateY(-3px);box-shadow:0 30px 60px -36px rgba(19,22,41,.5),0 0 0 1px rgba(53,67,240,.18)}
.pr-fn{font:600 15.5px/1.3 var(--sans);color:#131629}
.pr-fl{font:400 13.5px/1.4 var(--sans);color:#7A7E90}
.pr-fv{display:flex;align-items:baseline;gap:6px;margin:10px 0 6px;font:500 40px/1 var(--serif);letter-spacing:-.02em;color:#131629}
.pr-fv small{font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#7A7E90}
.pr-fb{padding:5px 11px;border-radius:99px;background:rgba(53,67,240,.1);color:#3543F0;font:700 12.5px/1.2 var(--sans)}
.pr-ff{margin-top:auto;padding-top:6px;font:400 12.5px/1.4 var(--sans);color:#7A7E90}
.pr-fd{max-width:46em;margin:18px auto 0;text-align:left}
.pr-fd summary{cursor:pointer;width:max-content;margin:0 auto;font:600 14px/1.4 var(--sans);color:#3543F0;list-style:none}
.pr-fd summary::-webkit-details-marker{display:none}
.pr-fd summary::after{content:" +";}
.pr-fd[open] summary::after{content:" \2212";}
.pr-fd div{margin-top:12px;padding:18px 22px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06);font:400 14px/1.6 var(--sans);color:#454A61}
.pr-fd ul{margin:0 0 10px;padding-left:18px}
.pr-fd p{margin:0}
.pr-cost{max-width:1120px;margin:56px auto 0;text-align:center}
.pr-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}
.pr-chips li{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.08);font:500 14px/1.2 var(--sans);color:#2a2d3a}
.pr-chips b{font:600 15px/1 var(--sans);color:#3543F0}
.pr-chips small{font-size:12px;color:#7A7E90}
.pr-chips li.free b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#1f9d5b;padding:4px 8px;border-radius:99px;background:rgba(31,157,91,.1)}
.pr-cost .pr-prem{max-width:none;font-size:13.5px;color:#7A7E90}
.pr5 .pr-biz{margin-top:44px;font-size:13.5px;color:#7A7E90}
@media (max-width:980px){.pr-fg{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pr-fg{grid-template-columns:1fr}.pr-ticks{flex-direction:column;align-items:flex-start;width:max-content;max-width:100%}}

/* PRICING · pack cards = price + pages (13 Oct 2026) */
.pr-every{max-width:44em;margin:-6px auto 30px;text-align:center;font:400 15px/1.6 var(--sans);color:#454A61}
.pr-pk{gap:6px;text-align:center;align-items:center}
.pr-pk .pr-pn{margin-bottom:6px}
.pr-pr{font:500 clamp(3.4rem,5.6vw,5rem)/1 var(--serif);letter-spacing:-.04em}
.pr-pg{margin:10px 0 0;font:400 17px/1.3 var(--sans);color:#454A61}
.pr-pg b{font-weight:700;color:#3543F0}
.pr-pk.feat .pr-pg{color:rgba(245,241,232,.8)}.pr-pk.feat .pr-pg b{color:#AEB6FF}
.pr-pc{margin:0 0 18px;font:500 13px/1.4 var(--sans);color:#7A7E90}
.pr-pk.feat .pr-pc,.pr-pk.feat .pr-later{color:rgba(245,241,232,.6)}
.pr-pk .btn{width:100%;margin-top:auto}
.pr-later{margin:10px 0 0;font:400 12.5px/1.4 var(--sans);color:#7A7E90}
.pr-tup{max-width:640px;margin:30px auto 0;padding:18px 22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(19,22,41,.06);text-align:center;font:400 15px/1.55 var(--sans);color:#2a2d3a}
.pr-tup b{color:#131629}
.pr-tup small{display:block;margin-top:6px;font-size:13px;color:#7A7E90}
.pr-fdk{margin:0 0 8px !important}

/* PRICING · founding urgency (13 Oct 2026): bar above the packs, ribbon on each card, later prices below */
.pr-fbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 14px;max-width:820px;margin:0 auto 26px;padding:14px 22px;border-radius:18px;background:linear-gradient(135deg,rgba(53,67,240,.1),rgba(107,123,245,.05));box-shadow:inset 0 0 0 1px rgba(53,67,240,.18);font:400 15px/1.5 var(--sans);color:#2a2d3a;text-align:center}
.pr-fbar b{color:#131629}
.pr-fpill{padding:6px 12px;border-radius:99px;background:#3543F0;color:#fff;font:700 11.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.pr-pk{position:relative}
.pr-rib{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 12px;border-radius:99px;background:#1f9d5b;color:#fff;font:700 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 20px -8px rgba(31,157,91,.6)}
.pr-afterrow{max-width:820px;margin:28px auto 0;text-align:center}
.pr-ak{margin:0 0 10px;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#7A7E90}
.pr-ag{display:grid;grid-template-columns:repeat(3,1fr);border-radius:16px;background:rgba(19,22,41,.035);box-shadow:inset 0 0 0 1px rgba(19,22,41,.07)}
.pr-ag div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px}
.pr-ag div+div{border-left:1px solid rgba(19,22,41,.07)}
.pr-ag span{font:600 13px/1.3 var(--sans);color:#7A7E90}
.pr-ag b{font:500 26px/1.1 var(--serif);color:#5b5f73}
.pr-ag small{font:400 12.5px/1.3 var(--sans);color:#7A7E90}
.pr-as{margin:10px 0 0;font:500 13.5px/1.4 var(--sans);color:#1f9d5b}
@media (max-width:560px){.pr-ag b{font-size:22px}.pr-ag div{padding:12px 4px}}

/* 404 (13 Oct 2026) */
.nf .eo-bg img{object-position:60% 55%}
.nf-k{display:inline-block;margin-bottom:18px;padding:6px 12px;border-radius:99px;background:rgba(53,67,240,.16);color:#AEB6FF;font:700 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.nf-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.nf .nf-ghost{color:#F5F1E8;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(245,241,232,.35);backdrop-filter:blur(8px)}
.nf .nf-ghost:hover{background:rgba(255,255,255,.14)}
.nf .eo-bg img{object-position:85% 55%}