:root{--bg:#0b0b0d;--bg-2:#111216;--panel:#16171b;--panel-2:#1c1d22;--line:#2c2e35;--text:#ecedf0;--text-2:#b6b8c0;--mute:#8d909a;--silver:#d9dbe1;--chrome:#aeb2bd;--red:#d8323c;--red-ink:#ff6b73;--ok:#37c98b;--warn:#e5b54a;--r-s:8px;--r-m:12px;--r-l:18px;--maxw:1120px;--tap:44px;--font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 var(--font);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}a{color:var(--silver);text-underline-offset:3px}a:hover{color:#fff}
:focus-visible{outline:3px solid var(--red-ink);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:10px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
h1,h2,h3,h4{line-height:1.2;margin:1.6em 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(2rem,5.4vw,3.6rem);margin-top:0;font-weight:750}h2{font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:700}h3{font-size:1.2rem}
p{margin:.7em 0}.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--text-2);max-width:60ch}.eyebrow{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--chrome);font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:12px 22px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:600 1rem var(--font);text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),border-color .2s,background .2s}
.btn:hover{border-color:var(--chrome);transform:translateY(-1px)}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover{background:#e63d47}.btn[disabled],.btn[aria-disabled=true]{background:var(--panel-2);border-color:var(--line);color:var(--text-2);cursor:not-allowed;transform:none}
header.top{position:sticky;top:0;z-index:50;background:rgba(11,11,13,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:16px;min-height:60px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:.02em}.brand svg{width:30px;height:30px}
nav.main{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}nav.main a{padding:10px 12px;min-height:var(--tap);display:inline-flex;align-items:center;color:var(--text-2);text-decoration:none;border-radius:8px;font-size:.95rem}nav.main a:hover{color:#fff;background:var(--panel)}
.draftbar{background:#2a1416;border-bottom:1px solid #5a2328;color:#ffd7da;text-align:center;font-size:.9rem;padding:8px 12px}
section.s{padding:clamp(48px,8vw,96px) 0;border-top:1px solid var(--line)}
.hero{padding:clamp(48px,9vw,110px) 0 clamp(40px,7vw,80px);display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 14px}.fine{font-size:.88rem;color:var(--mute)}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:22px}a.card{display:block;color:var(--text);text-decoration:none;transition:border-color .2s}a.card:hover{border-color:var(--chrome)}a.card p{color:var(--text-2)}.card h3,.h3s{margin-top:0}.h3s{font-size:1.2rem;font-weight:700}.card.hi{border-color:#6b2a30;background:linear-gradient(180deg,#1b1315,var(--panel))}
.tag{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);padding:4px 10px;border-radius:999px;color:var(--chrome)}.tag.red{border-color:#6b2a30;color:var(--red-ink)}
.stat{font-size:2.2rem;font-weight:750;line-height:1}.stat small{display:block;font-size:.85rem;color:var(--mute);font-weight:500;margin-top:6px}
ul.chk{list-style:none;padding:0}ul.chk li{padding:5px 0 5px 28px;position:relative}ul.chk li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}ul.no li::before{content:"✕";color:var(--red-ink)}
details{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:2px 18px;margin:10px 0}summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;font-weight:600}summary::marker{color:var(--red-ink)}
.tablewrap{overflow-x:auto;margin:14px 0;border:1px solid var(--line);border-radius:var(--r-m)}table{border-collapse:collapse;width:100%;min-width:520px;font-size:.95rem}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--panel-2);color:var(--silver);font-weight:600}tr:last-child td{border-bottom:0}
code{font-family:var(--mono);font-size:.9em;background:var(--panel-2);padding:2px 6px;border-radius:6px}pre{margin:0;padding:16px;overflow:auto;font:.9rem/1.5 var(--mono);color:#e8e9ec}pre code{background:none;padding:0}
.codeblock{position:relative;background:#0e0f12;border:1px solid var(--line);border-radius:var(--r-m);margin:14px 0}.codeblock .copy{position:absolute;right:8px;top:8px;min-height:36px;padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;font:600 .8rem var(--font)}
blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--red);background:var(--panel);border-radius:0 var(--r-s) var(--r-s) 0;color:var(--text-2)}
hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.sysmap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.node{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:14px 10px;text-align:center;font-size:.8rem;letter-spacing:.14em;font-weight:700;color:var(--mute);transition:all .35s var(--ease);min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.node small{font-size:.68rem;letter-spacing:.1em;font-weight:500}.node.on{color:#fff;border-color:var(--red);box-shadow:0 0 0 1px rgba(216,50,60,.4),0 0 22px rgba(216,50,60,.18)}.node.on small{color:var(--ok)}
.demo{display:grid;grid-template-columns:260px 1fr;gap:20px}.demo .tabs{display:flex;flex-direction:column;gap:8px}.tab{min-height:var(--tap);padding:10px 14px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);color:var(--text-2);font:600 .9rem var(--font);letter-spacing:.1em;cursor:pointer}.tab[aria-selected=true]{border-color:var(--red);color:#fff;background:var(--panel-2)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:22px;min-height:260px}
.price{font-size:2.6rem;font-weight:750;line-height:1}.price small{font-size:.9rem;color:var(--mute);font-weight:500}
.plans{display:grid;gap:18px;grid-template-columns:1.15fr 1fr;margin-top:22px;align-items:stretch}.plan{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:26px;display:flex;flex-direction:column}.plan.main{border:2px solid var(--red);box-shadow:0 0 40px rgba(225,29,46,.18);background:linear-gradient(180deg,#1b1315,var(--panel))}.plan h3{margin:12px 0 4px;font-size:1.3rem}.plan .sub{margin:0;color:var(--text-2)}.ribbon{position:absolute;top:-13px;left:22px;background:var(--red);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:99px}.pricebox{margin:18px 0 6px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pricebox .price{display:block}.pricebox small{display:block;margin-top:6px}.pricebox .once{display:block;margin-top:6px;font-size:.85rem;color:var(--ok);font-weight:600}.plan .cta{margin:14px 0}.plan .cta .btn{width:100%;text-align:center;font-size:1.05rem;padding:16px 18px}.plan ul.big li{font-size:1rem;padding:7px 0 7px 28px}.more{margin:6px 0 10px}.more summary{cursor:pointer;color:var(--chrome);font-weight:600;padding:6px 0}.cmp{width:100%;border-collapse:collapse;margin-top:20px;font-size:.95rem}.cmp th,.cmp td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:center}.cmp th:first-child,.cmp td:first-child{text-align:left}.cmp td:nth-child(n+2){font-weight:700}.sr{position:absolute;left:-9999px}@media(max-width:760px){.plans{grid-template-columns:1fr}.plan.main{order:-1}}
footer{border-top:1px solid var(--line);padding:40px 0;color:var(--mute);font-size:.9rem}footer a{color:var(--text-2)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#101114;border:1px solid var(--red);color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;letter-spacing:.12em;opacity:0;pointer-events:none;transition:all .35s var(--ease);z-index:99}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.fig{margin:22px 0}.fig svg{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r-m);display:block}.fig figcaption{font-size:.85rem;color:var(--mute);margin-top:8px}
.boot{position:fixed;inset:0;background:#050506;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:bootin .4s var(--ease)}.boot .box{max-width:560px;width:100%;font:600 1rem/2 var(--mono);color:var(--text)}.boot .l{opacity:0;animation:lin .35s var(--ease) forwards}.boot .l b{color:var(--ok)}.boot .fin{font-size:1.4rem;color:#fff;letter-spacing:.14em;margin-top:10px}.boot button{margin-top:18px}
@keyframes bootin{from{opacity:0}to{opacity:1}}@keyframes lin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.threeL{border:1px solid var(--line);border-radius:var(--r-l);padding:18px 20px;margin:0 0 22px;background:linear-gradient(180deg,#14151a,var(--panel))}.threeL .res{margin:0 0 10px;font-size:1.05rem}.threeL .res b{display:block;font:700 .7rem var(--mono);letter-spacing:.16em;color:var(--red-ink);margin-bottom:4px}.g3x{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.g3x div{border-top:1px solid var(--line);padding-top:10px}.g3x b{font:700 .7rem var(--mono);letter-spacing:.16em;color:var(--chrome)}.g3x p{margin:.3em 0 0;font-size:.93rem;color:var(--text-2)}.wann{margin:2px 0}
.fast .learn{display:none}#modeBtn[aria-pressed=true]{border-color:var(--red);color:#fff}
@media (max-width:700px){.g3x{grid-template-columns:1fr}}
/* Guide-App */
.app{display:grid;grid-template-columns:290px 1fr;min-height:100vh}.side{background:var(--bg-2);border-right:1px solid var(--line);padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto}
.side a{display:flex;gap:8px;align-items:center;padding:9px 10px;min-height:40px;border-radius:8px;color:var(--text-2);text-decoration:none;font-size:.93rem}.side a:hover{background:var(--panel)}.side a.cur{background:var(--panel-2);color:#fff;border-left:3px solid var(--red)}.side a .d{margin-left:auto;color:var(--ok);font-size:.8rem}
.side h4{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin:18px 8px 6px}
.main-c{padding:24px clamp(16px,4vw,48px) 80px;max-width:920px;width:100%}.menu-b{display:none}
.searchbox{width:100%;min-height:var(--tap);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);color:var(--text);padding:10px 14px;font:1rem var(--font)}
.results a{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-m);margin:8px 0;background:var(--panel);text-decoration:none;color:var(--text)}.results small{color:var(--mute);display:block}
.bar{height:8px;background:var(--panel-2);border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--red-ink));width:0;transition:width .5s var(--ease)}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:18px;margin:14px 0}.pcard textarea{width:100%;min-height:150px;background:#0e0f12;color:var(--text);border:1px solid var(--line);border-radius:var(--r-m);padding:12px;font:.9rem/1.5 var(--mono);resize:vertical}
.pcard .vars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:10px 0}.pcard input[type=text],.field input,.field select,.field textarea{width:100%;min-height:var(--tap);background:#0e0f12;color:var(--text);border:1px solid var(--line);border-radius:var(--r-s);padding:8px 12px;font:1rem var(--font)}
label{font-size:.9rem;color:var(--text-2)}.field{margin:14px 0}.row{display:flex;gap:8px;flex-wrap:wrap}input.chk{width:20px;height:20px;accent-color:var(--red)}li.task{list-style:none;margin-left:-20px}
.pill{font-size:.75rem;border:1px solid var(--line);border-radius:99px;padding:3px 10px;color:var(--chrome)}
@media (max-width:900px){.hero{grid-template-columns:1fr}.g3,.g4{grid-template-columns:1fr 1fr}.demo{grid-template-columns:1fr}.demo .tabs{flex-direction:row;flex-wrap:wrap}.app{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;bottom:0;width:86%;max-width:320px;z-index:70;transform:translateX(-102%);transition:transform .3s var(--ease)}.side.open{transform:none}.menu-b{display:inline-flex}.main-c{padding-top:16px}header.top .wrap{flex-wrap:wrap;gap:4px 16px}nav.main{order:3;width:100%;margin:0 -8px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}}
@media (max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}body{font-size:16px}.sysmap{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.side,header.top,.draftbar,.btn{display:none}body{background:#fff;color:#000}}

.app>*{min-width:0}.main-c,main{min-width:0;max-width:100%}.tablewrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.tablewrap table{min-width:480px}.codeblock pre{max-width:100%;overflow:auto}img,svg,video{max-width:100%}
.choices,.status,.tracks,.libgrid{min-width:0}
.here{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:0 0 18px;font-size:.78rem;letter-spacing:.06em;color:var(--mute,#8a8f99)}.here strong{color:#fff;letter-spacing:.14em;margin-right:4px}.here span{padding:4px 9px;border:1px solid var(--line);border-radius:99px}.here span.cur{border-color:var(--red);color:#fff;background:rgba(225,29,46,.14)}.here span.t{border:0;color:#fff;font-weight:600;letter-spacing:0}.here a{color:#fff;text-decoration:underline}
.ctx{margin:26px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-m);font-size:.9rem}.ctx a{color:#fff;text-decoration:underline;white-space:nowrap}
.pcard{border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel);padding:18px;margin:20px 0}.pcard h4{margin:0 0 10px;font-size:1.05rem}.pcard dl{margin:0 0 12px;display:grid;gap:8px}.pcard dt{font-size:.7rem;letter-spacing:.14em;color:#9aa0ab;margin-top:4px}.pcard dd{margin:0}.pcard .codeblock{margin:10px 0}.pcard .codeblock pre{max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word}.pcard .codeblock pre{padding-top:56px}.pcard .copy{min-height:44px;min-width:44px;font-weight:700}
.brainmap ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:l}.brainmap li{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel)}.brainmap li b{letter-spacing:.1em;font-size:.82rem}.brainmap li span{color:#c9ccd3}@media(max-width:560px){.brainmap li{grid-template-columns:1fr}}
.choices{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:18px 0}.choice{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel);color:inherit;text-decoration:none}.choice h2{font-size:1.15rem;margin:0;letter-spacing:.05em}.choice p{margin:0;color:#c9ccd3}.choice.rec{border-color:var(--red);box-shadow:0 0 0 1px rgba(225,29,46,.4) inset}.choice .go{margin-top:auto;font-weight:700;letter-spacing:.1em}.choice .tag{position:absolute;top:-11px;left:16px;background:var(--red);color:#fff;font-size:.68rem;letter-spacing:.14em;padding:3px 9px;border-radius:99px}
.status{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:12px 0}.status div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-m);font-size:.85rem;letter-spacing:.06em}.status div b{font-weight:700}.status div.ok{border-color:rgba(159,179,166,.6)}.status div.ok b{color:#9fd3b0}.status div:not(.ok) b{color:#9aa0ab}
.tracks{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tracks label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:var(--r-m);cursor:pointer;min-height:44px}.tracks input{margin-top:3px;width:20px;height:20px}
.sgrp{padding:0 0 0 0;border:0;background:transparent;margin:6px 0}.sgrp>summary{font-size:.72rem;letter-spacing:.16em;color:#9aa0ab;min-height:36px}.sgrp[open]>summary{color:#fff}
.libgrid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.libgrid a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--panel);color:inherit;text-decoration:none}.libgrid a strong{display:block}.libgrid a small{color:#9aa0ab}
.v1box,.secbox{border:1px solid var(--line);border-radius:var(--r-l);padding:16px 18px;margin:16px 0;background:var(--panel)}.secbox{border-color:rgba(225,29,46,.5)}
:focus-visible{outline:2px solid #fff;outline-offset:2px}

.btn.big{min-height:56px;padding:16px 32px;font-size:1.1rem;letter-spacing:.01em}.btn.sm{min-height:48px;padding:12px 20px;font-size:1rem}
.sublead{font-size:clamp(1rem,1.8vw,1.15rem);color:var(--text);max-width:52ch}
.cta-row{align-items:center}.heroprice{color:var(--text-2);font-size:.95rem}.heroprice strong{color:var(--text);font-size:1.15rem}.center{text-align:center}
ul.trust{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px 20px;color:var(--text-2);font-size:.95rem}ul.trust li::before{content:"✓ ";color:var(--ok);font-weight:700}ul.trust.ctr{justify-content:center}ul.paytrust{margin:12px 0 0;font-size:.9rem}
p.soon{margin:8px 0 0}.callout{background:linear-gradient(180deg,#1b1315,var(--panel));border:1px solid #6b2a30;border-radius:var(--r-l);padding:clamp(24px,5vw,48px)}.callout h2{margin-top:0}.callout.center{text-align:center}
.flow{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:14px;margin:22px 0 10px}.fstep{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-l);padding:20px}.fstep.hi{border-color:#6b2a30;background:linear-gradient(180deg,#1b1315,var(--panel))}.bubble{font-size:1.25rem;font-weight:650;margin:14px 0 0}.res{line-height:1.7;margin:12px 0 0;font-size:.98rem}
.flow.anim .fstep{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.flow.anim.in .fstep{opacity:1;transform:none}.flow.anim.in .f2{transition-delay:.6s}.flow.anim.in .f3{transition-delay:1.2s}
.plan.solo{max-width:760px;margin:22px auto 0}.plan.compact{max-width:760px;margin:26px auto 0;padding:20px}.plan.compact .price{font-size:1.7rem}.plan.compact h3{font-size:1.1rem}.plan .cta .btn.big{width:100%}.plan.solo .cta{margin:6px 0 4px}
.core{margin-top:22px}.core h3{font-size:1.4rem}
.sticky-cta{display:none}
@media(max-width:760px){header.top nav.main{display:none}}
@media(max-width:900px){.heroviz{display:none}.flow{grid-template-columns:1fr}}
@media(max-width:760px){.sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(11,11,13,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .3s var(--ease)}.sticky-cta.show{transform:none}.sc-t{display:flex;flex-direction:column;line-height:1.2;font-size:.85rem;color:var(--text-2)}.sc-t strong{color:var(--text)}.sc-t span{font-size:1.1rem;color:var(--text);font-weight:700}body[data-page=sales] footer{padding-bottom:84px}}
@media(max-width:600px){.hero{padding:22px 0 34px;gap:0}.hero h1{font-size:clamp(2rem,9.4vw,2.6rem)}.hero .lead{margin-top:10px}.cta-row{margin:18px 0 10px}.cta-row .btn.big{width:100%}.heroprice{width:100%;text-align:center}ul.trust{gap:4px 14px;font-size:.9rem}section.s{padding:44px 0}.btn.big{padding:16px 22px}}