/* CABAL landing. Tokens are the app's (apps/web/src/styles/tokens.css). Violet is rare: the main button, the hero
   word, the planned path. Geist for text, IBM Plex Mono for numbers only. Radius 6 at most. Motion: transform and
   opacity only, 300 ms at most for the interface, Emil Kowalski curves, all off under prefers-reduced-motion. */

@font-face{font-family:Geist;src:url(fonts/Geist-Regular.woff2) format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:Geist;src:url(fonts/Geist-Medium.woff2) format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:Geist;src:url(fonts/Geist-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url(fonts/IBMPlexMono-400.woff2) format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'IBM Plex Mono';src:url(fonts/IBMPlexMono-500.woff2) format('woff2');font-weight:500;font-display:swap;}

:root{
  color-scheme:dark;
  --bg:#08070b;--work:#0c0b10;--band:#0e0d13;--s1:#110f16;--s2:#17151d;--s3:#1e1c25;--s4:#27242f;
  --line:rgba(236,232,255,.085);--line2:rgba(236,232,255,.05);--line3:rgba(236,232,255,.17);
  --text:#f3f1f7;--text2:#b6b2c0;--text3:#9a95a6;
  --acc:#bf9eff;--acc-line:rgba(191,158,255,.45);
  --btn:#7c4af2;--btn-h:#8a5cf5;--danger:#f68373;--dev:#73d2f5;
  --sans:Geist,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'Cascadia Mono',monospace;
  --r:6px;--r-sm:4px;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --g:24px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px;scrollbar-width:thin;scrollbar-color:var(--s4) var(--bg);}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;}
body.lock{overflow:hidden;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--s4);border:3px solid transparent;background-clip:content-box;border-radius:var(--r);}
::selection{background:rgba(191,158,255,.32);color:#fff;}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:var(--r-sm);}
a{color:inherit;text-decoration:none;}
h1,h2,p,ul,ol,dl,dd{margin:0;}
ul,ol{padding:0;list-style:none;}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;}
kbd{font:500 .78em var(--mono);padding:1px 5px;border:1px solid var(--line3);border-radius:var(--r-sm);color:var(--text2);}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums slashed-zero;}
.acc{color:var(--acc);}
.dim{color:var(--text3);}
.nw{white-space:nowrap;}
.defs{position:absolute;width:0;height:0;overflow:hidden;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip{position:absolute;left:16px;top:-60px;z-index:60;padding:10px 14px;background:var(--btn);color:#fff;border-radius:var(--r);}
.skip:focus{top:12px;}
.wrap{width:100%;max-width:1248px;margin:0 auto;padding:0 var(--g);}
.i{width:16px;height:16px;flex:none;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--r);font-weight:500;font-size:15px;white-space:nowrap;transition:transform .16s var(--ease-out),background-color .2s ease,border-color .2s ease;}
.btn:active{transform:scale(.97);}
.btn-solid{background:var(--btn);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);}
.btn-ghost{border:1px solid var(--line3);background:rgba(236,232,255,.03);}
.btn-sm{height:40px;padding:0 14px;font-size:14px;}
.btn .i{transition:transform .2s var(--ease-out);}
@media (hover:hover) and (pointer:fine){
  .btn-solid:hover{background:var(--btn-h);}
  .btn-ghost:hover{border-color:rgba(236,232,255,.3);background:rgba(236,232,255,.06);}
  .btn:hover .i{transform:translateX(2px);}
}

.nav{position:fixed;inset:0 0 auto;z-index:50;}
.nav::before{content:'';position:absolute;inset:0;background:rgba(8,7,11,.74);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line);opacity:0;transition:opacity .25s ease;}
.nav.solid::before{opacity:1;}
.nav.open::before{opacity:1;background:var(--bg);}
.nav-in{position:relative;display:flex;align-items:center;height:64px;gap:28px;}
.brand{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-weight:600;font-size:15px;letter-spacing:.06em;}
.mark{width:22px;height:22px;color:var(--text);}
.links{display:flex;gap:2px;margin-left:auto;}
.links a{padding:11px 12px;border-radius:var(--r);color:var(--text2);font-size:14px;transition:color .2s ease,background-color .2s ease;}
.links a.on{color:var(--text);}
@media (hover:hover) and (pointer:fine){.links a:hover{color:var(--text);background:rgba(236,232,255,.05);} }
.menu-btn{display:none;position:relative;width:44px;height:44px;margin-left:auto;border-radius:var(--r);}
.menu-btn i{position:absolute;left:13px;right:13px;height:1.5px;background:var(--text);transition:transform .24s var(--ease-out);}
.menu-btn i:first-of-type{top:18px;}
.menu-btn i:last-of-type{top:25px;}
.nav.open .menu-btn i:first-of-type{transform:translateY(3.5px) rotate(45deg);}
.nav.open .menu-btn i:last-of-type{transform:translateY(-3.5px) rotate(-45deg);}
.sheet{position:fixed;inset:64px 0 0;background:var(--bg);overflow-y:auto;transition:opacity .18s var(--ease-out);}
.sheet.out{opacity:0;}
.sheet nav{display:flex;flex-direction:column;padding-top:12px;padding-bottom:32px;}
.sheet a:not(.btn){padding:16px 0;font-size:22px;font-weight:500;letter-spacing:-.01em;border-bottom:1px solid var(--line);}
.sheet .btn{margin-top:28px;height:50px;}
.sheet:not([hidden]) nav > *{animation:drop .26s var(--ease-out) both;}
.sheet:not([hidden]) nav > :nth-child(2){animation-delay:.03s;}
.sheet:not([hidden]) nav > :nth-child(3){animation-delay:.06s;}
.sheet:not([hidden]) nav > :nth-child(4){animation-delay:.09s;}
.sheet:not([hidden]) nav > :nth-child(5){animation-delay:.12s;}
.sheet:not([hidden]) nav > :nth-child(6){animation-delay:.15s;}
@keyframes drop{from{opacity:0;transform:translateY(-6px);} }

