/* ── fonts · self-hosted (SIL OFL), latin subset, variable weight ─────── */
@font-face{font-family:'Geist';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist-latin.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/geist-mono-latin.woff2) format('woff2')}

/* ── tokens · Scayla brand, carried over from the Israeli site ─────────── */
:root{
  --accent:#5546d6; --deep:#3f34ad; --indigo:#211c86; --lav:#8b76f2; --dot:#6d5ce7;
  --wash:#f2effd; --soft:#e4ddf8; --mv:#6b6488;
  --paper:#f6f4fb; --card:#fff; --hair:#e6e3f0; --ink:#17151f; --muted:#625e70;
  --mint:#24C88C; --mint-text:#0A6E4C; --mint-bg:#e7faf1;
  --red-text:#c02a22; --red-bg:#ffece9;
  /* night · hero + closing only */
  --night:#0b0917; --night-2:#131024; --night-hair:#2a2545; --night-ink:#f4f2fb; --night-muted:#a39dbd;
  --sans:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --wrap:1240px; --gut:clamp(20px,4vw,48px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}
h1,h2,h3{font-weight:600;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
h2{font-size:clamp(34px,4.6vw,64px)}
p{text-wrap:pretty}
:focus-visible{outline:2px solid var(--lav);outline-offset:3px;border-radius:6px}

/* ── buttons ───────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:15.5px;transition:transform .2s var(--ease),background .2s,border-color .2s}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--deep)}
.btn-light{background:#fff;color:var(--night)}
.btn-light:hover{background:var(--wash)}
.btn-ghost{border-color:var(--night-hair);color:var(--night-ink)}
.btn-ghost:hover{border-color:var(--lav)}
.btn-line{border-color:var(--hair);background:#fff;color:var(--ink)}
.btn-line:hover{border-color:var(--accent)}
.arr{display:inline-block;flex:none;vertical-align:-1.5px;transition:transform .25s var(--ease)}
.link .arr{margin-inline-start:4px}
.dot{display:inline-block;inline-size:7px;block-size:7px;border-radius:50%;background:currentColor;margin-inline-end:8px;vertical-align:1px}
.skip{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:#fff;color:var(--night);font-weight:600;transition:top .2s}
.skip:focus{top:12px}
.btn:hover .arr,.link:hover .arr{transform:translateX(4px)}

/* ── NIGHT · nav + hero ────────────────────────────────────────────────── */
.night{background:var(--night);color:var(--night-ink);position:relative;isolation:isolate;overflow:clip}
.night::before{content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(60% 50% at 50% 58%,rgba(85,70,214,.34),transparent 70%),
    radial-gradient(40% 30% at 82% 8%,rgba(139,118,242,.16),transparent 70%);}
/* fine dot grid, fades toward edges · reads as "index", not as stars */
.night::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1.2px);background-size:26px 26px;
  mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 85%);-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent 85%)}

