:root{
  --ink:#07090c; --ink-2:#0e1218; --paper:#e9edf2; --mute:#8b95a5; --line:rgba(233,237,242,.12);
  --warm:#ff6a3d; --birch:#ff6a3d; --live:#3ddc97;
  /* 08/10/26 agentic: one sans family for display + body, mono for codes/labels/numbers */
  --serif:'IBM Plex Sans Hebrew',system-ui,sans-serif; --sans:'IBM Plex Sans Hebrew',system-ui,sans-serif;
  --mono:'IBM Plex Mono','IBM Plex Sans Hebrew',ui-monospace,monospace;
  /* 8-step type scale, 4px spacing grid */
  --t-xs:13px; --t-sm:15px; --t-md:18px; --t-lg:24px; --t-xl:32px; --t-2xl:48px; --t-3xl:72px;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px; --s8:128px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);color:var(--paper);-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-size:var(--t-md);line-height:1.6;font-weight:300;overflow-x:hidden}
a{color:inherit}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* header */
.top{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;justify-content:space-between;align-items:center;
  padding:var(--s3) clamp(var(--s3),5vw,var(--s6));pointer-events:none}
.top>*{pointer-events:auto}
.top::before{content:'';position:absolute;inset:0 0 -24px 0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(7,9,12,.92) 0%,rgba(7,9,12,.7) 60%,rgba(7,9,12,0) 100%)}
.mark{font-family:var(--serif);font-weight:500;font-size:var(--t-lg);letter-spacing:.01em;text-decoration:none}
.top .cta-s{font-size:var(--t-sm);font-weight:400;text-decoration:none;border:1px solid var(--line);
  padding:var(--s1) var(--s2);border-radius:999px;backdrop-filter:blur(8px);background:rgba(7,9,12,.35)}
.top .cta-s:hover{border-color:var(--warm);color:var(--warm)}

/* film stage */
.film{position:relative;height:640vh}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink)}
.stage video,.stage img.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stage::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to left,rgba(7,9,12,.72) 0%,rgba(7,9,12,.25) 42%,rgba(7,9,12,0) 62%),
             linear-gradient(to top,rgba(7,9,12,.55),rgba(7,9,12,0) 30%)}
.progress{position:absolute;inset:auto 0 0 0;height:2px;background:var(--line);z-index:5}
.progress i{display:block;height:100%;width:0;background:var(--warm);transform-origin:right}

/* chapters */
.ch{position:absolute;inset-inline-start:clamp(var(--s3),6vw,var(--s7));top:50%;transform:translateY(-50%);
  width:min(440px,calc(100vw - 2*var(--s3)));z-index:4;opacity:0;transition:opacity .5s ease,transform .5s ease}
.ch.on{opacity:1;transform:translateY(calc(-50% - 0px))}
.ch:not(.on){transform:translateY(calc(-50% + 16px))}
.room{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-xs);font-weight:500;letter-spacing:.14em;color:var(--warm);margin-bottom:var(--s3)}
.room::before{content:"";width:var(--s5);height:1px;background:var(--warm)}
.ch h1,.ch h2{font-family:var(--serif);font-weight:300;line-height:1.08;letter-spacing:-.01em}
.ch h1{font-size:clamp(40px,6vw,var(--t-3xl))}
.ch h2{font-size:clamp(32px,4.4vw,var(--t-2xl))}
.ch p{margin-top:var(--s3);font-size:var(--t-md);color:#c3cad4;max-width:44ch}
.ch .price{margin-top:var(--s3);display:flex;gap:var(--s1);align-items:baseline;font-size:var(--t-sm);color:var(--mute)}
.ch .price b{font-family:var(--serif);font-weight:500;font-size:var(--t-xl);color:var(--paper)}
.ch .price .cur{font-family:var(--serif);font-size:var(--t-lg);color:var(--paper)}
.hint{position:absolute;bottom:var(--s5);inset-inline-start:clamp(var(--s3),6vw,var(--s7));z-index:4;font-size:var(--t-xs);letter-spacing:.14em;color:var(--mute);transition:opacity .4s}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:var(--s2);margin-top:var(--s4);padding:var(--s2) var(--s4);border-radius:999px;
  background:var(--paper);color:var(--ink);font-weight:500;font-size:var(--t-md);text-decoration:none;min-height:48px}