.hero{position:relative;padding-top:148px;}
.hero::before{content:'';position:absolute;inset:0 0 auto;height:900px;pointer-events:none;background:radial-gradient(60% 50% at 70% 0%,rgba(124,74,242,.1),transparent 70%);}
.hero::after{content:'';position:absolute;inset:0 0 auto;z-index:-1;height:860px;pointer-events:none;background-image:linear-gradient(rgba(236,232,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(236,232,255,.04) 1px,transparent 1px);background-size:72px 72px;background-position:50% -1px;-webkit-mask-image:radial-gradient(64% 72% at 50% 8%,#000 30%,transparent);mask-image:radial-gradient(64% 72% at 50% 8%,#000 30%,transparent);}
.hero-top{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:end;}
.eyebrow,.label{font-weight:500;font-size:12.5px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);}
.eyebrow{margin-bottom:26px;}
h1{font-weight:600;font-size:clamp(42px,7vw,86px);line-height:.98;letter-spacing:-.04em;text-wrap:balance;}
.lede{font-size:18px;line-height:1.55;color:var(--text2);text-wrap:pretty;}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.proofline{position:relative;display:flex;flex-wrap:wrap;margin-top:40px;font-size:14px;color:var(--text3);animation:arrive .3s .3s var(--ease-out) both;}
.proofline span{padding:0 18px;border-left:1px solid var(--line3);}
.proofline span:first-child{padding-left:0;border-left:0;}
.proofline b{font-weight:500;color:var(--text);}
.hero-h > *,.hero-side > *{animation:arrive .3s var(--ease-out) both;}
.hero-h > :nth-child(1){animation-delay:.04s;}
.hero-h > :nth-child(2){animation-delay:.1s;}
.hero-side > :nth-child(1){animation-delay:.16s;}
.hero-side > :nth-child(2){animation-delay:.22s;}
@keyframes arrive{from{opacity:0;transform:translateY(10px);} }

.stage-wrap{position:relative;margin-top:76px;perspective:1800px;}
.horizon{position:absolute;left:0;right:0;top:-220px;height:640px;pointer-events:none;background:radial-gradient(44% 34% at 50% 220px,rgba(124,74,242,.46),rgba(124,74,242,.12) 52%,transparent 76%);}
.horizon::after{content:'';position:absolute;left:3%;right:3%;top:220px;height:1px;background:linear-gradient(90deg,transparent,rgba(191,158,255,.25) 20%,rgba(226,212,255,.95) 50%,rgba(191,158,255,.25) 80%,transparent);}
.win{position:relative;display:grid;grid-template-columns:196px minmax(0,1fr);height:560px;background:var(--work);border:1px solid var(--line3);border-radius:var(--r);border-top-color:rgba(191,158,255,.5);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 -24px 80px -40px rgba(124,74,242,.7),0 40px 120px -30px rgba(0,0,0,.9);-webkit-mask-image:linear-gradient(#000 87%,transparent 99%);mask-image:linear-gradient(#000 87%,transparent 99%);transform-origin:50% 0;transform:rotateX(var(--tilt,7deg));animation:rise .3s .2s var(--ease-out) both;will-change:transform;font-size:13px;color:var(--text2);overflow:hidden;}
@keyframes rise{from{opacity:0;} }
.w-rail{display:flex;flex-direction:column;gap:4px;padding:14px 10px;background:var(--bg);border-right:1px solid var(--line);}
.w-brand{display:flex;align-items:center;gap:8px;padding:2px 6px 12px;color:var(--text);font-weight:600;letter-spacing:.06em;}
.w-brand .mark{width:18px;height:18px;}
.w-proj,.ui-proj{display:flex;align-items:center;gap:9px;}
.w-proj{padding:8px;border:1px solid var(--line);border-radius:var(--r);background:var(--s1);}
.w-proj b,.ui-proj b{display:block;color:var(--text);font-weight:500;}
.w-proj small,.ui-proj small{display:block;font-size:11.5px;color:var(--text3);white-space:nowrap;}
.w-pi{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-sm);background:var(--s3);font:500 11px var(--mono);color:var(--text);flex:none;}
.w-cap{margin:14px 6px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);}
.w-nav li{position:relative;display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--r-sm);}
.w-nav svg{width:15px;height:15px;color:var(--text3);}
.w-nav em{margin-left:auto;font:400 11px var(--mono);color:var(--text3);}
.w-nav .on{background:var(--s2);color:var(--text);}
.w-nav .on::before{content:'';position:absolute;left:-7px;top:50%;width:6px;height:6px;background:var(--text);transform:translateY(-50%) rotate(45deg);}
.w-nav .on svg{color:var(--text);}
.w-main{display:flex;flex-direction:column;min-width:0;}
.w-top{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 18px;border-bottom:1px solid var(--line);}
.w-crumb i{font-style:normal;color:var(--text3);margin:0 4px;}
.w-crumb b{color:var(--text);font-weight:500;}
.w-search{display:inline-flex;align-items:center;gap:10px;padding:5px 6px 5px 12px;border:1px solid var(--line);border-radius:var(--r);color:var(--text3);font-size:12.5px;}
.w-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:14px 18px 0;border:1px solid var(--line);border-radius:var(--r);}
.w-stats > div{padding:10px 12px;min-width:0;}
.w-stats > div + div{border-left:1px solid var(--line);}
.w-stats > div > span{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);}
.w-stats b{display:block;margin-top:3px;font-size:18px;font-weight:400;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.w-stats small{font-size:11px;color:var(--text3);}
.w-grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;padding:12px 18px 18px;min-height:0;}
.w-card{border:1px solid var(--line);border-radius:var(--r);background:var(--s1);min-width:0;}
.w-ch{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);}
.w-ch b{color:var(--text);font-weight:500;}
.w-ch .num{font-size:11.5px;color:var(--text3);}
.w-seg{margin-left:auto;display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:var(--r);}
.w-seg i{font:400 11.5px var(--mono);padding:2px 8px;border-radius:var(--r-sm);color:var(--text3);}
.w-seg .on{background:var(--s3);color:var(--text);}
.w-chart{display:flex;flex-direction:column;}
.w-chart canvas{flex:1;width:100%;min-height:0;display:block;}
.w-side{display:flex;flex-direction:column;gap:12px;min-height:0;}
.w-order{display:flex;flex-direction:column;}
.w-state{margin-left:auto;font-size:12px;color:var(--text2);}
.w-rows{padding:6px 0;}
.w-rows li{display:grid;grid-template-columns:20px 40px 1fr 62px 58px;align-items:center;gap:4px;padding:6px 12px;font:400 12px var(--mono);color:var(--text3);transition:color .2s ease;}
.w-rows .r,.w-rows .st{text-align:right;}
.w-rows .st{font-family:var(--sans);}
.w-rows li.done{color:var(--text);}
.w-sum{display:flex;justify-content:space-between;padding:9px 12px;border-top:1px solid var(--line);}
.w-sum b{font-weight:400;color:var(--text);}
.w-sealed{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dev);}
.w-sealed svg{width:13px;height:13px;}
.w-dev-amt{padding:10px 12px 4px;font-size:20px;color:var(--text);}
.w-dev-amt small{font-size:11.5px;color:var(--text3);}
.w-kv{display:flex;justify-content:space-between;gap:8px;padding:5px 12px 12px;font-size:12.5px;}
.w-kv span:last-child{color:var(--text);}