.sitehead{position:absolute;inset:0 0 auto 0;z-index:30;color:var(--night-ink)}
.night.top{padding-top:76px}
.nav{display:flex;align-items:center;gap:28px;height:76px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;letter-spacing:-.03em}
.logo svg{display:block}
.navlinks{display:flex;gap:26px;margin-inline-start:18px;font-size:14.5px;color:var(--night-muted);font-weight:500}
.navlinks a:hover{color:#fff}
.nav .sp{flex:1}
.nav .login{font-size:14.5px;color:var(--night-muted);font-weight:500}
.nav .login:hover{color:#fff}
.nav .btn{height:40px;padding:0 18px;font-size:14.5px}
.nav{position:relative;z-index:30}
.navlinks{align-items:center}
.dd{position:relative}
.dd>button{background:none;border:0;color:inherit;font:inherit;font-weight:500;display:inline-flex;align-items:center;gap:6px;padding:16px 0}
.dd>button svg{opacity:.7;transition:transform .25s var(--ease)}
.dd:hover>button,.dd:focus-within>button{color:#fff}
.dd:hover>button svg,.dd:focus-within>button svg{transform:rotate(180deg)}
.menu{position:absolute;top:100%;left:-18px;min-width:350px;padding:8px;border-radius:16px;border:1px solid var(--night-hair);background:rgba(16,13,32,.97);backdrop-filter:blur(14px);box-shadow:0 30px 80px -20px rgba(0,0,0,.75);text-align:start;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .28s var(--ease),visibility .2s}
.dd:hover .menu,.dd:focus-within .menu{opacity:1;visibility:visible;transform:none}
.menu a{display:block;padding:11px 14px;border-radius:10px}
.menu a:hover{background:rgba(139,118,242,.14)}
.menu b{display:block;color:#fff;font-weight:600;font-size:14.5px}
.menu span{display:block;color:var(--night-muted);font-size:13px;margin-top:2px}
.dd>button[data-current]{color:#fff}
.menu.mega{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:860px;left:-130px;padding:10px}
.mhead{padding:12px 14px 12px!important;border-bottom:1px solid var(--night-hair);border-radius:10px 10px 0 0!important;margin-bottom:6px}
.mhead .mono{font-size:12px;color:var(--lav);margin:0}
.mhead em{font-style:normal;display:block;color:var(--night-muted);font-size:13px;margin-top:4px}
.mnav{display:none}
.mnav summary{list-style:none;inline-size:40px;block-size:40px;border-radius:50%;border:1px solid var(--night-hair);display:grid;place-content:center;gap:5px;cursor:pointer}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary i{display:block;inline-size:16px;block-size:1.6px;background:#fff;border-radius:2px;transition:transform .25s var(--ease)}
.mnav[open] summary i:first-child{transform:translateY(3.3px) rotate(45deg)}
.mnav[open] summary i:last-child{transform:translateY(-3.3px) rotate(-45deg)}
.mpanel{position:absolute;top:72px;inset-inline:var(--gut);padding:24px;border-radius:18px;border:1px solid var(--night-hair);background:rgba(16,13,32,.98);display:grid;grid-template-columns:1fr 1fr;gap:26px 20px;text-align:start}
.mpanel .colh{color:#8f89a8;font-weight:500;margin-bottom:10px}
.mpanel a{display:block;padding:7px 0;font-size:15.5px;color:#e6e2f5}

.hero{padding-block:clamp(32px,4vw,56px) 0;text-align:center;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border:1px solid var(--night-hair);border-radius:999px;color:var(--night-muted);background:rgba(19,16,36,.6);backdrop-filter:blur(6px)}
.live{inline-size:8px;block-size:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 0 rgba(36,200,140,.6);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(36,200,140,0)}100%{box-shadow:0 0 0 0 rgba(36,200,140,0)}}
.hero h1{font-size:clamp(46px,7.4vw,108px);margin:22px auto 0;max-width:12ch;letter-spacing:-.05em;line-height:.94}
.hero h1 .l{display:block;overflow:hidden;padding-bottom:.08em}
.hero h1 .l>span{display:block;animation:rise 1s var(--ease) both}
.hero h1 .l:nth-child(2)>span{animation-delay:.09s}
@keyframes rise{from{transform:translateY(105%)}to{transform:none}}
.hero .sub{max-width:660px;margin:22px auto 0;font-size:clamp(17px,1.5vw,20px);color:var(--night-muted);line-height:1.55;animation:fade .9s .35s var(--ease) both}
.hero .sub b{color:var(--night-ink);font-weight:500}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px;animation:fade .9s .5s var(--ease) both}
.hero .fine{margin-top:16px;color:var(--night-muted);font-size:13.5px;animation:fade .9s .6s var(--ease) both}

/* the ring · the Scayla mark, scaled up into an orbit behind the stage */
.orbit{position:absolute;left:50%;top:clamp(300px,34vw,430px);width:min(1500px,150vw);aspect-ratio:1;translate:-50% 0;z-index:-1;pointer-events:none}
.orbit svg{width:100%;height:100%;display:block;animation:spin 90s linear infinite}
.orbit .tick{animation:spin 40s linear infinite reverse;transform-origin:50% 50%}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── the answer stage ──────────────────────────────────────────────────── */
.stage{margin:clamp(36px,3.6vw,52px) auto 0;max-width:1180px;text-align:start;border:1px solid var(--night-hair);border-radius:22px 22px 0 0;border-bottom:0;background:linear-gradient(180deg,rgba(24,20,46,.92),rgba(14,12,28,.96));backdrop-filter:blur(10px);box-shadow:0 -30px 120px -20px rgba(85,70,214,.45);animation:lift 1.1s .45s var(--ease) both}
@keyframes lift{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.stage-top{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--night-hair);flex-wrap:wrap}
.prompt{flex:1;min-width:260px;display:flex;align-items:center;gap:12px;height:46px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--night-hair);font-size:15.5px;color:var(--night-ink);white-space:nowrap;overflow:hidden}
.prompt svg{flex:none;opacity:.55}
.caret{display:inline-block;inline-size:2px;block-size:18px;background:var(--lav);margin-inline-start:2px;vertical-align:-3px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.seg{display:flex;padding:4px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--night-hair);position:relative}
.seg button{position:relative;z-index:1;height:36px;padding:0 16px;border:0;background:none;color:var(--night-muted);font-size:14px;font-weight:500;border-radius:9px;transition:color .25s}
.seg button[aria-pressed=true]{color:#fff}
.seg .thumb{position:absolute;inset-block:4px;inset-inline-start:4px;border-radius:9px;background:var(--accent);transition:transform .45s var(--ease),inline-size .45s var(--ease)}
.cols{display:grid;grid-template-columns:repeat(4,1fr)}
.col{padding:20px 20px 26px;border-inline-end:1px solid var(--night-hair);min-height:270px}
.col:last-child{border-inline-end:0}
.eng{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.eng .n{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.eng .n i{inline-size:8px;block-size:8px;border-radius:2px;background:var(--lav);display:block}
.verdict{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;border-radius:6px}
.verdict.no{color:#ff9a92;background:rgba(255,107,97,.12)}
.verdict.yes{color:#5fe0ad;background:rgba(36,200,140,.13)}
.verdict.mid{color:#cfc6ff;background:rgba(139,118,242,.16)}
.ans{font-size:14.5px;line-height:1.62;color:#cfcae3}
.ans .w{display:inline-block;animation:word .4s var(--ease) both;white-space:pre}
@keyframes word{from{opacity:0;transform:translateY(5px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.ans mark{background:linear-gradient(90deg,rgba(139,118,242,.34),rgba(85,70,214,.34));color:#fff;padding:1px 6px;border-radius:6px;font-weight:600}
.ans .other{color:#8f89a8}
.src svg{flex:none}
.src{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--mono);font-size:11.5px;color:#5fe0ad;padding:5px 9px;border:1px solid rgba(36,200,140,.3);border-radius:7px;animation:fade .5s 1.5s var(--ease) both}
.stage-foot{display:flex;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid var(--night-hair);color:var(--night-muted);font-size:13.5px;flex-wrap:wrap}
.meter{display:flex;gap:5px}
.meter i{inline-size:26px;block-size:6px;border-radius:3px;background:rgba(255,255,255,.1);transition:background .5s var(--ease)}
.meter i.on{background:var(--mint)}
.stage-foot b{color:#fff;font-weight:600}
.stage-foot .note{margin-inline-start:auto;font-size:12px;opacity:.7}

/* ── engines ribbon ────────────────────────────────────────────────────── */
.ribbon{border-block:1px solid var(--hair);background:#fff;overflow:hidden;padding:22px 0}
.track{display:flex;gap:56px;width:max-content;animation:marq 38s linear infinite;font-weight:600;font-size:clamp(20px,2vw,28px);letter-spacing:-.03em;color:#767090;white-space:nowrap}
.track span:nth-child(3n+1){color:var(--ink)}
.track em{align-self:center;inline-size:7px;block-size:7px;border-radius:50%;border:1.6px solid var(--accent)}
@keyframes marq{to{transform:translateX(-50%)}}

/* ── sections ──────────────────────────────────────────────────────────── */
section{padding:clamp(80px,10vw,150px) 0}
.kicker{color:var(--accent);margin-bottom:22px;display:flex;align-items:center;gap:10px}
.kicker::before{content:"";inline-size:22px;block-size:1px;background:currentColor}
.lede{font-size:clamp(17px,1.45vw,20px);color:var(--muted);max-width:56ch;margin-top:22px}

/* scroll-linked entrance · progressive enhancement only.
   Content is fully visible without it (and in every browser that lacks it). */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .sv{animation:sv linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
    @keyframes sv{from{transform:translateY(32px)}to{transform:none}}
    .grow{transform-origin:left;animation:grow linear both;animation-timeline:view();animation-range:entry 10% cover 38%}
    @keyframes grow{from{transform:scaleX(.02)}to{transform:none}}
  }
}

/* shift */
.shift-head h2,.cost-head h2{font-size:clamp(32px,4vw,56px)}
.shift-head{display:grid;grid-template-columns:2fr 1fr;gap:clamp(30px,6vw,100px);align-items:end}
.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(48px,6vw,84px);border-top:1px solid var(--ink)}
.stat{padding:30px 32px 0 0;border-inline-end:1px solid var(--hair)}
.stat+.stat{padding-inline-start:32px}
.stat:last-child{border:0}
.stat .big{font-size:clamp(56px,7.4vw,112px);font-weight:600;letter-spacing:-.06em;line-height:.95}
.stat .big sup{font-size:.42em;vertical-align:top;position:relative;top:.22em;margin-inline-start:4px;color:var(--accent);letter-spacing:-.02em}
.stat p{margin-top:16px;font-size:16.5px;max-width:30ch}
.stat cite{display:block;margin-top:14px;font-style:normal;color:var(--mv);font-family:var(--mono);font-size:11.5px;letter-spacing:.03em}
.stat cite a{text-decoration:underline;text-underline-offset:3px}

/* dashboards vs work */
.versus{background:#fff;border-block:1px solid var(--hair)}
.vs-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(24px,3vw,44px);margin-top:clamp(44px,5vw,72px);align-items:stretch}
.pane{border:1px solid var(--hair);border-radius:20px;padding:28px;display:flex;flex-direction:column}
.pane h3{font-size:22px;letter-spacing:-.025em}
.pane .tag{color:var(--mv);margin-bottom:12px}
.pane.dash{background:var(--paper);color:var(--muted)}
.chart{margin-top:24px;min-height:190px;border-radius:14px;background:#fff;border:1px solid var(--hair);padding:18px;position:relative;display:flex;flex-direction:column}
.chart .row{display:flex;justify-content:space-between;font-size:13px}
.chart .row b{font-size:34px;letter-spacing:-.04em;color:var(--ink);font-weight:600}
.chart svg{margin-top:auto;width:100%;height:84px;display:block}
.alerts{list-style:none;padding:0;margin-top:14px;font-size:14.5px}
.alerts li{display:flex;justify-content:space-between;padding:12px 2px;border-bottom:1px solid var(--hair)}
.alerts b{color:var(--ink);font-weight:600}
.nowwhat{margin-top:auto;padding-top:22px;font-size:16px;color:var(--ink);font-weight:500}
.nowwhat span{color:var(--muted);font-weight:400}
.pane.work{background:var(--night);color:var(--night-ink);border-color:var(--night);position:relative;overflow:hidden}
.pane.work::before{content:"";position:absolute;inset:auto -20% -60% -20%;height:90%;background:radial-gradient(closest-side,rgba(85,70,214,.5),transparent);pointer-events:none}
.pane.work .tag{color:var(--lav)}
.log{position:relative;margin-top:24px;flex:1;min-height:290px;font-family:var(--mono);font-size:13px;line-height:1.5;overflow:hidden;mask-image:linear-gradient(#000 72%,transparent);-webkit-mask-image:linear-gradient(#000 72%,transparent)}
.log ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.log li{display:grid;grid-template-columns:64px 92px 1fr;gap:12px;align-items:baseline;padding:11px 14px;border:1px solid var(--night-hair);border-radius:11px;background:rgba(255,255,255,.035)}
.log li.new{animation:logIn .6s var(--ease) both}
@keyframes logIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}
.log time{color:#8f89a8}
.log .k{color:var(--mint);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px}
.log .k.v{color:var(--lav)}
.log .t{color:#ddd9ee;font-family:var(--sans);font-size:14.5px}
.illus{position:relative;margin-top:14px;font-size:12.5px;color:#8f89a8}
.worksum{position:relative;display:flex;gap:28px;margin-top:14px;padding-top:20px;border-top:1px solid var(--night-hair);flex-wrap:wrap}
.worksum div{font-size:13px;color:var(--night-muted)}
.worksum b{display:block;font-size:26px;color:#fff;letter-spacing:-.03em;font-weight:600;font-variant-numeric:tabular-nums}

/* loop */
.loop-grid{display:grid;grid-template-columns:minmax(300px,520px) 1fr;gap:clamp(40px,7vw,120px);align-items:center;margin-top:clamp(40px,5vw,70px)}
.wheel{position:relative;aspect-ratio:1}
.wheel svg{width:100%;height:100%;display:block;overflow:visible}
.wheel .arc{transition:stroke-dashoffset 1s var(--ease),opacity .5s;stroke-linecap:round}
.wheel .hub{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.wheel .hub .mono{color:var(--mv)}
.wheel .hub b{display:block;font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;font-weight:600;margin-top:6px;min-width:5ch}
.steps{list-style:none;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:54px 1fr;gap:6px 18px;padding:24px 0;border-top:1px solid var(--hair);cursor:pointer}
.steps li:last-child{border-bottom:1px solid var(--hair)}
.steps li::before{content:"0" counter(s);font-family:var(--mono);font-size:13px;color:var(--mv);padding-top:7px}
.steps h3{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.03em;transition:color .3s}
.steps p{grid-column:2;color:var(--muted);font-size:16.5px;max-width:52ch}
.steps li[aria-current=true] h3{color:var(--accent)}
.steps li:not([aria-current=true]) h3{color:#4d4960}
.steps li:hover h3{color:var(--accent)}

/* cost */
.cost{background:var(--wash);border-block:1px solid var(--soft)}
.cost-head{display:grid;grid-template-columns:2fr 1fr;gap:clamp(30px,6vw,100px);align-items:end}
.bars{margin-top:clamp(44px,5vw,72px);display:grid;gap:14px}
.bar{display:grid;grid-template-columns:minmax(180px,250px) 1fr;gap:22px;align-items:center}
.bar .who{font-weight:600;font-size:17px;letter-spacing:-.015em}
.bar .who small{display:block;font-weight:400;font-size:13.5px;color:var(--mv);margin-top:2px;letter-spacing:0}
.bar .rail{height:64px;display:flex;align-items:center;gap:16px}
.bar .price{font-size:clamp(20px,2vw,28px);letter-spacing:-.03em;font-weight:600;white-space:nowrap}
.bar.us .price{color:var(--accent)}
.bar .fill{height:100%;border-radius:14px;background:#fff;border:1px solid var(--soft);min-width:10px;flex:none}
.bar:first-child .fill{flex:0 1 auto;max-width:calc(100% - 120px)}
.bar.us .fill{background:var(--accent);border-color:var(--accent);border-radius:5px;box-shadow:0 0 0 6px rgba(85,70,214,.16)}
.bar .does{font-size:13.5px;color:var(--mv);margin-top:8px}
.bar.us .does{color:var(--accent);font-weight:500}
.uspanel{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px 26px;border-radius:16px;background:#fff;border:1px solid var(--accent);box-shadow:0 18px 50px -24px rgba(85,70,214,.55)}
.uspanel b{font-size:clamp(19px,1.8vw,24px);letter-spacing:-.025em;font-weight:600;color:var(--accent)}
.uspanel p{color:var(--muted);font-size:15px;margin-top:4px;max-width:62ch}
.bar.us{align-items:center;margin-top:10px}
.cost .foot a{text-decoration:underline;text-underline-offset:3px}
.cost .foot{margin-top:28px;font-size:12.5px;color:var(--mv);max-width:90ch}

/* trust */
.trust-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(40px,7vw,120px)}
.trust-grid h2{position:sticky;top:40px;align-self:start}
.rules{list-style:none;padding:0}
.rules li{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;padding:26px 0;border-top:1px solid var(--ink)}
.rules li:last-child{border-bottom:1px solid var(--ink)}
.rules h3{font-size:21px;letter-spacing:-.025em;line-height:1.15}
.rules p{color:var(--muted);font-size:16px}

/* platforms */
.plat{background:#fff;border-block:1px solid var(--hair);padding:clamp(60px,7vw,100px) 0}
.plat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border:1px solid var(--hair);border-radius:20px;overflow:hidden;margin-top:44px}
.plat-grid>a,.plat-grid>div{padding:30px 32px 28px;border-inline-end:1px solid var(--hair);display:flex;flex-direction:column;gap:8px;transition:background .25s}
.plat-grid>:last-child{border:0}
.plat-grid>a:hover{background:var(--wash)}
.plat-grid .mono{color:var(--mint-text)}
.plat-grid b{font-size:24px;letter-spacing:-.03em;font-weight:600}
.plat-grid p{color:var(--muted);font-size:15px}
.plat-grid .link{margin-top:auto;padding-top:22px;color:var(--accent);font-weight:600;font-size:15px}

/* team */
.team{padding-block:clamp(70px,8vw,120px)}
.team-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:clamp(24px,4vw,60px);align-items:start}
.team h2{font-size:clamp(28px,3.2vw,44px)}
.who2{border-top:1px solid var(--ink);padding-top:18px}
.who2 b{font-size:20px;letter-spacing:-.02em;font-weight:600}
.who2 .mono{color:var(--accent);margin:4px 0 10px;display:block}
.who2 p{color:var(--muted);font-size:15.5px}

/* audiences */
.aud{background:#fff;border-block:1px solid var(--hair)}
.aud-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--ink)}
.aud-col{padding:34px clamp(0px,3vw,48px) 8px 0;display:flex;flex-direction:column;gap:12px}
.aud-col+.aud-col{padding-inline:clamp(24px,3vw,48px) 0;border-inline-start:1px solid var(--hair)}
.aud-col .mono{color:var(--accent)}
.aud-col h3{font-size:clamp(26px,2.8vw,40px);letter-spacing:-.035em;max-width:16ch}
.aud-col p{color:var(--muted);font-size:17px;max-width:46ch}
.aud-col .link{margin-top:14px;color:var(--accent);font-weight:600}
/* design partners */
.dp{background:var(--wash);border-block:1px solid var(--soft);padding-block:clamp(70px,8vw,120px)}
.dp-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,6vw,100px);align-items:end}
.dp .kicker::before{display:none}
.dp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
/* faq */
.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(40px,7vw,120px)}
.faq-grid h2{position:sticky;top:40px;align-self:start}
.q{border-top:1px solid var(--ink)}
.q:last-child{border-bottom:1px solid var(--ink)}
.q summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer}
.q summary::-webkit-details-marker{display:none}
.q h3{font-size:clamp(19px,1.7vw,23px);letter-spacing:-.025em;line-height:1.2}
.q i{flex:none;inline-size:14px;block-size:14px;position:relative}
.q i::before,.q i::after{content:"";position:absolute;inset:6px 0;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease)}
.q i::after{transform:rotate(90deg)}
.q[open] i::after{transform:none}
.q p{color:var(--muted);font-size:16.5px;max-width:62ch;padding-bottom:26px}
/* closing */
.close{text-align:center;padding-block:clamp(90px,11vw,170px) 0}
.close h2{font-size:clamp(40px,6.6vw,96px);letter-spacing:-.05em;max-width:14ch;margin-inline:auto;line-height:.96}
.close p{color:var(--night-muted);margin:24px auto 0;max-width:52ch;font-size:18px}
.close-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.check-note{margin-top:14px;font-size:13px;color:var(--night-muted);min-height:20px}
.ring-mini{margin:clamp(60px,8vw,110px) auto 0;width:min(760px,90vw);aspect-ratio:2/1;overflow:hidden}
.ring-mini svg{width:100%;aspect-ratio:1;display:block;animation:breathe 6s ease-in-out infinite}
@keyframes breathe{50%{opacity:.72}}

/* closing · the ring as a loader */
.magic{position:relative;margin:clamp(50px,6vw,90px) auto 0;width:min(900px,94vw);aspect-ratio:1000/520;overflow:hidden}
.magic>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.magic>svg path{fill:none;stroke-linecap:round;stroke-width:64}
.m-track{stroke:rgba(139,118,242,.13)}
.m-fill{stroke:url(#mg);stroke-dasharray:100;animation:mfill 13s cubic-bezier(.5,0,.2,1) infinite}
.m-halo{stroke:#6d5ce7;stroke-width:90!important;opacity:.55;stroke-dasharray:100;animation:mfill 13s cubic-bezier(.5,0,.2,1) infinite}
.m-head{stroke:#fff;stroke-width:70!important;stroke-dasharray:.01 200;animation:mhead 13s cubic-bezier(.5,0,.2,1) infinite}
.m-spark{stroke:#fff;stroke-width:3!important;stroke-dasharray:.4 3.1;opacity:.5;animation:mspark 1.2s linear infinite,mfade 13s infinite}
@keyframes mfill{0%{stroke-dashoffset:100;opacity:1}78%{stroke-dashoffset:0;opacity:1}90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mhead{0%{stroke-dashoffset:0;opacity:1}78%{stroke-dashoffset:-100;opacity:1}86%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes mspark{to{stroke-dashoffset:-3.5}}
@keyframes mfade{0%,100%{opacity:0}15%,80%{opacity:.5}}
.m-status{position:absolute;left:50%;bottom:7%;translate:-50% 0;text-align:center;display:grid;gap:6px}
.m-status b{font-size:clamp(40px,6vw,84px);font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.m-status span{color:var(--lav)}
.m-words{position:absolute;inset:0}
.m-words span{position:absolute;translate:-50% -50%;white-space:nowrap;padding:6px 12px;border-radius:999px;font-size:13.5px;border:1px solid var(--night-hair);background:rgba(24,20,46,.85);color:#d9d4ee;animation:pop 2.6s var(--ease) both}
.m-words span svg{vertical-align:-2px;margin-inline-start:5px}
.m-words span.hit{border-color:rgba(36,200,140,.45);color:#7ff0c2}
@keyframes pop{0%{opacity:0;transform:scale(.4) translateY(14px);filter:blur(6px)}14%{opacity:1;transform:scale(1.08);filter:none}22%{transform:scale(1)}75%{opacity:1;transform:translateY(-6px)}100%{opacity:0;transform:translateY(-22px) scale(.96)}}
@media (max-width:680px){.magic>svg path{stroke-width:44}.m-words span{font-size:11.5px;padding:4px 9px}}
.sitefoot{border-top:1px solid var(--night-hair);padding:clamp(48px,6vw,84px) 0 28px;text-align:start}
.foot-grid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:clamp(20px,2.6vw,40px)}
.foot-brand p{color:var(--night-muted);font-size:14.5px;max-width:34ch;margin-top:16px}
.foot-brand .badges{display:grid;gap:6px;color:#5fe0ad;font-size:11.5px}
.sitefoot .colh{color:#8f89a8;font-weight:500;margin-bottom:16px}
.sitefoot ul{list-style:none;padding:0;display:grid;gap:11px;font-size:14.5px;color:#cfcae3}
.sitefoot a:hover{color:#fff}
.foot-bottom{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:clamp(40px,5vw,64px);padding-top:22px;border-top:1px solid var(--night-hair);color:var(--night-muted);font-size:13.5px}
.foot-bottom .sp{flex:1}
@media (max-width:1020px){.foot-grid{grid-template-columns:repeat(4,1fr)}.foot-brand{grid-column:1/-1}}

/* ── responsive ────────────────────────────────────────────────────────── */
@media (max-width:1020px){
  .navlinks,.nav .login{display:none}
  .mnav{display:block}
  .nav{gap:12px}
  .cols{grid-template-columns:1fr 1fr}
  .col:nth-child(2){border-inline-end:0}
  .col:nth-child(-n+2){border-bottom:1px solid var(--night-hair)}
  .shift-head,.cost-head,.vs-grid,.loop-grid,.trust-grid,.team-grid,.dp-grid,.faq-grid{grid-template-columns:1fr}
  .faq-grid h2{position:static}
  .trust-grid h2{position:static}
  .wheel{max-width:380px;margin-inline:auto}
  .plat-grid{grid-template-columns:1fr}
  .plat-grid>a,.plat-grid>div{border-inline-end:0;border-bottom:1px solid var(--hair)}
}
@media (max-width:680px){
  .stats{grid-template-columns:1fr}
  .stat,.stat+.stat{padding:26px 0;border-inline-end:0;border-bottom:1px solid var(--hair)}
  .cols{grid-template-columns:1fr}
  .col{border-inline-end:0;border-bottom:1px solid var(--night-hair);min-height:0}
  .col:nth-child(n+3){display:none}
  .seg{width:100%}.seg button{flex:1}
  .bar{grid-template-columns:1fr;gap:8px}
  .aud-grid{grid-template-columns:1fr}
  .aud-col+.aud-col{padding-inline:0;border-inline-start:0;border-top:1px solid var(--hair)}
  .foot-grid{grid-template-columns:1fr 1fr!important}
  .rules li{grid-template-columns:1fr;gap:8px}
  .log li{grid-template-columns:54px 1fr}.log li .k{display:none}
  .stage-foot .note{margin-inline-start:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media print{.sv,.grow,.hero h1 .l>span,.stage,.hero .sub,.hero .cta,.hero .fine{animation:none!important}}

/* ═════════════ inner pages ═════════════ */
.phead{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,84px);align-items:center;padding-block:clamp(40px,6vw,88px) clamp(56px,7vw,104px)}
.crumb{display:flex;align-items:center;gap:10px;color:var(--night-muted)}
.crumb i{font-style:normal;opacity:.45}
.crumb a:hover{color:#fff}
.crumb b{color:var(--lav);font-weight:500}
.phead h1{font-size:clamp(40px,5.4vw,80px);letter-spacing:-.048em;line-height:.98;margin-top:22px;animation:fade .9s var(--ease) both}
.phead .sub{margin-top:24px;font-size:clamp(17px,1.4vw,19.5px);color:var(--night-muted);line-height:1.55;max-width:54ch;animation:fade .9s .15s var(--ease) both}
.phead .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;animation:fade .9s .3s var(--ease) both}
.panel{border:1px solid var(--night-hair);border-radius:22px;padding:26px 28px;background:linear-gradient(180deg,rgba(24,20,46,.92),rgba(14,12,28,.96));box-shadow:0 30px 120px -30px rgba(85,70,214,.6);animation:lift 1.1s .25s var(--ease) both}
.panel-top,.sov-top{display:flex;justify-content:space-between;gap:12px;color:var(--night-muted)}
.dim{opacity:.7}
.scoreline{display:flex;align-items:baseline;gap:4px;margin-top:20px}
.scoreline b{font-size:clamp(72px,8vw,120px);font-weight:600;letter-spacing:-.06em;line-height:.9;font-variant-numeric:tabular-nums}
.scoreline .pct{font-size:clamp(30px,3.2vw,46px);color:var(--lav);font-weight:600;letter-spacing:-.03em}
.up{font-style:normal;margin-inline-start:16px;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:#5fe0ad;background:rgba(36,200,140,.13);padding:5px 9px;border-radius:7px;align-self:center}
.panel-note{color:#cfcae3;font-size:15px;margin-top:12px}
.spark{display:flex;align-items:flex-end;gap:7px;height:96px;margin-top:24px;padding-bottom:1px;border-bottom:1px solid var(--night-hair)}
.spark i{flex:1;height:calc(var(--h) * 2.2%);min-height:6px;border-radius:5px 5px 0 0;background:rgba(139,118,242,.32);transform-origin:bottom;animation:rise2 .9s var(--ease) both}
.spark i.now{background:linear-gradient(180deg,#b3a4ff,#5546d6)}
.spark i:nth-child(n){animation-delay:calc(.35s + var(--i,0) * 1ms)}
.spark i:nth-child(2){--i:50}.spark i:nth-child(3){--i:100}.spark i:nth-child(4){--i:150}.spark i:nth-child(5){--i:200}.spark i:nth-child(6){--i:250}.spark i:nth-child(7){--i:300}.spark i:nth-child(8){--i:350}.spark i:nth-child(9){--i:400}.spark i:nth-child(10){--i:450}
@keyframes rise2{from{transform:scaleY(.04)}to{transform:none}}
.engrows{list-style:none;padding:0;margin-top:20px;display:grid;gap:12px;font-size:14.5px}
.engrows li{display:grid;grid-template-columns:96px 1fr 62px;align-items:center;gap:14px}
.engrows li>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600}
.sq{inline-size:8px;block-size:8px;border-radius:2px;background:var(--lav);display:block}
.track2{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.track2 u{display:block;height:100%;width:calc(var(--w) * 1%);border-radius:3px;background:var(--mint);transform-origin:left;animation:growx 1s .7s var(--ease) both}
@keyframes growx{from{transform:scaleX(0)}to{transform:none}}
.engrows b{font-weight:500;color:var(--night-muted);text-align:end;font-variant-numeric:tabular-nums}
.illus2{margin-top:20px;font-size:12px;color:#8f89a8}
.illus3{margin-top:18px;font-size:12px;color:var(--mv)}

.band{background:#fff;border-block:1px solid var(--hair)}
.stickyhead{position:sticky;top:40px;align-self:start}
.stickyhead .lede{max-width:44ch}
.trust-grid>.stickyhead h2{position:static}

.viewer-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,4vw,64px);margin-top:clamp(40px,5vw,64px);align-items:start}
.viewer{border:1px solid var(--hair);border-radius:20px;background:var(--paper);padding:22px}
.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.vq{display:flex;align-items:center;gap:10px;font-weight:500;font-size:15.5px;color:var(--ink);padding:10px 14px;border:1px solid var(--hair);border-radius:12px;background:#fff;flex:1;min-width:240px}
.vq svg{flex:none;color:var(--mv)}
.vtabs{display:flex;padding:4px;border-radius:12px;background:#fff;border:1px solid var(--hair)}
.vtabs button{height:34px;padding:0 16px;border:0;background:none;border-radius:9px;font-size:14px;font-weight:500;color:var(--muted)}
.vtabs button[aria-selected=true]{background:var(--accent);color:#fff}
.vbody{margin-top:18px;padding:22px;border-radius:14px;background:#fff;border:1px solid var(--hair)}
.vbody p{font-size:16.5px;line-height:1.65;color:#2b2838;margin-top:14px;max-width:none}
.vbody mark{background:var(--wash);color:var(--accent);padding:1px 6px;border-radius:6px;font-weight:600}
.vbody .other{color:var(--mv)}
.verdict2{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;border-radius:6px;color:var(--mint-text);background:var(--mint-bg)}
.srcs{list-style:none;padding:0;margin-top:18px;border-top:1px solid var(--hair)}
.srcs li{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--hair);font-size:14.5px;color:var(--muted);align-items:baseline}
.srcs li:last-child{border-bottom:0;padding-bottom:0}
.srcs .mono{font-size:11px;color:var(--mv)}
.srcs .you{color:var(--ink);font-weight:500}
.srcs .you .mono{color:var(--mint-text)}
.uses{list-style:none;padding:0}
.uses li{padding:24px 0;border-top:1px solid var(--ink)}
.uses li:last-child{border-bottom:1px solid var(--ink)}
.uses h3{font-size:21px;letter-spacing:-.025em}
.uses p{color:var(--muted);font-size:16px;margin-top:8px}

.comp-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,110px);align-items:center}
.ticks{list-style:none;padding:0;margin-top:28px;display:grid;gap:14px;max-width:52ch}
.ticks li{position:relative;padding-inline-start:30px;font-size:16.5px;color:#2b2838}
.ticks li::before{content:"";position:absolute;left:2px;top:.42em;inline-size:12px;block-size:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.sov{border-radius:22px;padding:28px;background:var(--night);color:var(--night-ink);position:relative;overflow:hidden}
.sov::before{content:"";position:absolute;inset:auto -20% -60% -20%;height:90%;background:radial-gradient(closest-side,rgba(85,70,214,.45),transparent);pointer-events:none}
.sov ol{list-style:none;padding:0;margin-top:22px;display:grid;gap:16px;position:relative}
.sov li{display:grid;grid-template-columns:minmax(120px,170px) 1fr 48px;gap:16px;align-items:center;font-size:15px}
.sov li>span:first-child{font-weight:500;color:#ddd9ee}
.sov small{display:block;font-size:10.5px;color:#8f89a8;margin-top:2px}
.bar2{display:block;height:26px;border-radius:7px;background:rgba(255,255,255,.06);overflow:hidden}
.bar2 u{display:block;height:100%;border-radius:7px;background:rgba(139,118,242,.4)}
.sov li.me>span:first-child{color:#fff;font-weight:600}
.sov li.me small{color:#5fe0ad}
.sov li.me .bar2 u{background:linear-gradient(90deg,#5546d6,#b3a4ff)}
.sov li.disc .bar2 u{background:repeating-linear-gradient(135deg,rgba(139,118,242,.42) 0 7px,rgba(139,118,242,.22) 7px 14px)}
.sov li b{text-align:end;font-weight:600;font-variant-numeric:tabular-nums}
.sov .illus3{color:#8f89a8;position:relative}

.eng-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border:1px solid var(--hair);border-radius:20px;overflow:hidden}
.eng-grid>div{padding:30px 32px;border-inline-end:1px solid var(--hair);display:flex;flex-direction:column;gap:8px}
.eng-grid>div:last-child{border:0;background:var(--paper)}
.eng-grid b{font-size:26px;letter-spacing:-.03em;font-weight:600}
.eng-grid p{color:var(--muted);font-size:15.5px}
.live2{color:var(--mint-text)}.next2{color:var(--mv)}

.next3{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--ink)}
.next3>*{padding:28px clamp(16px,2.4vw,36px) 8px 0;display:flex;flex-direction:column;gap:8px}
.next3>*+*{padding-inline-start:clamp(16px,2.4vw,36px);border-inline-start:1px solid var(--hair)}
.next3 .mono{color:var(--mv)}
.next3 .here .mono{color:var(--accent)}
.next3 b{font-size:clamp(26px,2.8vw,38px);letter-spacing:-.035em;font-weight:600}
.next3 a:hover b{color:var(--accent)}
.next3 p{color:var(--muted);font-size:16px;max-width:36ch}
.next3 .link{margin-top:12px;color:var(--accent);font-weight:600;font-size:15px}
.faq.band{background:#fff}

@media (max-width:1020px){
  .phead,.viewer-grid,.comp-grid{grid-template-columns:1fr}
  .stickyhead{position:static}
  .eng-grid,.next3{grid-template-columns:1fr}
  .eng-grid>div{border-inline-end:0;border-bottom:1px solid var(--hair)}
  .next3>*+*{padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--hair)}
}
@media (max-width:680px){
  .sov li{grid-template-columns:104px 1fr 40px;gap:10px}
  .srcs li{grid-template-columns:1fr;gap:2px}
  .panel{padding:22px 20px}
}

/* ── Ship page ── */
.queue ul{list-style:none;padding:0;margin-top:18px;display:grid;gap:10px}
.queue li{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;padding:14px 14px 14px 16px;border:1px solid var(--night-hair);border-radius:14px;background:rgba(255,255,255,.035);transition:border-color .4s,background .4s;animation:fade .7s var(--ease) both}
.queue li:nth-child(1){animation-delay:.35s}.queue li:nth-child(2){animation-delay:.47s}.queue li:nth-child(3){animation-delay:.59s}.queue li:nth-child(4){animation-delay:.71s}
.qk{color:var(--lav);font-size:11px}
.queue b{display:block;font-weight:600;font-size:15px;line-height:1.3;color:#fff}
.queue small{display:block;color:var(--night-muted);font-size:13px;margin-top:3px}
.queue button{height:34px;padding:0 14px;border-radius:999px;border:0;background:var(--accent);color:#fff;font-weight:600;font-size:13.5px;transition:background .2s,transform .2s var(--ease)}
.queue button:hover{background:var(--deep)}
.queue button:active{transform:scale(.96)}
.queue li.done{border-color:rgba(36,200,140,.35);background:rgba(36,200,140,.06)}
.queue li.done button{background:rgba(36,200,140,.16);color:#5fe0ad;cursor:default}
.queue li.done .qk{color:#5fe0ad}

.pipe{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--ink);position:relative}
.pipe li{padding:26px 22px 8px 0;display:flex;flex-direction:column;gap:8px;position:relative}
.pipe li+li{padding-inline-start:22px;border-inline-start:1px solid var(--hair)}
.pipe li::before{content:"";position:absolute;top:-5px;left:0;inline-size:9px;block-size:9px;border-radius:50%;background:var(--ink)}
.pipe li+li::before{left:-5px}
.pipe .mono{color:var(--mv)}
.pipe b{font-size:clamp(20px,1.9vw,26px);letter-spacing:-.03em;font-weight:600}
.pipe p{color:var(--muted);font-size:15px}
.pipe .you2::before{background:var(--accent);box-shadow:0 0 0 5px rgba(85,70,214,.18)}
.pipe .you2 b,.pipe .you2 .mono{color:var(--accent)}
.duo{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin-top:clamp(40px,5vw,64px)}
.duo li{border-top:1px solid var(--hair);padding-top:22px}
.duo h3{font-size:21px;letter-spacing:-.025em}
.duo p{color:var(--muted);font-size:16px;margin-top:8px;max-width:56ch}

.diff{margin-top:30px;border:1px solid var(--hair);border-radius:16px;background:var(--paper);padding:20px 22px;max-width:460px}
.diff>.mono{color:var(--mv);margin-bottom:14px}
.diff p:not(.mono){font-size:15.5px;line-height:1.4;padding:12px 0;border-top:1px solid var(--hair);display:grid;gap:4px}
.diff p .mono{font-size:10.5px}
.diff .was{color:var(--muted);text-decoration:line-through;text-decoration-color:#c9c4da}
.diff .was .mono{color:var(--mv);text-decoration:none;display:block}
.diff .now2{color:var(--ink);font-weight:500}
.diff .now2 .mono{color:var(--mint-text)}

.catmock{border:1px solid var(--hair);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 30px 80px -40px rgba(33,28,134,.35)}
.cm-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--hair);background:var(--paper)}
.cm-bar i{inline-size:9px;block-size:9px;border-radius:50%;background:#d9d4ea;display:block}
.cm-bar .mono{margin-inline-start:10px;color:var(--mv);font-size:11px;text-transform:none;letter-spacing:0}
.cm-body{padding:24px}
.cm-h{font-size:24px;font-weight:600;letter-spacing:-.03em}
.cm-block{margin-top:16px;padding:16px 18px;border-radius:12px;border:1px dashed #b3a4ff;background:var(--wash)}
.cm-block>.mono{color:var(--accent);font-size:10.5px;display:block;margin-bottom:8px}
.cm-block p{font-size:14.5px;color:#2b2838;line-height:1.55}
.cm-q{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--soft);font-weight:500}
.cm-q:first-of-type{border-top:0;padding-top:0}
.cm-q b{color:var(--accent);font-weight:500}
.cm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.cm-grid i{display:block;aspect-ratio:1;border-radius:10px;background:linear-gradient(160deg,#efecf8,#e3def3)}
.catmock .illus3{padding:0 24px 20px;margin-top:0}

.cluster{border:1px solid var(--hair);border-radius:20px;background:var(--paper);padding:20px}
.cluster svg{width:100%;height:auto;display:block}
.cluster .pulse path{animation:flow 3.2s linear infinite}
.cluster .pulse path:nth-child(2){animation-delay:.6s}.cluster .pulse path:nth-child(3){animation-delay:1.2s}.cluster .pulse path:nth-child(4){animation-delay:1.8s}.cluster .pulse path:nth-child(5){animation-delay:2.4s}
@keyframes flow{from{stroke-dashoffset:206}to{stroke-dashoffset:0}}
#collections .comp-grid{grid-template-columns:1.05fr 1fr}
@media (max-width:1020px){
  .pipe{grid-template-columns:1fr;border-top:0;border-inline-start:1px solid var(--ink);margin-inline-start:4px}
  .pipe li,.pipe li+li{padding:0 0 26px 26px;border-inline-start:0}
  .pipe li::before,.pipe li+li::before{top:6px;left:-5px}
  .duo{grid-template-columns:1fr}
  #collections .comp-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  .queue li{grid-template-columns:1fr auto;gap:8px 12px}
  .queue li .qk{grid-column:1/-1}
  .cm-grid{grid-template-columns:repeat(2,1fr)}
  .cm-grid i:nth-child(n+3){display:none}
}

/* ── Prove page ── */
.proof ul{list-style:none;padding:0;margin-top:20px;display:grid;gap:18px}
.proof li{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:baseline;animation:fade .7s var(--ease) both}
.proof li:nth-child(1){animation-delay:.35s}.proof li:nth-child(2){animation-delay:.45s}.proof li:nth-child(3){animation-delay:.55s}.proof li:nth-child(4){animation-delay:.65s}
.pl{font-size:15px;color:#ddd9ee}
.pv{display:flex;align-items:baseline;gap:12px;font-variant-numeric:tabular-nums}
.pv s{color:#8f89a8;font-size:14.5px;text-decoration-color:#5a5478}
.pv b{font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.03em;color:#fff}
.pbar{grid-column:1/-1;display:grid;gap:4px}
.pbar u{display:block;height:6px;border-radius:3px;width:calc(var(--w) * 1%);background:rgba(255,255,255,.14);transform-origin:left;animation:growx 1s .6s var(--ease) both}
.pbar u.a{background:linear-gradient(90deg,#5546d6,#b3a4ff);animation-delay:.85s}

.report{border:1px solid var(--hair);border-radius:20px;background:var(--paper);padding:26px 28px;box-shadow:0 30px 80px -40px rgba(33,28,134,.35)}
.rp-top{display:flex;justify-content:space-between;gap:12px;color:var(--mv)}
.rp-copy{color:var(--accent);border:1px solid var(--soft);border-radius:7px;padding:3px 8px;font-size:10.5px;background:#fff}
.rp-h{font-size:26px;font-weight:600;letter-spacing:-.03em;margin-top:14px}
.rp-kpis{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-block:1px solid var(--hair)}
.rp-kpis div{padding:16px 14px 16px 0}
.rp-kpis div+div{padding-inline-start:16px;border-inline-start:1px solid var(--hair)}
.rp-kpis b{display:block;font-size:30px;letter-spacing:-.04em;font-weight:600;font-variant-numeric:tabular-nums}
.rp-kpis span{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.up2{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--mint-text);background:var(--mint-bg);padding:2px 6px;border-radius:5px}
.rp-l{color:var(--mv);margin-top:22px;font-size:11px}
.rp-list{list-style:none;padding:0;margin-top:8px;font-size:15px}
.rp-list li{padding:9px 0 9px 22px;border-bottom:1px solid var(--hair);position:relative}
.rp-list li::before{content:"";position:absolute;left:2px;top:1.05em;inline-size:9px;block-size:5px;border-left:2px solid var(--mint-text);border-bottom:2px solid var(--mint-text);transform:rotate(-45deg)}
.rp-sov{list-style:none;padding:0;margin-top:10px;display:grid;gap:9px;font-size:14.5px}
.rp-sov li{display:grid;grid-template-columns:96px 1fr 40px;gap:12px;align-items:center}
.rp-sov i{display:block;height:10px;border-radius:5px;width:calc(var(--w) * 1%);background:#d9d2f6}
.rp-sov .me span,.rp-sov .me b{font-weight:600;color:var(--accent)}
.rp-sov .me i{background:var(--accent)}
.rp-sov b{text-align:end;font-weight:500;font-variant-numeric:tabular-nums}
#report .comp-grid{grid-template-columns:1fr 1.05fr}

.ledger{margin-top:clamp(36px,4.5vw,56px);border:1px solid var(--hair);border-radius:18px;background:#fff;overflow:hidden;font-size:15px}
.ledger table{width:100%;border-collapse:collapse;text-align:start}
.ledger th,.ledger td{padding:15px 22px;text-align:start;border-top:1px solid var(--hair);vertical-align:middle}
.ledger thead th{border-top:0;background:var(--paper);font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--mv);font-weight:400}
.ledger td.mono{font-size:12px;color:var(--mv);text-transform:none;letter-spacing:0;white-space:nowrap}
.ledger td:nth-child(2){font-family:var(--mono);font-size:13px;color:#2b2838}
.vh{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.inl{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.night .inl{color:#cfc6ff}
.st{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:6px}
.live3{color:var(--mint-text);background:var(--mint-bg)}
.back{color:var(--mv);background:var(--wash)}
@media (max-width:1020px){#report .comp-grid{grid-template-columns:1fr}}
@media (max-width:680px){
  .ledger thead{display:none}
  .ledger tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 16px;border-top:1px solid var(--hair)}
  .ledger tbody tr:first-child{border-top:0}
  .ledger td{padding:0;border:0}
  .ledger td:nth-child(1){grid-column:1/-1}
  .ledger td:nth-child(3){grid-column:1/-1;order:3}
  .rp-kpis b{font-size:24px}
}

/* ── legal pages ── */
.lhead{padding-block:clamp(36px,5vw,72px) clamp(44px,6vw,84px);max-width:var(--wrap)}
.lhead h1{font-size:clamp(40px,5.4vw,76px);letter-spacing:-.048em;line-height:1;margin-top:22px}
.lhead .sub{margin-top:20px;font-size:clamp(17px,1.4vw,19.5px);color:var(--night-muted);max-width:60ch;line-height:1.55}
.updated{margin-top:24px;color:var(--lav)}
.legal{padding-block:clamp(56px,7vw,96px)}
.legal-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,760px);gap:clamp(32px,6vw,110px);align-items:start}
.ltoc{position:sticky;top:32px;max-height:calc(100vh - 64px);overflow:auto;padding-bottom:8px}
.ltoc .colh{color:var(--mv);margin-bottom:14px}
.ltoc ol{list-style:none;padding:0;display:grid;gap:9px;font-size:14px;color:var(--muted);border-inline-start:1px solid var(--hair);padding-inline-start:16px}
.ltoc a:hover{color:var(--accent)}
.prose{font-size:16.5px;line-height:1.68;color:#2b2838}
.prose h2{font-size:clamp(22px,2.1vw,28px);letter-spacing:-.03em;line-height:1.2;margin:52px 0 16px;padding-top:26px;border-top:1px solid var(--hair);scroll-margin-top:24px}
.prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.prose h3{font-size:18.5px;letter-spacing:-.02em;line-height:1.3;margin:30px 0 10px}
.prose p{margin:0 0 14px;max-width:none}
.prose ul{margin:0 0 16px;padding-inline-start:22px;display:grid;gap:8px}
.prose li::marker{color:var(--accent)}
.prose strong{font-weight:600;color:var(--ink)}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.prose code{font-family:var(--mono);font-size:.86em;background:var(--wash);border:1px solid var(--soft);border-radius:5px;padding:1px 5px}
.prose blockquote{margin:18px 0;padding:16px 20px;border-radius:12px;background:var(--wash);border:1px solid var(--soft)}
.prose blockquote p{margin:0}
@media (max-width:1020px){.legal-grid{grid-template-columns:1fr}.ltoc{position:static;max-height:none}.ltoc ol{grid-template-columns:1fr 1fr;gap:9px 20px}}
@media (max-width:680px){.ltoc ol{grid-template-columns:1fr}}

/* ── pricing ── */
.pricehead{text-align:start}
.cycle{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--night-hair);margin-top:30px}
.cycle button{height:38px;padding:0 18px;border:0;background:none;border-radius:999px;color:var(--night-muted);font-size:14.5px;font-weight:500;display:inline-flex;align-items:center;gap:8px}
.cycle button[aria-pressed=true]{background:#fff;color:var(--night)}
.cycle em{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:#5fe0ad}
.cycle button[aria-pressed=true] em{color:var(--mint-text)}
.pricehead{padding-bottom:clamp(96px,10vw,140px)}
.plans-sec{padding-block:0 clamp(70px,8vw,120px)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:-64px;position:relative;z-index:2}
.plan{position:relative;background:#fff;border:1px solid var(--hair);border-radius:22px;padding:30px 28px 28px;display:flex;flex-direction:column;box-shadow:0 24px 60px -36px rgba(33,28,134,.35)}
.plan.pop{border-color:var(--accent);box-shadow:0 30px 80px -30px rgba(85,70,214,.55)}
.poptag{position:absolute;top:-11px;left:28px;background:var(--accent);color:#fff;padding:4px 10px;border-radius:7px;font-size:10.5px}
.plan h2{font-size:26px;letter-spacing:-.03em}
.ptag{color:var(--muted);font-size:15px;margin-top:6px;min-height:44px}
.price2{display:flex;align-items:baseline;gap:3px;margin-top:18px}
.price2 .cur{font-size:26px;font-weight:600;color:var(--mv)}
.price2 b{font-size:clamp(56px,5.4vw,76px);font-weight:600;letter-spacing:-.055em;line-height:1;font-variant-numeric:tabular-nums}
.price2 .per{color:var(--muted);font-size:15px;margin-inline-start:6px}
.bill{font-size:13.5px;color:var(--mv);margin-top:8px}
.axes{list-style:none;padding:0;margin:22px 0 26px;border-top:1px solid var(--hair);font-size:15px;flex:1}
.axes li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--hair);color:var(--muted)}
.axes li b{color:var(--ink);font-weight:600;text-align:end}
.axes li.ft{color:var(--ink);justify-content:flex-start;gap:10px}
.axes li.ft::before{content:"";flex:none;margin-top:.45em;inline-size:11px;block-size:6px;border-left:2px solid var(--mint-text);border-bottom:2px solid var(--mint-text);transform:rotate(-45deg)}
.plan .btn{justify-content:center}
.custom{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;padding:30px 32px;border-radius:22px;background:var(--night);color:var(--night-ink);position:relative;overflow:hidden}
.custom::before{content:"";position:absolute;inset:auto -10% -120% 30%;height:220%;background:radial-gradient(closest-side,rgba(85,70,214,.55),transparent);pointer-events:none}
.custom>*{position:relative}
.custom .mono{color:var(--lav)}
.custom h2{font-size:clamp(30px,3vw,42px);margin-top:6px}
.custom p{color:var(--night-muted);margin-top:8px;max-width:58ch}
.custom-cta{display:flex;gap:10px;flex-wrap:wrap}
.custom .btn-line{background:transparent;color:#fff;border-color:var(--night-hair)}
.custom .btn-line:hover{border-color:var(--lav)}
.pnote{margin-top:22px;font-size:13.5px;color:var(--mv);max-width:96ch}
/* ── partners ── */
.fine2{margin-top:16px;color:var(--night-muted);font-size:12px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}
.clients ul{list-style:none;padding:0;margin-top:18px;display:grid;gap:10px}
.clients li{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center;padding:14px 16px;border:1px solid var(--night-hair);border-radius:14px;background:rgba(255,255,255,.035);animation:fade .7s var(--ease) both}
.clients li:nth-child(1){animation-delay:.35s}.clients li:nth-child(2){animation-delay:.47s}.clients li:nth-child(3){animation-delay:.59s}.clients li:nth-child(4){animation-delay:.71s}
.clients b{font-weight:600;font-size:15.5px;color:#fff}
.clients span{grid-column:1;color:var(--night-muted);font-size:13.5px}
.clients em{grid-row:1/3;grid-column:2;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:5px 9px;border-radius:7px}
.clients .ok{color:#5fe0ad;background:rgba(36,200,140,.13)}
.clients .w{color:#fff;background:var(--accent)}
.econ{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(40px,5vw,64px);border:1px solid var(--hair);border-radius:22px;overflow:hidden}
.econ>div{padding:34px clamp(24px,3vw,44px);display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.econ .with{background:var(--night);color:var(--night-ink)}
.econ .mono{color:var(--mv)}
.econ .with .mono{color:var(--lav)}
.econ b{font-size:clamp(24px,2.5vw,34px);letter-spacing:-.035em;font-weight:600;line-height:1.1}
.econ p{color:var(--muted);font-size:16.5px;max-width:48ch}
.econ .with p{color:var(--night-muted)}
.ticks.wide{max-width:none;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.pipe.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1020px){.plans{grid-template-columns:1fr;margin-top:-48px}.ptag{min-height:0}.econ{grid-template-columns:1fr}.ticks.wide{grid-template-columns:1fr}.pipe.four{grid-template-columns:1fr}}