.btn:hover{background:var(--warm)}
.btn.talk{border:0;cursor:pointer;font-family:inherit}
.btn.talk .dot{width:10px;height:10px;border-radius:50%;background:var(--ink);opacity:.55;flex:none}
.btn.talk[data-state="connecting"] .dot{animation:tk 1s ease-in-out infinite}
.btn.talk[data-state="live"]{background:var(--warm)}
.btn.talk[data-state="live"] .dot{background:#c0392b;opacity:1;animation:tk 1.4s ease-in-out infinite}
.btn.talk[data-state="error"]{background:transparent;color:var(--paper);border:1px solid var(--line)}
.fine{font-size:var(--t-sm);color:var(--mute);margin-top:var(--s2)}
@keyframes tk{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}
@media (prefers-reduced-motion:reduce){.btn.talk .dot{animation:none!important}}
.hc{position:fixed;left:var(--s3);right:auto;bottom:var(--s3);max-width:calc(100vw - 2*var(--s3));z-index:60;font-family:var(--sans,inherit)}
.hc-fab{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 var(--s4);border-radius:999px;border:1px solid var(--line);
  background:var(--ink-2);color:var(--paper);font:inherit;font-size:var(--t-md);cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.hc-fab:hover{border-color:var(--warm);color:var(--warm)}
.hc-dot{width:8px;height:8px;border-radius:50%;background:#3ddc97;flex:none}
.hc.on .hc-fab{display:none}
.hc-panel{width:min(380px,calc(100vw - 2*var(--s3)));height:min(560px,calc(100svh - 2*var(--s3)));display:flex;flex-direction:column;
  background:var(--ink-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.hc-panel[hidden]{display:none}
.hc-head{display:flex;justify-content:space-between;align-items:center;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}
.hc-head b{display:block;font-size:var(--t-md)}
.hc-sub{font-size:var(--t-sm);color:var(--mute)}
.hc-x{background:none;border:0;color:var(--mute);font-size:18px;cursor:pointer;min-width:44px;min-height:44px}
.hc-log{flex:1;overflow-y:auto;padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2)}
.hc-m{max-width:85%;padding:10px 14px;border-radius:14px;font-size:var(--t-sm);line-height:1.55;overflow-wrap:anywhere}
.hc-m a{color:var(--warm)}
.hc-ai{align-self:flex-start;background:var(--ink);border:1px solid var(--line)}
.hc-me{align-self:flex-end;background:var(--paper);color:var(--ink)}
.hc-sys{align-self:center;color:var(--mute);font-size:var(--t-sm);text-align:center}
.hc-typing{display:flex;gap:5px}
.hc-typing i{width:6px;height:6px;border-radius:50%;background:var(--mute);animation:hcb 1s infinite ease-in-out}
.hc-typing i:nth-child(2){animation-delay:.15s}.hc-typing i:nth-child(3){animation-delay:.3s}
@keyframes hcb{0%,100%{opacity:.3}50%{opacity:1}}
.hc-form{display:flex;gap:var(--s2);padding:var(--s2) var(--s3);border-top:1px solid var(--line)}
.hc-in{flex:1;min-width:0;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--ink);color:var(--paper);font:inherit;font-size:16px}
.hc-in:focus{outline:2px solid var(--warm);outline-offset:1px}
.hc-send{flex:none;min-height:44px;padding:0 var(--s2);border-radius:999px;border:0;background:var(--paper);color:var(--ink);font:inherit;font-weight:500;cursor:pointer}
.hc-fine{margin:0;padding:0 var(--s3) var(--s2);font-size:var(--t-xs);color:var(--mute)}
@media (prefers-reduced-motion:reduce){.hc-typing i{animation:none}}
/* mobile action bar (07/10/26): most visitors are on phones; the 3 contact actions stay one thumb away */
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:flex;gap:var(--s1);position:fixed;inset:auto 0 0 0;z-index:55;padding:var(--s1) var(--s2) calc(var(--s1) + env(safe-area-inset-bottom));
    background:rgba(7,9,12,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .mbar>*{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);min-height:48px;border-radius:999px;
    font:inherit;font-size:var(--t-sm);font-weight:500;text-decoration:none;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--paper);padding:0 var(--s1);white-space:nowrap}
  .mbar .btn.talk{flex:1.5;margin:0;background:var(--paper);color:var(--ink);border:0;font-size:var(--t-sm)}
  .mbar .btn.talk[data-state="live"]{background:var(--warm)}
  .hc-fab{display:none}
  .hc{left:0;right:0;bottom:0;max-width:none}
  .hc-panel{width:100vw;height:100svh;border-radius:0;border:0}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .hint{bottom:calc(64px + env(safe-area-inset-bottom) + var(--s2))}
}

.fnav{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);font-size:var(--t-sm)}.fnav a{text-decoration:none;color:var(--mute)}.fnav a:hover{color:var(--warm)}
.btn.ghost{background:transparent;color:var(--paper);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--warm);color:var(--warm)}
.btns{display:flex;flex-wrap:wrap;gap:var(--s2)}
.btns .btn{margin-top:var(--s4)}

/* below the film */
.sec{padding:var(--s8) clamp(var(--s3),6vw,var(--s7));border-top:1px solid var(--line)}
.sec h2{font-family:var(--serif);font-weight:300;font-size:clamp(32px,4.4vw,var(--t-2xl));line-height:1.1;max-width:20ch}
.sec .lede{margin-top:var(--s3);color:#c3cad4;max-width:56ch}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);margin-top:var(--s6);border:1px solid var(--line)}
.cell{background:var(--ink);padding:var(--s4)}
.cell .k{font-size:var(--t-xs);letter-spacing:.14em;color:var(--warm);font-weight:500}
.cell h3{font-family:var(--serif);font-weight:500;font-size:var(--t-lg);margin-top:var(--s2);line-height:1.25}
.cell p{margin-top:var(--s2);font-size:var(--t-sm);color:var(--mute)}
.cell .pr{margin-top:var(--s3);display:flex;gap:var(--s1);align-items:baseline;font-size:var(--t-sm);color:var(--mute)}
.cell .pr{flex-wrap:wrap;row-gap:4px}
.cell .pr span,.ch .price span{white-space:nowrap}
.cell .pr span:last-child{flex-basis:100%}
.cell .eta{margin-top:var(--s2);font-size:var(--t-xs);color:var(--warm);letter-spacing:.02em}
.note{margin-top:var(--s4);font-size:var(--t-sm);color:var(--mute);max-width:72ch}
.cell .pr b{font-family:var(--serif);font-weight:500;font-size:var(--t-lg);color:var(--paper)}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s5);margin-top:var(--s6)}
.steps li{list-style:none;counter-increment:s;border-top:1px solid var(--line);padding-top:var(--s3)}
.steps li::before{content:"0" counter(s);display:block;font-family:var(--serif);font-size:var(--t-xl);color:var(--warm);margin-bottom:var(--s2)}
.steps h3{font-weight:500;font-size:var(--t-md)}
.steps p{font-size:var(--t-sm);color:var(--mute);margin-top:var(--s1)}
.proof{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--s6);align-items:center}
.proof .num{font-family:var(--serif);font-weight:300;font-size:clamp(40px,6vw,var(--t-3xl));letter-spacing:.01em;margin-top:var(--s3)}
.proof figure img{width:100%;display:block;border:1px solid var(--line)}
.end{text-align:start}
footer{padding:var(--s5) clamp(var(--s3),6vw,var(--s7));border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;font-size:var(--t-xs);color:var(--mute)}
footer a{text-decoration:none}