.sec{position:relative;padding:120px 0 0;}
#desk{padding-top:112px;}
.label{display:flex;align-items:center;gap:12px;margin-bottom:28px;}
.label .n{font-family:var(--mono);color:var(--text3);}
.label::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--line3),transparent);}
h2{font-weight:600;font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance;}
.body{font-size:17px;line-height:1.6;color:var(--text2);text-wrap:pretty;}
.sec-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:48px;}
.sec-head .body{max-width:470px;}

.desk{display:grid;grid-template-columns:330px minmax(0,1fr);gap:32px;}
.tabs{position:relative;display:flex;flex-direction:column;align-self:start;border-top:1px solid var(--line);}
.tab-ind{position:absolute;left:0;top:0;width:1px;height:1px;background:var(--text);transform-origin:0 0;transform:scale(0);transition:transform .24s var(--ease-out);pointer-events:none;}
.tab{position:relative;display:block;width:100%;text-align:left;padding:20px 0 20px 18px;border-bottom:1px solid var(--line);color:var(--text3);transition:color .2s ease;}
.tab b{display:block;font-size:18px;font-weight:500;color:var(--text2);letter-spacing:-.01em;transition:color .2s ease;}
.tab span{display:block;margin-top:6px;font-size:14.5px;line-height:1.5;}
.tab[aria-selected='true']{color:var(--text2);}
.tab[aria-selected='true'] b{color:var(--text);}
@media (hover:hover) and (pointer:fine){.tab:hover b{color:var(--text);} }
.panes{position:relative;display:grid;}
.panes::before{content:'';position:absolute;inset:-60px 0;z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 60% 40%,rgba(124,74,242,.12),transparent 70%);}
.pane{grid-area:1 / 1;display:flex;outline-offset:6px;}
.pane[hidden]{display:flex;visibility:hidden;}
.pane > .ui{flex:1;}
.pane-cap{grid-area:2 / 1;}
.pane.on{animation:arrive .24s var(--ease-out) both;}
.pane-cap{margin-top:14px;font-size:12.5px;color:var(--text3);}

.ui{border:1px solid var(--line3);border-radius:var(--r);background:var(--s1);font-size:13.5px;color:var(--text2);box-shadow:0 30px 80px -30px rgba(0,0,0,.9);}
.ui-trade,.ui-launch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.ui-col{padding:20px;min-width:0;}
@media (min-width:641px){
  .ui-trade .ui-plan,.ui-launch .ui-plan{display:flex;flex-direction:column;}
  .ui-trade .ui-plan .ui-btn,.ui-launch .ui-plan .ui-btn{margin-top:auto;}
}
.ui-plan .mini{margin-bottom:16px;}
.ui-col + .ui-col{border-left:1px solid var(--line);}
.ui-l{margin:16px 0 8px;font-size:12.5px;color:var(--text3);}
.ui-t{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:500;font-size:14.5px;margin-bottom:12px;}
.ui-note{margin-left:auto;font-weight:400;font-size:12.5px;color:var(--text3);}
.ui-proj{margin-bottom:16px;}
.seg{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);}
.seg-3{grid-template-columns:auto auto auto;}
.seg i{display:flex;align-items:center;justify-content:center;font-style:normal;padding:6px 8px;border-radius:var(--r-sm);color:var(--text3);font-size:12.5px;white-space:nowrap;}
.seg .on{background:var(--s3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line3);}
.seg kbd{font-size:10.5px;margin-left:4px;}
.chips{display:flex;flex-wrap:wrap;gap:6px;}
.chips i{display:inline-flex;align-items:center;gap:6px;font-style:normal;padding:5px 9px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:12.5px;}
.chips b{font-weight:400;color:var(--text3);font-size:12px;}
.chips .on{border-color:var(--line3);background:var(--s3);color:var(--text);}
.chips svg{width:12px;height:12px;}
.field{display:flex;align-items:baseline;justify-content:space-between;margin-top:8px;padding:8px 12px;border:1px solid var(--line3);border-radius:var(--r);background:var(--bg);color:var(--text);}
.field small{color:var(--text3);}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.kv > div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;}
.kv dt{color:var(--text3);}
.kv dd{font-family:var(--mono);color:var(--text);white-space:nowrap;font-size:13px;}
.neg,.mini td.r:last-child{color:var(--danger);}
.mini{width:100%;margin-top:12px;border-collapse:collapse;font:400 12.5px var(--mono);}
.mini th{font:500 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);text-align:left;padding:6px 0;border-bottom:1px solid var(--line);}
.mini td{padding:6px 0;color:var(--text);border-bottom:1px solid var(--line2);}
.mini .r{text-align:right;}
.ui-btn{display:flex;align-items:center;justify-content:center;height:38px;margin-top:16px;border-radius:var(--r);background:var(--text);color:var(--bg);font-weight:500;}
.steps{display:flex;gap:6px;padding:3px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);margin-bottom:18px;}
.steps i{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-style:normal;font-size:12px;font-weight:500;padding:6px 4px;color:var(--text3);white-space:nowrap;}
.steps svg{width:12px;height:12px;color:var(--text2);}
.steps .on{background:var(--s3);border-radius:var(--r-sm);color:var(--text);}
.steps .on b{font-weight:500;color:var(--text3);}
.ready li{display:flex;gap:10px;padding:8px 0;}
.ready svg{flex:none;width:18px;height:18px;padding:3px;margin-top:1px;border-radius:var(--r-sm);background:var(--s3);color:var(--text);}
.ready b{display:block;color:var(--text);font-weight:500;}
.ready span{font-size:12.5px;color:var(--text3);}
.big-n{font-size:30px;color:var(--text);letter-spacing:-.02em;margin-bottom:10px;}
.big-n small{font-size:12px;color:var(--text3);}
.type{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:8px 12px;border:1px solid var(--line3);border-radius:var(--r);background:var(--bg);}
.type span{color:var(--text3);font-size:12.5px;}
.type b{color:var(--text);font-weight:500;}
.tx li{display:flex;gap:10px;padding:6px 0;border-top:1px solid var(--line2);color:var(--text);font-size:13px;}
.tx .num{color:var(--text3);font-size:12px;}
.pb-ctl{display:flex;gap:8px;margin-top:14px;}
.pb-ctl span{flex:1;display:flex;align-items:center;justify-content:center;height:34px;border:1px solid var(--line3);border-radius:var(--r);color:var(--text);font-size:13px;}
.ui-play{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
.ui-wos{padding:20px;}
.tpl li.on b{color:var(--text);}
.tpl li:not(.on) b{color:var(--text2);}
.run li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;padding:11px 0;border-top:1px solid var(--line2);align-items:start;}
.run li > span{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line3);border-radius:var(--r-sm);font-size:11px;color:var(--text3);}
.run li.done > span{background:var(--s4);color:var(--text);border-color:transparent;}
.run li.now > span{border-color:var(--text);color:var(--text);}
.run p{font-size:12.5px;color:var(--text3);}
.run b{display:block;font-weight:500;font-size:13.5px;color:var(--text);margin-bottom:2px;}
.run li:not(.done):not(.now) b{color:var(--text2);}
.run em{font-style:normal;font-size:12px;color:var(--text3);padding-top:2px;}
.run li.now em{color:var(--text);}
.tpl li{display:grid;gap:3px;padding:11px 24px 11px 0;border-top:1px solid var(--line);position:relative;}
.tpl li::after{content:'';position:absolute;right:6px;top:50%;width:7px;height:7px;border:solid var(--text3);border-width:1.5px 1.5px 0 0;transform:translateY(-50%) rotate(45deg);}
.tpl b{font-weight:500;font-size:14px;}
.tpl span{font-size:12.5px;color:var(--text3);}
.ui-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--text3);}
.ui-foot b{color:var(--text2);font-weight:500;}
.wos-sum{padding:12px 14px;border:1px solid var(--line3);border-left:2px solid var(--danger);border-radius:var(--r);background:var(--bg);}
.wos-sum b{color:var(--text);font-weight:500;}
.det,.facts-r{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);}
.det{margin-top:14px;}
.det > div,.facts-r > div{display:grid;gap:6px;padding:12px;min-width:0;align-content:start;}
.det > div + div,.facts-r > div + div{border-left:1px solid var(--line);}
.det span{font-size:12.5px;color:var(--text2);}
.det em{justify-self:start;font-style:normal;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
.det em.fl{color:var(--danger);}
.det b{font-weight:400;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.facts-r{gap:0;}
.facts-r > div{gap:4px;padding:10px 12px;}
.facts-r dt{font-size:12px;color:var(--text3);}
.facts-r dd{font-size:15px;color:var(--text);}
.ties li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:6px 0;border-top:1px solid var(--line2);font-size:12.5px;color:var(--text3);}
.ties li > .num{color:var(--text2);text-decoration:underline;text-decoration-color:var(--line3);text-underline-offset:3px;}

.also{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:32px;margin-top:56px;align-items:center;}
.stop{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:20px;padding:20px;}
.stop-b{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;border-radius:var(--r);border:1px solid rgba(246,131,115,.42);background:rgba(246,131,115,.08);color:var(--danger);font-weight:500;}
.stop p{font-size:14.5px;color:var(--text2);}
.also ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.also li{padding:4px 24px 4px 0;}
.also li + li{padding-left:24px;border-left:1px solid var(--line);}
.also b{display:block;font-weight:500;color:var(--text);margin-bottom:6px;}
.also li span{font-size:14.5px;color:var(--text3);}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start;}
.split-copy h2{margin-bottom:22px;}
.split-copy .body{max-width:500px;}
.guards{margin-top:36px;border-top:1px solid var(--line);}
.guards li{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--line);}
.guards b{font-weight:500;color:var(--text);}
.guards span{color:var(--text2);font-size:15px;}
.split-dev .dlg-col{order:-1;}
.dlg-col{position:sticky;top:112px;padding-top:44px;}
.dlg-col::before{content:'';position:absolute;inset:-40px 0;z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 45%,rgba(246,131,115,.08),transparent 70%);}
.dlg{padding:24px;border:1px solid var(--line3);border-radius:var(--r);background:var(--s1);box-shadow:0 40px 100px -30px rgba(0,0,0,.95);}
.dlg-h{display:flex;align-items:center;gap:10px;}
.dlg-h svg{width:18px;height:18px;color:var(--danger);}
.dlg-h b{font-size:18px;font-weight:600;color:var(--text);letter-spacing:-.01em;}
.dlg-sub{margin:6px 0 18px;font-size:14px;color:var(--text3);}
.dlg-steps{display:grid;gap:8px;}
.dlg-steps li{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r);font-size:14px;color:var(--text);}
.dlg-steps svg,.dlg-n{flex:none;width:20px;height:20px;border-radius:var(--r-sm);}
.dlg-steps svg{padding:3px;background:var(--s3);}
.dlg-n{display:grid;place-items:center;border:1px solid var(--line3);font-size:11px;color:var(--text2);transition:background-color .2s ease,color .2s ease;}
.dlg-steps em{margin-left:auto;font-style:normal;font-size:12.5px;color:var(--text3);}
#dlg-hold-row{border-color:var(--line3);}
.dlg-ck, #dlg-hold-row.ok .dlg-n{display:none;}
#dlg-hold-row.ok .dlg-ck{display:block;animation:pop .16s var(--ease-out) both;}
@keyframes pop{from{opacity:0;transform:scale(.6);} }
.hold{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:18px;border-radius:var(--r);overflow:hidden;background:rgba(246,131,115,.08);border:1px solid rgba(246,131,115,.42);color:var(--danger);font-weight:500;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;transition:transform .16s var(--ease-out);}
.hold:active{transform:scale(.985);}
.hold-fill,.hold-in{position:absolute;inset:0;overflow:hidden;transform:translateX(-100%);transition:transform .2s var(--ease-out);}
.hold-fill{background:rgba(246,131,115,.3);}
.hold-in{display:flex;align-items:center;justify-content:center;transform:translateX(100%);color:var(--text);}
.hold.pressing .hold-fill,.hold.pressing .hold-in,.hold.done .hold-fill,.hold.done .hold-in{transform:translateX(0);}
.hold.pressing .hold-fill,.hold.pressing .hold-in{transition:transform 3s linear;}
.hold.done{background:var(--s3);border-color:var(--line3);color:var(--text);}
.hold.done .hold-fill{background:transparent;}
.hold.done .hold-fill,.hold.done .hold-in{transition:none;}
.dlg-done{margin-top:12px;padding:10px 12px;border-left:2px solid var(--text);background:var(--s2);border-radius:var(--r-sm);font-size:13.5px;color:var(--text);}
.dlg-done:not([hidden]){animation:arrive .26s var(--ease-out) both;}
.dlg-note{margin-top:14px;font-size:13.5px;color:var(--text3);}