@media (max-width:760px){
  .film{height:560vh}
  .stage::after{background:linear-gradient(to top,rgba(7,9,12,.88) 0%,rgba(7,9,12,.5) 45%,rgba(7,9,12,0) 70%)}
  .ch{top:auto;bottom:calc(64px + env(safe-area-inset-bottom) + var(--s6));transform:none;inset-inline:var(--s3);width:auto}
  .ch.on{transform:none}.ch:not(.on){transform:translateY(16px)}
  .ch p{font-size:var(--t-sm)}
  .proof{grid-template-columns:1fr}
  .sec{padding:var(--s7) var(--s3)}
  .top .cta-s{display:none}
}
@media (prefers-reduced-motion:reduce){.ch{transition:none}}
/* 08/10/26: demo phone, problems, why, home FAQ (after the Agentical comparison) */
.demo{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:var(--s7);align-items:center}
.phone{position:relative;border:1px solid var(--line);border-radius:40px;padding:12px;background:#0a0d12;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.phone .scr{border-radius:30px;overflow:hidden;background:#0b0f14;display:flex;flex-direction:column;height:560px}
.phone .bar{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);background:var(--ink-2);border-bottom:1px solid var(--line)}
.phone .av{width:36px;height:36px;border-radius:50%;background:var(--warm);color:var(--ink);display:grid;place-items:center;font-family:var(--serif);font-weight:500;flex:none}
.phone .bar b{display:block;font-size:var(--t-sm);font-weight:500}.phone .bar span{font-size:var(--t-xs);color:#3ddc97}
.phone .log{flex:1;padding:var(--s3) var(--s2);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--s1);overflow:hidden;min-height:0}
.bub{flex:none;max-width:82%;padding:10px 14px;border-radius:16px;font-size:var(--t-sm);line-height:1.5}
.js-demo .bub:not(.in){display:none}
.js-demo .bub.in{animation:bubin .45s ease both}
@keyframes bubin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.bub.c{align-self:flex-end;background:var(--paper);color:var(--ink);border-end-end-radius:4px}
.bub.a{align-self:flex-start;background:var(--ink-2);border:1px solid var(--line);border-end-start-radius:4px}
.bub.sys{align-self:center;background:none;color:var(--mute);font-size:var(--t-xs);padding:4px}
.bub time{display:block;font-size:11px;opacity:.55;margin-top:2px;direction:ltr;text-align:end}
.illu{margin-top:var(--s2);font-size:var(--t-xs);color:var(--mute);text-align:center}
.demo .feats{margin-top:var(--s4);display:grid;gap:var(--s2);list-style:none;max-width:52ch}
.demo .feats li{padding-inline-start:var(--s3);position:relative;color:#c3cad4}
.demo .feats li::before{content:'';position:absolute;inset-inline-start:0;top:.75em;width:8px;height:1px;background:var(--warm)}
.pains{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:var(--s6)}
.pains a{display:block;background:var(--ink);padding:var(--s4);text-decoration:none}
.pains a:hover h3{color:var(--warm)}
.pains .q{font-size:var(--t-sm);color:var(--mute)}
.pains h3{font-family:var(--serif);font-weight:500;font-size:var(--t-lg);line-height:1.25;margin-top:var(--s2)}
.pains .go{margin-top:var(--s3);font-size:var(--t-xs);color:var(--warm);letter-spacing:.06em}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s5);margin-top:var(--s6)}
.why div{border-top:1px solid var(--line);padding-top:var(--s3)}
.why b{display:block;font-family:var(--serif);font-weight:500;font-size:var(--t-lg);line-height:1.25}
.why p{margin-top:var(--s2);font-size:var(--t-sm);color:var(--mute)}
.tools{margin-top:var(--s5);display:flex;flex-wrap:wrap;gap:var(--s1)}
.tools span{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:var(--t-sm);color:#c3cad4}
.hq{margin-top:var(--s5);max-width:66ch;border-top:1px solid var(--line)}
.hq details{border-bottom:1px solid var(--line);padding:var(--s3) 0}
.hq summary{cursor:pointer;font-size:var(--t-md);font-weight:400;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s2);min-height:44px}
.hq summary::-webkit-details-marker{display:none}
.hq summary::after{content:'+';color:var(--warm);font-size:var(--t-lg);line-height:1}
.hq details[open] summary::after{content:'−'}
.hq p{margin-top:var(--s2);color:#c3cad4}
.glinks{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5)}
.glinks a{font-size:var(--t-sm);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:var(--s1) var(--s2);min-height:44px;display:inline-flex;align-items:center}
.glinks a:hover{border-color:var(--warm);color:var(--warm)}
@media (min-width:640px){.pains{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.pains{grid-template-columns:repeat(3,1fr)}}
.cell h3 a{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:760px){
  .demo{grid-template-columns:1fr;gap:var(--s5)}
  .phone{max-width:340px;margin-inline:auto;width:100%}
  .phone .scr{height:500px}
}
@media (prefers-reduced-motion:reduce){.js-demo .bub.in{animation:none}}
/* 08/10/26 interactive layer: sound tour, call demo, quiz, calculators, checklists, reveals (v2/js/interact.js) */
.snd{position:absolute;z-index:6;top:calc(var(--s7) + var(--s2));inset-inline-start:clamp(var(--s3),6vw,var(--s7));display:inline-flex;align-items:center;gap:var(--s1);
  min-height:44px;padding:0 var(--s3);border-radius:999px;border:1px solid var(--line);background:rgba(7,9,12,.55);color:var(--paper);font:inherit;font-size:var(--t-sm);cursor:pointer}
.snd:hover,.snd[aria-pressed=true]{border-color:var(--warm);color:var(--warm)}
.snd .eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}
.snd .eq i{width:3px;height:4px;background:currentColor}
.snd.playing .eq i{animation:eq .8s ease-in-out infinite}
.snd.playing .eq i:nth-child(2){animation-delay:.2s}.snd.playing .eq i:nth-child(3){animation-delay:.4s}
@keyframes eq{0%,100%{height:4px}50%{height:14px}}
.call{margin-top:var(--s5);max-width:640px;border:1px solid var(--line);border-radius:30px;background:var(--ink-2);padding:var(--s4)}
.call-top{display:flex;align-items:center;gap:var(--s2)}
.call-top .av{width:44px;height:44px;border-radius:50%;background:var(--warm);color:var(--ink);display:grid;place-items:center;font-family:var(--serif);font-weight:500;font-size:var(--t-lg);flex:none}
.call-top b{display:block;font-weight:500}.call-top .st{font-size:var(--t-xs);color:var(--mute)}
.call-top .tm{margin-inline-start:auto;font-size:var(--t-sm);color:var(--mute);font-variant-numeric:tabular-nums}
.call.live .call-top .tm{color:var(--warm)}
.wave{display:block;width:100%;height:72px;margin-top:var(--s3)}
.call-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s2)}
.call-row .btn{margin-top:0;border:0;cursor:pointer;font-family:inherit}.call-row .who{font-size:var(--t-sm);color:var(--mute)}
.tr{list-style:none;margin-top:var(--s3);display:flex;flex-direction:column;gap:var(--s1);max-height:300px;overflow-y:auto}
.tr:empty{display:none}
.tr li{max-width:88%;padding:10px 14px;border-radius:16px;font-size:var(--t-sm);line-height:1.5;animation:bubin .3s cubic-bezier(.16,1,.3,1) both}
.tr li b{display:block;font-size:var(--t-xs);font-weight:500;opacity:.7;margin-bottom:2px}
.tr li.c{align-self:flex-end;background:var(--paper);color:var(--ink)}
.tr li.a{align-self:flex-start;background:var(--ink);border:1px solid var(--line)}
.sum{margin-top:var(--s3);padding:var(--s3);border-radius:16px;border:1px solid rgba(61,220,151,.45);background:rgba(61,220,151,.08);animation:bubin .3s cubic-bezier(.16,1,.3,1) both}
.sum b{color:#3ddc97;font-weight:500}.sum p{margin-top:var(--s1);font-size:var(--t-sm);color:#c3cad4}
.quiz{max-width:760px}
.qz-h{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.6vw,var(--t-xl));line-height:1.15}
.qz-q{margin-top:var(--s4)}.qz-q>p{font-size:var(--t-md);color:var(--paper)}
.qz-o{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s2)}
.qz-o button{min-height:48px;padding:0 var(--s3);border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--paper);font:inherit;font-size:var(--t-sm);cursor:pointer;transition:border-color .18s,background-color .18s,color .18s}
.qz-o button:hover{border-color:var(--warm)}
.qz-o button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.qz-r{margin-top:var(--s5);padding:var(--s4);border:1px solid var(--warm);border-radius:30px;background:var(--ink-2)}
.qz-r .k{font-size:var(--t-xs);letter-spacing:.14em;color:var(--warm);font-weight:500}
.qz-r h3{font-family:var(--serif);font-weight:500;font-size:var(--t-xl);line-height:1.15;margin-top:var(--s1)}
.qz-r p{margin-top:var(--s2);color:#c3cad4}.qz-r .qz-price{color:var(--paper);font-weight:500}
.qz-r.pop{animation:bubin .28s cubic-bezier(.16,1,.3,1) both}
.ycalc{margin-top:var(--s5)}.yc-h{font-weight:500;color:var(--paper)}
.chk1{display:flex!important;align-items:center;gap:var(--s1);min-height:52px;cursor:pointer}
.chk1 input,.chk input{width:22px;height:22px;accent-color:var(--warm);flex:none}
.chk ol{list-style:none;padding:0;display:grid;gap:0;border-top:1px solid var(--line);margin-top:var(--s3);counter-reset:k}
.chk li{border-bottom:1px solid var(--line);counter-increment:k}
.chk label{display:flex;gap:var(--s2);align-items:flex-start;padding:var(--s2) 0;cursor:pointer;color:#c3cad4;min-height:44px}
.chk label span::before{content:counter(k) '. ';color:var(--warm);font-family:var(--serif)}
.chk input:checked+span{color:var(--paper)}
.chk-out{margin-top:var(--s3);padding:var(--s3);background:var(--ink-2);border-inline-start:2px solid var(--warm);color:var(--paper)}
.chk-out b{font-family:var(--serif);font-size:var(--t-lg);margin-inline-end:var(--s1)}
.ico{width:28px;height:28px;color:var(--warm);display:block;margin-bottom:var(--s2)}
.rv{opacity:0;transform:translateY(12px);transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
@media (max-width:760px){.snd{top:calc(env(safe-area-inset-top) + 88px)}.call{padding:var(--s3)}}
@media (prefers-reduced-motion:reduce){.snd.playing .eq i,.tr li,.sum,.qz-r.pop{animation:none}.rv{opacity:1;transform:none;transition:none}}
.logo{height:1.45em;width:auto;display:block;overflow:visible}.mark,.brand{display:inline-flex;align-items:center;line-height:1}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* inner pages (tools/build_pages.py) */
.page{padding-top:var(--s7)}
.hero-p{padding:var(--s7) clamp(var(--s3),6vw,var(--s7)) var(--s6)}
.hero-p .k{font-size:var(--t-xs);letter-spacing:.14em;color:var(--warm);font-weight:500}
.hero-p h1{font-family:var(--serif);font-weight:300;font-size:clamp(36px,5.4vw,var(--t-3xl));line-height:1.08;max-width:18ch;margin-top:var(--s2)}
.hero-p .lede{margin-top:var(--s3);color:#d6d8d3;max-width:58ch;font-size:var(--t-md)}
.badge{display:inline-block;margin-top:var(--s3);font-size:var(--t-xs);letter-spacing:.06em;color:var(--warm);border:1px solid rgba(255,106,61,.45);border-radius:999px;padding:4px 12px}
.pbox{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s2);margin-top:var(--s4)}
.pbox b{font-family:var(--serif);font-weight:300;font-size:var(--t-2xl);line-height:1}
.pbox span{color:var(--mute);font-size:var(--t-sm)}
.pbox .eta{flex-basis:100%;color:var(--paper);font-size:var(--t-sm)}
.alt{margin-top:var(--s2);max-width:46ch;color:var(--mute);font-size:var(--t-sm)}.alt .src{display:block;margin-top:var(--s1);font-size:var(--t-xs)}
.list{margin-top:var(--s4);display:grid;gap:var(--s2);max-width:62ch;list-style:none}
.list li{padding-inline-start:var(--s3);position:relative;color:#d6d8d3}
.list li::before{content:'';position:absolute;inset-inline-start:0;top:.7em;width:8px;height:1px;background:var(--warm)}
.qa{margin-top:var(--s4);max-width:66ch;border-top:1px solid var(--line)}
.qa details{border-bottom:1px solid var(--line);padding:var(--s3) 0}
.qa summary{cursor:pointer;font-size:var(--t-md);font-weight:400;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s2);min-height:44px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:'+';color:var(--warm);font-size:var(--t-lg);line-height:1}
.qa details[open] summary::after{content:'−'}
.qa p{margin-top:var(--s2);color:#d6d8d3}
.links{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.links a{font-size:var(--t-sm);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:var(--s1) var(--s2);min-height:44px;display:inline-flex;align-items:center}
.links a:hover{border-color:var(--warm);color:var(--warm)}
.fnav{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);font-size:var(--t-sm)}
.fnav a{text-decoration:none;color:var(--mute);min-height:44px;display:inline-flex;align-items:center;min-width:44px;justify-content:center}.fnav a:hover{color:var(--warm)}
.top .mark{min-height:44px}
footer>span a{display:inline-flex;align-items:center;min-height:44px}
.calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s4);margin-top:var(--s5);max-width:900px}
.calc label{display:block;font-size:var(--t-sm);color:var(--mute);margin-bottom:var(--s1)}
.calc input[type=number]{width:100%;min-height:52px;padding:0 var(--s2);border-radius:12px;border:1px solid var(--line);background:var(--ink-2);color:var(--paper);font:inherit;font-size:var(--t-lg)}
.calc input:focus{outline:2px solid var(--warm);outline-offset:1px}
.calc .fhint{font-size:var(--t-xs);color:var(--mute);margin-top:var(--s1)}
.out{margin-top:var(--s5);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);max-width:900px}
.out div{background:var(--ink);padding:var(--s4)}
.out .k{font-size:var(--t-xs);letter-spacing:.14em;color:var(--warm);font-weight:500}
.out b{display:block;font-family:var(--serif);font-weight:300;font-size:var(--t-2xl);margin-top:var(--s2);line-height:1}
.out p{font-size:var(--t-sm);color:var(--mute);margin-top:var(--s2)}
.cells a.cell{text-decoration:none;display:block}.cells a.cell:hover h3{color:var(--warm)}
/* guides (08/10/26) */
.art{padding:0 clamp(var(--s3),6vw,var(--s7)) var(--s7);max-width:calc(68ch + 2*var(--s7))}
.art h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.6vw,var(--t-xl));line-height:1.15;margin-top:var(--s6)}
.art p{margin-top:var(--s3);color:#d6d8d3;max-width:66ch}
.art ul,.art ol{margin-top:var(--s3);display:grid;gap:var(--s2);max-width:66ch;color:#d6d8d3}
.art ul{list-style:none}.art ul li{padding-inline-start:var(--s3);position:relative}
.art ul li::before{content:'';position:absolute;inset-inline-start:0;top:.75em;width:8px;height:1px;background:var(--warm)}
.art ol{padding-inline-start:var(--s3)}.art ol li::marker{color:var(--warm);font-family:var(--serif)}
.art .tw{margin-top:var(--s4);overflow-x:auto;border:1px solid var(--line);max-width:900px}
.art table{border-collapse:collapse;width:100%;min-width:520px;font-size:var(--t-sm)}
.art th,.art td{padding:var(--s2);text-align:start;border-bottom:1px solid var(--line);vertical-align:top}
.art th{font-weight:500;color:var(--warm);font-size:var(--t-xs);letter-spacing:.06em}
.art tr:last-child td{border-bottom:0}
.art .note{margin-top:var(--s4);padding:var(--s3);border-inline-start:2px solid var(--warm);background:var(--ink-2);color:var(--paper);max-width:66ch}
.meta{margin-top:var(--s3);font-size:var(--t-xs);letter-spacing:.06em;color:var(--mute)}
.glist{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:var(--s5);max-width:900px}
.glist a{display:block;background:var(--ink);padding:var(--s4);text-decoration:none}
.glist a:hover h3,.glist a:hover .gh{color:var(--warm)}
.tap{min-height:44px;display:inline-flex!important;align-items:center}
.glist h3,.glist .gh{font-family:var(--serif);font-weight:500;font-size:var(--t-lg);line-height:1.25;max-width:none}
.glist p{margin-top:var(--s2);font-size:var(--t-sm);color:var(--mute)}

/* ===== 08/10/26 agentic layer: sans display, mono labels, 8px controls, routing-board hero ===== */
h1,h2,h3,.ch h1,.ch h2,.sec h2,.hero-p h1,.art h2,.qz-h{font-weight:600;letter-spacing:-.02em}
.cell h3,.pains h3,.why b,.glist h3,.glist .gh,.qz-r h3{font-weight:600;letter-spacing:-.01em}
.ch h1{font-size:clamp(40px,5.2vw,var(--t-3xl));line-height:1.04}
.ch h2,.sec h2{line-height:1.06}
.room,.cell .k,.hero-p .k,.out .k,.qz-r .k,.eb,.hint,.meta,.cell .eta,.pains .go,.art th,.badge,.illu{font-family:var(--mono);letter-spacing:0}
.room,.eb,.cell .k,.hero-p .k,.out .k,.qz-r .k{letter-spacing:.04em}
.room,.eb{font-size:var(--t-xs);font-weight:500;color:var(--warm);letter-spacing:.08em}
.room::before,.eb::before{content:'';width:8px;height:8px;background:var(--warm);flex:none}
.eb{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s2)}
.ch .price b,.cell .pr b,.pbox b,.out b,.proof .num,.chk-out b,.call-top .tm{font-family:var(--mono);font-weight:500;letter-spacing:-.02em}
.ch .price .cur{font-family:var(--mono)}
.steps li::before{content:'0' counter(s);font-family:var(--mono);font-size:var(--t-sm);font-weight:500;letter-spacing:.08em}
.chk label span::before,.art ol li::marker{font-family:var(--mono)}
.btn,.top .cta-s,.hc-fab,.qz-o button,.tools span,.glinks a,.links a,.snd,.badge,.hc-in,.hc-send{border-radius:8px}
.mbar>*{border-radius:8px}
.call,.qz-r,.hc-panel{border-radius:12px}
.hc-m,.bub,.tr li{border-radius:10px}
.btn{font-weight:500;letter-spacing:.005em}
.btn:not(.ghost):hover{background:var(--warm);color:var(--ink)}
.tools span{font-family:var(--mono);font-size:var(--t-xs);letter-spacing:.02em}
.grid,.pains,.out,.glist{background:var(--line)}
.cell,.pains a,.glist a,.out div{transition:background-color .2s}
.cell:hover,.pains a:hover,.glist a:hover{background:var(--ink-2)}
/* hero stage: faint engineering grid + the board canvas */
.stage{background-color:var(--ink)}
.stage #board{position:absolute;inset:0;width:100%;height:100%;display:block}
.stage::after{background:linear-gradient(to left,rgba(7,9,12,.9) 0%,rgba(7,9,12,.55) 30%,rgba(7,9,12,0) 46%)}
.film{height:520vh}
.ch{width:min(560px,calc(100vw - 2*var(--s3)))}
@media (min-width:1000px){.ch h1{font-size:var(--t-3xl)}}@media (min-width:1000px) and (max-width:1199px){.ch h1{font-size:var(--t-2xl)}}
.film .snd{transition:opacity .3s}.film.last .snd{opacity:0;pointer-events:none}
#board{transition:opacity .4s}
@media (max-width:999px){.film.last #board{opacity:0}}
.ch .btns{gap:var(--s1)}.ch .btns .btn{margin-top:var(--s2)}.ch p{margin-top:var(--s2)}
.hero-p{position:relative}

.hero-p .k,.cell .k,.out .k,.qz-r .k{display:flex;align-items:center;gap:var(--s1)}
.hero-p .k::before{content:'';width:8px;height:8px;background:var(--warm);flex:none}
.fnav a{min-height:44px;display:inline-flex;align-items:center}.top .mark{min-height:44px}footer>a,footer>span a{display:inline-flex;align-items:center;min-height:44px}
.phone{border-radius:20px}.phone .scr{border-radius:12px}
.call,.qz-r,.hc-panel,.sum,.roster{border-radius:12px}
.calc input[type=number]{border-radius:8px}
.hc-m,.bub,.tr li{border-radius:12px}
.bub.c{border-end-end-radius:4px}.bub.a{border-end-start-radius:4px}

/* 3D board (v2/js/board3d.js) */
.nw{white-space:nowrap}
.stage canvas.b3{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease}
.stage.b3on canvas.b3{opacity:1}
#board.off{opacity:0;transition:opacity .9s ease}
.b3w{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.b3l{position:absolute;left:0;top:0;font-family:var(--sans);font-weight:500;font-size:var(--t-xs);line-height:1.25;color:rgba(233,237,242,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transition:color .35s,opacity .6s;opacity:0;will-change:transform}
.b3l i{display:block;font-family:var(--mono);font-style:normal;font-size:var(--t-xs);transform:scale(.72);transform-origin:center bottom;line-height:1;letter-spacing:.08em;color:rgba(139,149,165,.8);direction:ltr}
.b3l b{font-weight:500}.b3l .sm{display:none}
.b3l.on.mute:not(.b3c){visibility:visible}.b3l.b3c.mute{visibility:hidden}.b3l.big{background:rgba(7,9,12,.9);padding:1px 5px;border-radius:8px;overflow:visible;z-index:1;box-shadow:0 0 0 1px rgba(255,106,61,.55)}
.b3l.short .lg{display:none}.b3l.short .sm{display:inline}.b3l.mute{visibility:hidden}
.b3l.on{color:var(--paper)}.b3l.on i{color:var(--warm)}
.b3l.b3c{font-size:var(--t-xs)}
.b3l.core{font-weight:600;font-size:var(--t-xs);color:var(--paper);background:rgba(7,9,12,.88);border:1px solid rgba(255,106,61,.65);padding:5px 12px;border-radius:8px;overflow:visible}
.b3l.core i{color:var(--warm);margin-bottom:1px}
.b3k{position:absolute;width:14px;height:14px;border:0 solid rgba(255,106,61,.75);opacity:0;transition:opacity .6s .9s}
.b3on .b3k{opacity:1}
.b3k.tr{border-top-width:1px;border-right-width:1px}.b3k.tl{border-top-width:1px;border-left-width:1px}
.b3k.br{border-bottom-width:1px;border-right-width:1px}.b3k.bl{border-bottom-width:1px;border-left-width:1px}
.b3hud{position:absolute;font-size:var(--t-xs);line-height:1.5;opacity:0;transition:opacity .6s 1.2s}
.b3on .b3hud{opacity:1}
.b3hud .hh{display:flex;gap:var(--s2);align-items:center;color:var(--mute);border-bottom:1px solid var(--line);padding-bottom:6px;font-family:var(--sans)}
.b3hud .c{font-family:var(--mono);color:var(--warm);letter-spacing:.06em;direction:ltr}
.b3hud .c::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--live);margin-inline-end:8px;vertical-align:middle;animation:b3p 1.6s ease-in-out infinite}
@keyframes b3p{50%{opacity:.25}}
.b3hud ol{list-style:none;margin-top:8px;display:grid;gap:4px}
.b3hud li{display:flex;gap:var(--s2);opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s cubic-bezier(.16,1,.3,1)}
.b3hud li.in{opacity:1;transform:none}
.b3hud code{font-family:var(--mono);color:var(--warm);min-width:5.2em;direction:ltr;text-align:right;flex:none}
.b3hud li span{color:#c3cad4}
@media (max-width:999px){
  .b3hud{display:none}
  .b3l{font-size:var(--t-xs);font-weight:600}.b3l i{display:none}.b3l .lg{display:none}.b3l .sm{display:inline}
  .b3l.b3c{font-size:var(--t-xs)}.b3l.core{font-size:var(--t-xs);padding:2px 8px}.b3l.core i{display:none}
  .film.last .b3,.film.last .b3w{opacity:0!important;transition:opacity .4s}
  .b3k{display:none}
  .b3bg canvas.b3{opacity:.2!important}.b3bg .b3w{display:none}
}
@media (prefers-reduced-motion:reduce){.b3hud .c::before{animation:none}}
/* fleet roster (proof) */
.roster{border:1px solid var(--line);border-radius:12px;background:var(--ink-2);overflow:hidden}
.roster .rh{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line)}
.roster .rh b{font-weight:600;font-size:var(--t-md)}
.roster .rh span{font-family:var(--mono);font-size:var(--t-xs);color:var(--warm);letter-spacing:.08em}
.roster ul{list-style:none}
.roster li{display:grid;grid-template-columns:auto 7.5em 1fr;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);font-size:var(--t-sm)}
.roster li:last-child{border-bottom:0}
.roster li i{width:8px;height:8px;border-radius:50%;background:rgba(233,237,242,.25)}
.roster li.on i{background:var(--live);box-shadow:0 0 0 4px rgba(61,220,151,.14)}
.roster li b{font-weight:600}
.roster li span{color:var(--mute)}
@media (max-width:999px){
  .stage::after{background:linear-gradient(to top,rgba(7,9,12,.94) 0%,rgba(7,9,12,.72) 38%,rgba(7,9,12,0) 52%)}
  .ch{top:auto;bottom:calc(var(--s6) + env(safe-area-inset-bottom));transform:none;inset-inline:var(--s3);width:auto;max-width:600px}
  .ch.on{transform:none}.ch:not(.on){transform:translateY(16px)}
}
@media (max-width:760px){
  .film{height:460vh}
  .ch .btns a[href*="instagram"]{display:none}
  .ch .btns .btn{min-height:44px;padding-block:var(--s1)}
  .ch{bottom:calc(64px + env(safe-area-inset-bottom) + var(--s6))}
  .roster li{grid-template-columns:auto 1fr;row-gap:2px}
  .roster li span{grid-column:2}
}

/* ===== design pass 13/10/26 (Impeccable + Taste Skill + Emil Kowalski, see tools/design_pass_1310.py) ===== */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1)}
h1,h2,h3,.qz-h{text-wrap:balance}
p,li,.lede{text-wrap:pretty}
.pr b,.pbox b,.out b,.ch .price b,.fp-n b,.pl-p b,.end-num,.proof .num{font-variant-numeric:tabular-nums}
.skip{position:fixed;inset-inline-start:var(--s2);top:var(--s2);transform:translateY(-200%);z-index:100;background:var(--paper);color:var(--ink);padding:var(--s1) var(--s2);border-radius:8px;font-weight:500;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.skip:not(:focus){clip-path:inset(50%)}
.skip:focus{transform:none}
:focus-visible{outline:2px solid var(--warm);outline-offset:3px}
/* Impeccable: no decorative grid behind heroes, no decorative pulse */
.b3hud .c::before{animation:none}
.room::before,.eb::before{content:none}
.room{margin-bottom:var(--s2)}
/* low-contrast: avatar letter inherited the green 'online' colour; timestamps on light bubbles were 4.2:1 */
.phone .bar .av{color:var(--ink)}
.bub time{opacity:.72}
/* Emil: pressable things answer the finger; hover only where a real pointer hovers */
.btn,.qz-o button,.mbar>*,.hc-fab,.hc-send,.snd,.glinks a,.links a{transition:transform 160ms var(--ease-out),background-color 200ms ease,color 200ms ease,border-color 200ms ease}
.btn:active,.qz-o button:active,.mbar>*:active,.hc-fab:active,.hc-send:active,.snd:active,.glinks a:active,.links a:active{transform:scale(.97)}
@media (hover:none){
  .btn:not(.ghost):not([data-state="live"]):hover{background:var(--paper);color:var(--ink)}
  .btn.ghost:hover,.glinks a:hover,.links a:hover,.qz-o button:not([aria-pressed=true]):hover,.top .cta-s:hover,.snd:not([aria-pressed=true]):hover{border-color:var(--line);color:var(--paper)}
  .cell:hover,.pains a:hover,.glist a:hover{background:var(--ink)}
}
.ch{transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}
.js-demo .bub.in{animation-timing-function:var(--ease-out);animation-duration:.32s}
.hq summary::after,.qa summary::after{transition:transform 200ms var(--ease-out)}
.hq details[open] summary::after,.qa details[open] summary::after{content:'+';transform:rotate(45deg)}
/* Taste: rhythm from bands and spacing, not a hairline over every section */
.sec{border-top:0}
.band{background:var(--ink-2)}
.band-cont{padding-top:0}
.band .cell,.band .plist a{background:var(--ink-2)}
.tag{display:inline-block;font-family:var(--mono);font-size:var(--t-xs);color:var(--mute);border:1px solid var(--line);border-radius:8px;padding:2px 8px;margin-bottom:var(--s2)}
.h-sub{margin-top:var(--s7)}
/* 'what': statement + readable column instead of a wall of grey text */
.what{display:grid;gap:var(--s4)}
.what h2{font-size:clamp(36px,5.4vw,var(--t-3xl));max-width:14ch}
.what-b .lede{max-width:62ch;margin-top:0}
.what-b .lede+.lede{margin-top:var(--s3)}
.what-lead{color:var(--paper)!important}
@media (min-width:1000px){.what{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s7);align-items:start}}
/* offers: one feature panel, then a scannable price list (was 8 equal cards) */
.feature{display:grid;gap:var(--s4);margin-top:var(--s5);padding:var(--s5) var(--s4);border:1px solid rgba(255,106,61,.5);border-radius:12px;background:var(--ink)}
.feature h3{font-size:var(--t-xl);line-height:1.15}
.feature h3 a{text-decoration:none}
.feature-c p{margin-top:var(--s2);color:#c3cad4;max-width:52ch}
.feature-c .btns{gap:var(--s1)}
.feature-c .btns .btn{margin-top:var(--s3)}
.fp-n{display:flex;align-items:baseline;gap:var(--s1)}
.fp-n b{font-family:var(--mono);font-weight:500;font-size:var(--t-3xl);line-height:1;letter-spacing:-.04em;color:var(--paper)}
.fp-n span{color:var(--mute);font-size:var(--t-sm)}
.feature-p ul{list-style:none;margin-top:var(--s3);display:grid;gap:var(--s1);border-top:1px solid var(--line);padding-top:var(--s3)}
.feature-p li{font-size:var(--t-sm);color:#c3cad4;display:flex;gap:var(--s1);align-items:center}
.feature-p li::before{content:'';width:8px;height:1px;background:var(--warm);flex:none}
@media (min-width:900px){.feature{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);padding:var(--s6);gap:var(--s6);align-items:center}
  .feature-p{border-inline-start:1px solid var(--line);padding-inline-start:var(--s6)}}
.plist{list-style:none;margin-top:var(--s4);border-top:1px solid var(--line)}
.plist li{border-bottom:1px solid var(--line)}
.plist a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n p" "d d" "e e";gap:4px var(--s2);padding:var(--s3) var(--s1);text-decoration:none;transition:background-color 200ms ease;min-height:44px}
.pl-n{grid-area:n;font-weight:600;font-size:var(--t-md);letter-spacing:-.01em}
.pl-d{grid-area:d;font-size:var(--t-sm);color:var(--mute);max-width:60ch}
.pl-p{grid-area:p;font-size:var(--t-xs);color:var(--mute);text-align:end;white-space:nowrap}
.pl-p b{font-family:var(--mono);font-weight:500;font-size:var(--t-md);color:var(--paper);letter-spacing:-.02em}
.pl-f{margin-inline-end:4px}
.pl-p small{display:block;font-size:var(--t-xs)}
.pl-e{grid-area:e;font-family:var(--mono);font-size:var(--t-xs);color:var(--warm)}
@media (hover:hover) and (pointer:fine){.plist a:hover{background:var(--ink)}.plist a:hover .pl-n{color:var(--warm)}}
@media (min-width:900px){.plist a{grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) 10em 8em;grid-template-areas:"n d p e";align-items:baseline;padding:var(--s3) var(--s2)}
  .pl-e{text-align:end}}