.band{position:relative;margin-top:136px;padding:112px 0;background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.band::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(44% 46% at 50% 0%,rgba(124,74,242,.12),transparent 70%);}
.band .wrap{position:relative;}
@media (min-width:901px){
  .band .sec-head{grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px;text-align:center;}
  .band .sec-head h2{max-width:20ch;}
  .band .sec-head .body{max-width:600px;}
  .band .label::before{content:'';flex:1;height:1px;background:linear-gradient(270deg,var(--line3),transparent);}
}
.proof{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;}
.sim,.cost{padding:20px;}
.sim-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:14px;}
.sim-h > b{color:var(--text);font-weight:500;font-size:15px;}
.sim-h span{font-size:13px;color:var(--text3);}
.sim-h span b{font-weight:500;color:var(--text);}
.sim-r{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 40px;gap:12px;padding:9px 0;border-top:1px solid var(--line2);font-size:13px;}
.sim-r > span:first-child{color:var(--text2);}
.sim-r .num{color:var(--text);text-align:right;font-size:12.5px;}
.sim-r > span:last-child{text-align:right;color:var(--text);}
.sim-th{border-top:0;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;}
.sim-th > span,.sim-th > span:first-child,.sim-th > span:last-child{color:var(--text3);text-align:right;}
.sim-th > span:first-child{text-align:left;}
.cost{display:flex;flex-direction:column;}
.cost .ui-foot{margin-top:auto;}
.bars-w{position:relative;flex:1;min-height:190px;margin:6px 0 0;}
.bars-y{position:absolute;right:0;top:-6px;bottom:-6px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--text3);text-align:right;pointer-events:none;}
.bars{position:absolute;inset:0 44px 0 0;width:calc(100% - 44px);height:100%;}
.bars rect{fill:rgba(236,232,255,.3);transform-box:fill-box;transform-origin:50% 100%;transition:transform .3s var(--ease-out),fill .15s ease;}
.js .cost:not(.in) .bars rect{transform:scaleY(0);}
@media (hover:hover) and (pointer:fine){.bars rect:hover{fill:var(--text);} }
.bars-x{display:flex;justify-content:space-between;width:calc(100% - 44px);padding:8px 0 16px;font-size:11.5px;color:var(--text3);}
.bars-x span:nth-child(2){margin-left:-4%;}
.ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0 56px;border-top:1px solid var(--line3);border-bottom:1px solid var(--line3);}
.ledger li{padding:28px 24px 28px 0;}
.ledger li + li{padding-left:24px;border-left:1px solid var(--line);}
.ledger li > span{display:block;font-size:52px;line-height:1;color:var(--text);letter-spacing:-.04em;white-space:nowrap;margin-bottom:14px;}
.ledger .pt{margin:0 -.16em;}
.ledger small{margin-left:.06em;font:500 .5em var(--sans);letter-spacing:0;color:var(--text2);}
.ledger p{font-size:14px;color:var(--text2);max-width:260px;}
.nyet{margin-top:24px;font-size:14px;color:var(--text3);}
.nyet b{font-weight:500;color:var(--text2);}

.team{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;}
.roles-c,.log-c{padding:20px;}
.roles-c .ui-foot{line-height:1.6;}
.role{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:13.5px;}
.role b{color:var(--text);font-weight:500;font-size:14px;}
.role p{color:var(--text2);}
.role p:last-child{color:var(--text3);}
.role span,.log-h > *{display:block;margin-bottom:4px;font:500 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text3);}
.log li{display:grid;grid-template-columns:62px minmax(0,1fr) 82px 82px;gap:12px;align-items:baseline;padding:13px 0;border-top:1px solid var(--line);font-size:13.5px;}
.log li > span,.log code{font-size:12px;color:var(--text3);}
.log code{text-align:right;}
.log li:not(.log-h) code:nth-of-type(1){color:var(--text);}
.log p{color:var(--text2);}
.log p b{font-weight:500;color:var(--text);}
.log .log-h{padding:0 0 6px;border-top:0;}
.log-h > *{margin:0;}

.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start;}
.faq-h{position:sticky;top:112px;}
.qa{border-top:1px solid var(--line);}
.qa details{border-bottom:1px solid var(--line);}
.qa summary{position:relative;display:block;padding:22px 40px 22px 0;cursor:pointer;font-size:18px;font-weight:500;color:var(--text);list-style:none;}
.qa summary::-webkit-details-marker{display:none;}
.qa summary::before,.qa summary::after{content:'';position:absolute;right:6px;top:50%;width:12px;height:1.5px;background:var(--text2);transition:transform .24s var(--ease-out);}
.qa summary::after{transform:rotate(90deg);}
.qa details[open] summary::after{transform:rotate(0);}
.qa details p{padding:0 40px 24px 0;color:var(--text2);font-size:16px;}
.qa details[open] p{animation:arrive .24s var(--ease-out) both;}