/* closing CTA */
.end{text-align:start;padding-block:var(--s8)}
.end h2{font-size:clamp(36px,5.4vw,var(--t-3xl));max-width:16ch}
.end-num{display:inline-block;margin-top:var(--s5);font-family:var(--mono);font-weight:500;font-size:clamp(48px,9vw,var(--t-3xl));line-height:1;letter-spacing:-.04em;text-decoration:none;color:var(--paper);transition:color 200ms ease}
@media (hover:hover) and (pointer:fine){.end-num:hover{color:var(--warm)}}
.end .btns .btn{margin-top:var(--s4)}
@media (min-width:761px){.top .cta-s{min-height:44px;display:inline-flex;align-items:center}}
.feature h3 a{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:760px){.feature{padding:var(--s4) var(--s3)}.end{padding-block:var(--s7)}.h-sub{margin-top:var(--s6)}}


/* ===== inner pass 13/10/26 (tools/inner_pass_1310.py) ===== */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s1);font-family:var(--mono);font-size:var(--t-xs);color:var(--mute)}
.crumb a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;min-width:44px;justify-content:center}
@media (hover:hover) and (pointer:fine){.crumb a:hover{color:var(--warm)}}
.crumb [aria-current]{color:var(--paper)}
.hero-p h1{margin-top:var(--s1)}
.sp-hg{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:start}
.sp-hc,.sp-price{min-width:0}
.sp-hc .btn{max-width:100%;white-space:normal}
.sp-hc h1{font-size:clamp(36px,5.2vw,var(--t-3xl));line-height:1.04;max-width:16ch}
.sp-hc .btns{gap:var(--s1)}.sp-hc .btns .btn{margin-top:var(--s3)}
.sp-price{border:1px solid rgba(255,106,61,.5);border-radius:12px;background:var(--ink-2);padding:var(--s4)}
.sp-price .pbox{margin-top:0}
.sp-price .pbox b{font-size:var(--t-3xl);letter-spacing:-.04em}
.sp-facts{list-style:none;margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line);display:grid;gap:var(--s1)}
.sp-facts li{font-size:var(--t-sm);color:#c3cad4;display:flex;gap:var(--s1);align-items:center}
.sp-facts li::before{content:'';width:8px;height:1px;background:var(--warm);flex:none}
.sp-price .alt{margin-top:var(--s3);max-width:none;font-size:var(--t-xs);line-height:1.6}
@media (min-width:1000px){.sp-hg{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:var(--s7)}.sp-price{margin-top:var(--s2)}}
.sp-demos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7)}
.sp-demo{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:var(--s7);align-items:center}
.sp-demo h2,.sp-call h2{margin-top:0}
.sp-call .call{max-width:720px}
@media (max-width:760px){.sp-demo{grid-template-columns:minmax(0,1fr);gap:var(--s5)}.sp-demos{gap:var(--s6)}}
.sp-two{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)}
.sp-two .list,.sp-two .ticks{margin-top:var(--s3)}
@media (min-width:900px){.sp-two{grid-template-columns:1fr 1fr;gap:var(--s7)}}
.ticks{list-style:none;display:grid;gap:0;border-top:1px solid var(--line)}
.ticks li{display:flex;gap:var(--s2);align-items:flex-start;padding:var(--s2) 0;border-bottom:1px solid var(--line);color:var(--paper)}
.ticks li::before{content:'';flex:none;width:16px;height:16px;margin-top:.3em;background:var(--live);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
.flow{list-style:none;counter-reset:f;display:grid;gap:var(--s4);margin-top:var(--s5)}
.flow li{counter-increment:f;position:relative;padding-inline-start:var(--s6)}
.flow li::before{content:counter(f);position:absolute;inset-inline-start:0;top:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--warm);color:var(--warm);font-family:var(--mono);font-size:var(--t-sm);display:grid;place-items:center}
.flow li:not(:last-child)::after{content:'';position:absolute;inset-inline-start:17px;top:44px;bottom:calc(-1 * var(--s4) + 8px);width:1px;background:var(--line)}
.flow p{color:#c3cad4;max-width:56ch;padding-top:6px}
@media (min-width:1000px){.flow{grid-template-columns:repeat(3,1fr);gap:var(--s5)}
  .flow li{padding-inline-start:0;padding-top:var(--s6)}
  .flow li:not(:last-child)::after{inset-inline-start:48px;inset-inline-end:calc(-1 * var(--s5) + 8px);top:17px;bottom:auto;width:auto;height:1px}}
.sp-more{display:grid;gap:0}
.sp-row{display:grid;gap:var(--s2);padding-block:var(--s5)}
.sp-row+.sp-row{box-shadow:0 -1px 0 var(--line)}
.sp-row:first-child{padding-top:0}
.sp-row h2{font-size:var(--t-xl);max-width:none}
.sp-row p{color:#c3cad4;max-width:62ch}
@media (min-width:900px){.sp-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--s7)}}
.art .tw{padding:var(--s1) var(--s2);border-radius:12px}
.sp-faq{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4)}
.sp-faq .qa{margin-top:0;max-width:none}
.sp-faq .links{margin-top:var(--s4)}
@media (min-width:1000px){.sp-faq{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--s7)}.sp-faq-h{position:sticky;top:calc(var(--s7) + var(--s2));align-self:start}}