.end{position:relative;padding:168px 0 140px;margin-top:40px;overflow:hidden;}
.horizon.h2{top:auto;bottom:-300px;height:600px;background:radial-gradient(46% 42% at 50% 300px,rgba(124,74,242,.4),rgba(124,74,242,.1) 55%,transparent 78%);}
.horizon.h2::after{top:300px;}
.end-in{position:relative;text-align:center;}
.end h2{font-size:clamp(36px,5.4vw,72px);}
.end .body{margin-top:18px;}
.end .ctas{justify-content:center;}
.foot{position:relative;border-top:1px solid var(--line);overflow:hidden;}
.foot-in{display:flex;justify-content:space-between;gap:48px;padding-top:56px;padding-bottom:40px;}
.foot-b p{max-width:300px;margin-top:10px;font-size:14px;color:var(--text3);}
.foot-l{display:flex;gap:72px;}
.foot-l p{margin-bottom:6px;font:400 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);}
.foot-l a{display:block;padding:10px 0;font-size:14px;color:var(--text2);transition:color .2s ease;}
@media (hover:hover) and (pointer:fine){.foot-l a:hover{color:var(--text);} }
.foot-base{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px;background:linear-gradient(var(--line),var(--line)) 50% 0 / calc(100% - 2 * var(--g)) 1px no-repeat;font-size:12.5px;color:var(--text3);}
.foot-mark{margin:12px 0 -.04em;text-align:center;font-weight:600;font-size:24vw;line-height:.76;letter-spacing:-.06em;color:transparent;background:linear-gradient(rgba(236,232,255,.085),rgba(236,232,255,.015));-webkit-background-clip:text;background-clip:text;user-select:none;pointer-events:none;}

.js [data-r]{opacity:0;transform:translateY(14px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);}
.js [data-r].in{opacity:1;transform:none;}

@media (max-width:1100px){
  .w-grid{grid-template-columns:minmax(0,1fr) 260px;}
  .w-stats .s-lg{display:none;}
  .w-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
  .desk{grid-template-columns:minmax(0,1fr);gap:24px;}
  .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:0;border-bottom:1px solid var(--line);}
  .tab{padding:14px 8px 16px;border-bottom:0;text-align:center;}
  .tab span{display:none;}
  .tab b{font-size:15px;}
  .ledger{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ledger li:nth-child(3){padding-left:0;border-left:0;}
  .ledger li:nth-child(n+3){border-top:1px solid var(--line);}
  .ledger li > span{font-size:44px;}
  .pane[hidden]{display:none;}
}
@media (max-width:900px){
  :root{--g:20px;}
  .links,.nav-cta{display:none;}
  .menu-btn{display:block;}
  .hero{padding-top:116px;}
  .hero-top,.sec-head,.split,.proof,.faq{grid-template-columns:minmax(0,1fr);}
  .faq{gap:8px;}
  .faq-h{position:static;}
  .split.split-dev{gap:0;}
  .split-dev .split-copy{display:contents;}
  .split-dev .dlg-col{order:1;margin-top:28px;}
  .split-dev .guards{order:2;margin-top:28px;}
  .hero-top{gap:22px;}
  .sec-head{gap:18px;margin-bottom:36px;}
  .split{gap:32px;}
  .dlg-col{position:relative;top:0;padding-top:0;}
  .win{grid-template-columns:minmax(0,1fr);height:540px;}
  .w-rail{display:none;}
  .sec{padding-top:88px;}
  #desk{padding-top:80px;}
  .band{margin-top:96px;padding:80px 0;}
  .team{grid-template-columns:minmax(0,1fr);}
  .also,.also ul{grid-template-columns:minmax(0,1fr);}
  .also{gap:12px;}
  .stop{grid-template-columns:minmax(0,1fr);max-width:420px;}
  .also li,.also li + li{padding:16px 0;border-left:0;border-bottom:1px solid var(--line);}
  .end{padding:112px 0 96px;margin-top:24px;}
}
@media (max-width:640px){
  :root{--g:16px;}
  h1{font-size:clamp(40px,12.4vw,56px);}
  .lede{font-size:16.5px;}
  .ctas .btn{flex:1 1 auto;}
  .stage-wrap{margin-top:28px;}
  .hero{padding-top:104px;}
  .eyebrow{margin-bottom:18px;}
  .ctas{margin-top:22px;}
  .win{height:510px;font-size:12px;-webkit-mask-image:linear-gradient(#000 94%,transparent);mask-image:linear-gradient(#000 94%,transparent);}
  .proofline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;font-size:12.5px;line-height:1.35;}
  .proofline span{padding:0 12px;}
  .proofline b{display:block;font-size:17px;}
  .w-top{display:none;}
  .w-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 10px 0;}
  .w-stats > div{padding:8px 10px;}
  .w-stats .s-p,.w-stats .s-lg + .s-lg{display:none;}
  .w-stats .s-lg{display:block;}
  .w-stats b{font-size:15px;}
  .w-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding:10px;}
  .w-dev,.w-sum{display:none;}
  .w-rows li:nth-child(n+4){display:none;}
  .w-rows{padding:2px 0;}
  .w-rows li{padding:4px 10px;grid-template-columns:14px 34px 1fr 54px 50px;font-size:11.5px;}
  .tabs{position:sticky;top:64px;z-index:5;background:var(--bg);}
  .tabs{grid-template-columns:repeat(4,auto);justify-content:space-between;}
  .tab{display:flex;align-items:center;justify-content:center;min-height:52px;padding:8px 6px;white-space:nowrap;}
  .ui{box-shadow:none;}
  .tab b{font-size:13.5px;line-height:1.2;}
  .panes::before{display:none;}
  .pane[hidden]{display:none;}
  .ui-trade,.ui-launch,.ui-play{grid-template-columns:minmax(0,1fr);}
  .ui-col{padding:16px;}
  .ui-col + .ui-col{border-left:0;border-top:1px solid var(--line);}
  .ui-wos,.sim,.cost{padding:16px;}
  .seg i{padding:6px 4px;font-size:12px;}
  .det,.facts-r{grid-template-columns:repeat(2,minmax(0,1fr));}
  .det > div + div,.facts-r > div + div{border-left:0;}
  .det > div:nth-child(even),.facts-r > div:nth-child(even){border-left:1px solid var(--line);}
  .det > div:nth-child(n+3),.facts-r > div:nth-child(n+3){border-top:1px solid var(--line);}
  .ties li{grid-template-columns:minmax(0,1fr);gap:2px;}
  .guards li{grid-template-columns:minmax(0,1fr);gap:4px;}
  .dlg{padding:18px;}
  .sim-th{display:none;}
  .sim-r{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;}
  .sim-r > span:first-child{grid-column:1 / -1;}
  .sim-r > .num:nth-child(2)::before{content:'sim ';color:var(--text3);}
  .sim-r > .num:nth-child(3){grid-column:1;text-align:left;}
  .sim-r > .num:nth-child(2){grid-column:1;text-align:left;}
  .sim-r > .num:nth-child(3)::before{content:'chain ';color:var(--text3);}
  .sim-r > span:last-child{grid-column:2;grid-row:2 / 4;align-self:center;}
  .sim-r > span:last-child::before{content:'gap ';color:var(--text3);}
  .ledger li,.ledger li + li{padding:20px 12px 20px 0;}
  .ledger li:nth-child(even){padding-left:12px;}
  .ledger li > span{font-size:34px;margin-bottom:10px;}
  .ledger p{font-size:13px;}
  .roles-c,.log-c{padding:16px;}
  .role{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 16px;}
  .role b{grid-column:1 / -1;}
  .log li{grid-template-columns:58px minmax(0,1fr);gap:2px 10px;}
  .log code{grid-column:2;text-align:left;}
  .log code:nth-of-type(2),.log .log-h{display:none;}
  .qa summary{font-size:16.5px;}
  .foot-in{flex-direction:column;gap:32px;padding-top:40px;}
  .foot-l{gap:48px;}
}
@media (max-width:360px){
  .w-rows li{grid-template-columns:14px 30px 1fr 50px;}
  .w-rows li .st{display:none;}
  .w-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .w-stats .s-lg{display:none;}
  .tab{padding:8px 2px;}
  .tab b{font-size:12.5px;}
  .proofline{grid-template-columns:minmax(0,1fr);gap:4px;}
  .proofline span{padding:0;border:0;}
  .proofline b{display:inline;font-size:inherit;}
  .win{height:540px;}
  .ledger li > span{font-size:28px;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation:none !important;transition-duration:0s !important;}
  .js [data-r]{opacity:1;transform:none;}
  .win{transform:none;}
  .hold.pressing .hold-fill,.hold.pressing .hold-in{transition-duration:3s !important;}
}