:root{--bg:#0b1d0e;--bg2:#0f2713;--pn:#143218;--pn2:#1b4521;--ln:#2d6635;--ink:#e8f7ec;--mut:#b1d6b9;--or:#8a3dff;--or2:#b27aff;--vi:#92ffb5;--dk:#0d021b;--cut:clamp(14px,2.2vw,30px);--bill:132px;--rail:60px;--w:1180px;--fd:"Quantico","Arial Narrow",sans-serif;--fb:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--fm:"JetBrains Mono",ui-monospace,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--fb);background-image:linear-gradient(115deg,rgba(146,255,181,.07),transparent 38%),linear-gradient(295deg,rgba(138,61,255,.06),transparent 34%);background-attachment:fixed}
a{color:var(--vi);text-underline-offset:3px}
a:hover{color:var(--or2)}
:focus-visible{outline:2px solid var(--or);outline-offset:3px}
h1,h2,h3{margin:0;line-height:1.12;overflow-wrap:anywhere}
h1{font:italic 700 clamp(2rem,4.3vw,3.5rem)/1.04 var(--fd);text-transform:uppercase;letter-spacing:.005em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
.skip{position:absolute;left:-999px;top:0;z-index:99;background:var(--or);color:var(--dk);padding:12px 18px;font-weight:700}
.skip:focus{left:8px;top:8px}

/* header: billboard slides away, rail sticks */
.top{position:sticky;top:calc(-1*var(--bill));z-index:40}
.top.is-home{--bill:250px}
.bill{height:var(--bill);position:relative;overflow:hidden;background:linear-gradient(180deg,#13381a,#0e2612);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.bill::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(146,255,181,.09) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(146,255,181,.06) 0 1px,transparent 1px 32px)}
.bill::after{content:"";position:absolute;top:-30%;bottom:-30%;right:11%;width:clamp(70px,11vw,170px);transform:skewX(-18deg);background:linear-gradient(90deg,var(--or) 0 34%,transparent 34% 66%,var(--vi) 66%);opacity:.92;filter:drop-shadow(0 0 22px rgba(138,61,255,.55))}
.bill-in{position:relative;z-index:1;max-width:var(--w);height:100%;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;justify-content:center}
.mark{font:italic 700 clamp(3rem,7.4vw,5.4rem)/.9 var(--fd);text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px var(--or);text-decoration:none;white-space:nowrap;letter-spacing:.01em;text-shadow:0 0 28px rgba(138,61,255,.35);display:block}
.mark:hover{color:transparent}
.is-home .mark{font-size:clamp(3.4rem,13.5vw,11rem)}
.tag{margin:.7em 0 0;font:700 13px/1.3 var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--vi)}
.rail{height:var(--rail);background:rgba(11,29,14,.96);border-top:2px solid var(--or);border-bottom:1px solid var(--ln);box-shadow:0 -1px 18px rgba(138,61,255,.35)}
.rail-in{max-width:var(--w);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:8px;position:relative}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--ink);text-decoration:none;font:italic 700 18px/1 var(--fd);text-transform:uppercase}
.logo svg{flex:none}
.nav{display:flex;margin-left:auto;margin-right:10px}
.nav a{display:flex;align-items:center;min-height:44px;padding:0 15px;color:var(--ink);text-decoration:none;font:500 15px/1 var(--fb);transform:skewX(-14deg);border-left:1px solid var(--ln)}
.nav a:last-child{border-right:1px solid var(--ln)}
.nav a:hover{background:var(--pn2);color:var(--or2)}
.nav a[aria-current]{background:var(--pn2);color:var(--or);box-shadow:inset 0 -3px 0 var(--or)}
.burger{display:none;width:44px;height:44px;background:var(--pn);border:1px solid var(--ln);padding:0;cursor:pointer;order:3;flex-direction:column;align-items:center;justify-content:center;gap:5px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.burger i{display:block;width:20px;height:2px;background:var(--or);transform:skewX(-30deg)}
.burger i:nth-child(2){background:var(--vi)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;background:var(--or);color:var(--dk);font:700 15px/1.15 var(--fb);text-decoration:none;border:0;cursor:pointer;text-align:center;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:background .15s,filter .15s}
.btn:hover{background:#a25fff;color:var(--dk);filter:drop-shadow(0 0 10px rgba(138,61,255,.6))}
.btn.big{min-height:54px;padding:0 30px;font-size:17px}
.btn.sm{min-height:44px;padding:0 16px;font-size:14px}
.btn.ghost{background:var(--pn2);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--vi)}
.btn.ghost:hover{background:#23582b;color:#ffffff;filter:none}
.btn[disabled]{opacity:.6;cursor:wait}
.btn.key{flex:none}

/* layout */
main{max-width:var(--w);margin:0 auto;padding:44px 24px 20px;display:block}
main>*{margin-bottom:26px}
.sh{position:relative;padding:1px;background:linear-gradient(100deg,var(--or),var(--ln) 26%,var(--ln) 74%,var(--vi));clip-path:polygon(0 var(--cut),100% 0,100% calc(100% - var(--cut)),0 100%);min-width:0}
.sh.alt{background:linear-gradient(100deg,var(--vi),var(--ln) 26%,var(--ln) 74%,var(--or));clip-path:polygon(0 0,100% var(--cut),100% 100%,0 calc(100% - var(--cut)))}
.sh>.in{background:var(--pn);padding:calc(var(--cut) + 34px) clamp(18px,4vw,48px);clip-path:inherit;min-width:0}
.sh.alt>.in{background:#112e15}
@media(min-width:1000px){.sh.l{margin-right:7%}.sh.r{margin-left:7%}}
.hd{font:italic 700 clamp(1.45rem,2.6vw,2.1rem)/1.1 var(--fd);text-transform:uppercase;margin-bottom:26px;display:flex;align-items:baseline;gap:14px}
.hd::before,.prose h2::before,.pside h2::before,.take h2::before{content:"";flex:none;display:inline-block;width:22px;height:.82em;transform:skewX(-18deg);background:linear-gradient(90deg,var(--or) 0 6px,transparent 6px 13px,var(--vi) 13px 19px,transparent 19px);margin-right:12px}
.hd::before{margin-right:0;align-self:center}
.lead{font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.6;color:var(--mut);max-width:66ch}
.eyebrow,.try,.toc-h,.upd,.sub{font:700 12.5px/1.4 var(--fm);letter-spacing:.13em;text-transform:uppercase;color:var(--or);margin:0 0 14px}
.acts2{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center;padding:6px 0 10px}
.hero-t,.hero-c{min-width:0}
.hero h1{margin-bottom:20px}
.ticks{list-style:none;margin-top:22px;display:grid;gap:10px}
.ticks li,.take li,.prose ul>li{position:relative;padding-left:30px}
.ticks li::before,.take li::before,.prose ul>li::before{content:"";position:absolute;left:0;top:.42em;width:16px;height:.8em;transform:skewX(-18deg);background:linear-gradient(90deg,var(--or) 0 5px,transparent 5px 10px,var(--vi) 10px 15px,transparent 15px)}
.try{color:var(--vi)}
.hero-c{position:relative}
.hero-c::before{content:"";position:absolute;inset:26px -14px -14px 14px;border:1px solid var(--vi);opacity:.45;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));pointer-events:none}

/* code */
.codebox{position:relative;background:#08160a;border:1px solid var(--ln);border-top:2px solid var(--or);min-width:0}
.codetabs{display:flex;background:var(--pn);border-bottom:1px solid var(--ln);overflow-x:auto}
.codetabs button{min-height:44px;padding:0 20px;background:none;border:0;border-right:1px solid var(--ln);color:var(--mut);font:700 13px/1 var(--fm);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.codetabs button[aria-selected=true]{color:var(--dk);background:var(--or)}
pre.code{position:relative;margin:0;background:#08160a;color:#d8f2de;font:400 13.5px/1.7 var(--fm);max-width:100%;min-width:0;overflow:hidden}
pre.code code{display:block;overflow-x:auto;padding:52px 18px 18px;font:inherit;white-space:pre;tab-size:2}
.prose pre.code{border:1px solid var(--ln);border-left:3px solid var(--vi);margin:0 0 1.4em}
.copy{position:absolute;top:6px;right:6px;min-height:40px;min-width:64px;padding:0 12px;background:var(--pn2);color:var(--ink);border:1px solid var(--ln);font:700 12px/1 var(--fm);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
.copy:hover{border-color:var(--or);color:var(--or2)}
.code .k{color:var(--or2)}.code .s{color:#e3c28f}.code .c{color:#8cba95;font-style:italic}
code{font-family:var(--fm);font-size:.9em}
:not(pre)>code{background:#08160a;border:1px solid var(--ln);padding:.1em .4em;color:var(--or2);overflow-wrap:anywhere}

/* facts: five sheared plates */
.facts{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 10px}
.facts li{transform:skewX(-9deg);background:var(--pn);border:1px solid var(--ln);border-bottom:3px solid var(--or);min-width:0}
.facts li:nth-child(even){border-bottom-color:var(--vi)}
.pl{display:flex;flex-direction:column;gap:6px;transform:skewX(9deg);padding:18px 16px}
.pl b{font:italic 700 clamp(1.25rem,2.1vw,1.75rem)/1.05 var(--fd);color:var(--ink);overflow-wrap:anywhere}
.pl i{font:500 13px/1.35 var(--fb);font-style:normal;color:var(--mut)}

/* cells */
.g3,.g2{display:grid;gap:26px 30px;counter-reset:n}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cell{min-width:0;counter-increment:n;position:relative}
.cell h3{font:700 1.12rem/1.3 var(--fb);margin-bottom:8px;color:var(--ink)}
.cell p{margin:0;color:var(--mut);font-size:.97rem}
.num .cell{padding-top:16px;border-top:1px solid var(--ln)}
.num .cell::before{content:"";position:absolute;top:-2px;left:0;width:46px;height:3px;background:linear-gradient(90deg,var(--or) 50%,var(--vi) 50%)}
.steps .cell{padding-top:66px}
.steps .cell::before{content:"0" counter(n);position:absolute;top:0;left:0;font:italic 700 3.4rem/1 var(--fd);color:transparent;-webkit-text-stroke:1.5px var(--vi)}
.steps .cell:nth-child(odd)::before{-webkit-text-stroke-color:var(--or)}
.use .cell{padding:4px 0 4px 20px;border-left:2px solid var(--or)}
.use .cell:nth-child(even){border-left-color:var(--vi)}

/* prose */
.prose{max-width:78ch;min-width:0}
.prose.long{font-size:1.06rem;line-height:1.78}
.wide .prose,.legal .prose{margin:0 auto}
.prose h2{font:italic 700 clamp(1.35rem,2.3vw,1.8rem)/1.15 var(--fd);text-transform:uppercase;margin:1.9em 0 .7em}
.prose>h2:first-child{margin-top:0}
.prose h3{font:700 1.15rem/1.3 var(--fb);margin:1.5em 0 .5em;color:var(--or2)}
.prose p,.prose li{color:#d3ecd9}
.prose ul,.prose ol{margin:0 0 1.2em}
.prose ul{list-style:none}
.prose ol{padding-left:1.4em}
.prose li{margin-bottom:.5em}
.prose ol li::marker{color:var(--or);font-weight:700}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 1.4em;font-size:.95rem}
.prose th,.prose td{padding:10px 14px;border:1px solid var(--ln);text-align:left;vertical-align:top}
.prose th{background:var(--pn2);color:var(--or2);font:700 12.5px/1.3 var(--fm);text-transform:uppercase;letter-spacing:.06em}
.prose blockquote{margin:0 0 1.2em;padding:6px 0 6px 18px;border-left:3px solid var(--vi);color:var(--mut)}
.prose strong{color:#ffffff}

/* faq */
.qas{display:grid;gap:10px}
.qa{background:#0e2812;border:1px solid var(--ln);border-left:3px solid var(--vi)}
.qa[open]{border-left-color:var(--or)}
.qa summary{list-style:none;cursor:pointer;min-height:52px;padding:12px 52px 12px 18px;display:flex;align-items:center;position:relative;font-weight:700}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";position:absolute;right:20px;top:50%;width:14px;height:18px;margin-top:-9px;transform:skewX(-18deg);background:linear-gradient(90deg,var(--or) 0 4px,transparent 4px 9px,var(--vi) 9px 13px,transparent 13px);transition:transform .2s}
.qa[open] summary::after{transform:skewX(18deg)}
.qa p{margin:0;padding:0 18px 18px;color:var(--mut)}

/* cta band */
.cta{background:var(--or);color:var(--dk);clip-path:polygon(0 var(--cut),100% 0,100% calc(100% - var(--cut)),0 100%);margin-top:10px}
.cta-in{padding:calc(var(--cut) + 34px) clamp(20px,4vw,52px);display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:repeating-linear-gradient(108deg,transparent 0 46px,rgba(13,2,27,.06) 46px 52px)}
.cta h2{font:italic 700 clamp(1.5rem,3vw,2.4rem)/1.08 var(--fd);text-transform:uppercase;margin-bottom:8px}
.cta p{margin:0;max-width:52ch;font-weight:500}
.cta .btn{background:var(--bg);color:var(--ink)}
.cta .btn:hover{background:#1a4822;color:#ffffff;filter:none}

/* crumbs + intro */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;font:700 12.5px/1.4 var(--fm);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.crumbs li{display:flex;align-items:center;color:var(--mut)}
.crumbs li+li::before{content:"";width:13px;height:14px;margin:0 10px;transform:skewX(-18deg);background:linear-gradient(90deg,var(--or) 0 3px,transparent 3px 8px,var(--vi) 8px 11px,transparent 11px)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--vi);text-decoration:none}
.crumbs a:hover{color:var(--or2)}
.intro{padding:0 0 8px;max-width:920px}
.intro h1{margin-bottom:18px}
.intro .sub,.intro .upd{margin:18px 0 0;color:var(--vi)}
.upd time{color:var(--ink)}

/* key page */
.keygrid{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);grid-template-areas:"form intro" "form rest";grid-template-rows:auto 1fr;gap:0 52px;align-items:start}
.k-intro{grid-area:intro;min-width:0}.k-form{grid-area:form;min-width:0}.k-rest{grid-area:rest;min-width:0;padding-top:16px}
.k-rest .g2{margin-top:26px}
.form{background:var(--pn);border:1px solid var(--ln);border-top:3px solid var(--or);padding:26px clamp(18px,3vw,30px) 28px;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);box-shadow:0 0 0 1px rgba(138,61,255,.12)}
.form::after{content:"";position:absolute;right:6px;bottom:6px;width:20px;height:20px;background:linear-gradient(135deg,transparent 50%,var(--vi) 50%);opacity:.0}
.form a.btn.ghost{min-height:50px;width:100%;background:#ffffff;color:#17301b;box-shadow:none;margin:0 0 4px}
.form a.btn.ghost:hover{background:#eaffef;color:#17301b}
.form .note{font-size:.85rem;color:var(--mut);margin:8px 0 14px}
.tabs2{display:grid;grid-template-columns:1fr 1fr;margin:6px 0 18px;border:1px solid var(--ln);background:#0d2511}
.tabs2 button{min-height:46px;background:none;border:0;color:var(--mut);font:700 14px/1.2 var(--fb);cursor:pointer;padding:6px 8px}
.tabs2 button[aria-selected=true]{background:var(--vi);color:#0c3316}
.msg{display:none}
.msg.err{display:block;background:#0f1c3a;border:1px solid #6b8bff;border-left-width:4px;color:#d5deff;padding:12px 14px;margin-bottom:16px;font-weight:500;font-size:.95rem}
.row{margin-bottom:16px;min-width:0}
.row label,.calc label{display:block;font:700 12px/1.3 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:7px}
input,select,textarea{width:100%;min-height:48px;background:#09190c;color:var(--ink);border:1px solid #40854a;border-radius:0;padding:10px 14px;font:400 16px/1.4 var(--fb)}
textarea{min-height:140px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--or);outline-offset:1px;border-color:var(--or)}
.row .note{margin:6px 0 0}
.form form .btn,form[data-support] button{width:100%;min-height:54px;font-size:16px}
.form form>.note{margin:14px 0 0;text-align:center}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font:italic 700 1.4rem/1.1 var(--fd);text-transform:uppercase;margin-bottom:14px;color:var(--or)}
.keybox{display:flex;gap:10px;align-items:center;background:#08160a;border:1px dashed var(--or);padding:10px 10px 10px 14px}
.keybox span{flex:1;min-width:0;font:700 14px/1.4 var(--fm);color:var(--or2);overflow-wrap:anywhere}
.keyout>p{margin:12px 0;line-height:1.9;overflow-wrap:anywhere}
.keyout .mut{color:var(--mut)}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}

/* docs / article split */
.split{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start}
.split.art{grid-template-columns:minmax(0,1fr) 280px}
.col{min-width:0;display:grid;gap:22px}
.sh.full>.in{padding-left:clamp(18px,3.4vw,44px);padding-right:clamp(18px,3.4vw,44px)}
.toc{background:#0e2812;border:1px solid var(--ln);border-top:2px solid var(--vi);padding:18px 0 12px;clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.toc.side,.aside{position:sticky;top:84px}
.toc-h{padding:0 18px;color:var(--vi)}
.toc ol{list-style:none;counter-reset:t}
.toc a{display:flex;align-items:center;min-height:44px;padding:6px 18px;color:var(--ink);text-decoration:none;font-size:.93rem;line-height:1.35;border-left:3px solid transparent}
.toc a:hover{border-left-color:var(--or);background:var(--pn2);color:var(--or2)}
.aside{display:grid;gap:18px;min-width:0}
.sidecta,.pside{background:linear-gradient(160deg,#1d3d2a,#143218);border:1px solid var(--ln);border-left:3px solid var(--or);padding:22px 20px;min-width:0}
.sc-h,.pside h2{font:italic 700 1.3rem/1.15 var(--fd);text-transform:uppercase;margin:0 0 10px;color:var(--ink)}
.sidecta p,.pside p{color:var(--mut);font-size:.95rem}
.sidecta .btn,.pside .btn{width:100%}
.take{background:#15301c;border:1px solid var(--ln);border-top:3px solid var(--or);padding:24px clamp(18px,3vw,32px)}
.take h2{font:italic 700 1.3rem/1.15 var(--fd);text-transform:uppercase;margin-bottom:16px}
.take ul{list-style:none;display:grid;gap:12px}

/* pricing */
.pgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:center}
.calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end}
.calc>div{min-width:0}
.calc input{font:700 17px/1.2 var(--fm)}
.calc output{display:flex;align-items:center;min-height:48px;padding:0 14px;background:var(--or);color:var(--dk);font:italic 700 1.7rem/1 var(--fd);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}

/* support */
.sup{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}
form[data-support] button{background:var(--or);color:var(--dk);border:0;font:700 16px/1.2 var(--fb);cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);margin-top:6px}
form[data-support] button:hover{background:#a25fff}
form[data-support] output,form[data-support] [data-out],form[data-support] p{display:block;margin-top:12px;color:var(--or2);font-weight:500}

/* 404 */
.nf{padding:50px 0 60px;max-width:760px}
.nf-n{display:flex;gap:26px;height:130px;margin:0 0 30px 30px}
.nf-n i{display:block;width:44px;height:100%;transform:skewX(-18deg);background:var(--or);filter:drop-shadow(0 0 20px rgba(138,61,255,.6))}
.nf-n i+i{background:var(--vi);filter:drop-shadow(0 0 20px rgba(146,255,181,.6))}
.nf h1{margin-bottom:16px}
.nf-l{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.nf-l a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--ln);background:var(--pn);color:var(--ink);text-decoration:none;transform:skewX(-12deg)}
.nf-l a:hover{border-color:var(--or);color:var(--or2)}

/* footer */
.foot{margin-top:50px;background:#08160a;border-top:1px solid var(--ln);position:relative}
.foot::before{content:"";position:absolute;top:-2px;left:0;width:min(46%,420px);height:3px;background:linear-gradient(90deg,var(--or) 50%,var(--vi) 50%)}
.foot-in{max-width:var(--w);margin:0 auto;padding:36px 24px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px 40px}
.f-a p{margin:8px 0 0;color:var(--mut);font-size:.93rem}
.f-l{display:flex;flex-wrap:wrap;gap:0 22px;align-content:start;justify-content:flex-end}
.f-l a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;font-size:.95rem}
.f-l a:hover{color:var(--or2);text-decoration:underline}
.f-n{grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid var(--ln);color:var(--mut);font-size:.85rem;line-height:1.6}

/* responsive */
@media(max-width:1060px){
.facts{grid-template-columns:repeat(6,minmax(0,1fr))}
.facts li{grid-column:span 2}
.facts li:nth-child(n+4){grid-column:span 3}
.split,.split.art,.pgrid,.sup{grid-template-columns:minmax(0,1fr)}
.toc.side,.aside{position:static}
.split.art .aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media(max-width:900px){
:root{--bill:92px}
.top.is-home{--bill:150px}
.hero{grid-template-columns:minmax(0,1fr);gap:30px}
.hero-c::before{display:none}
.g3{grid-template-columns:minmax(0,1fr)}
.steps .cell{padding:4px 0 4px 78px;min-height:60px}
.keygrid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "form" "rest";gap:0}
.k-rest{padding-top:26px}
.burger{display:flex}
.btn.key{margin-left:auto;order:2;min-height:44px;padding:0 14px;font-size:14px}
.nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;flex-direction:column;background:#0b1d0e;border-bottom:2px solid var(--or);box-shadow:0 18px 30px rgba(0,0,0,.6);padding:6px 0}
.nav.open{display:flex}
.nav a,.nav a:last-child{transform:none;border:0;border-left:3px solid transparent;min-height:50px;padding:0 24px;font-size:16px}
.nav a[aria-current]{border-left-color:var(--or);box-shadow:none}
.foot-in{grid-template-columns:minmax(0,1fr)}
.f-l{justify-content:flex-start}
}
@media(max-width:620px){
body{font-size:16px}
main{padding:28px 16px 10px}
.bill-in,.rail-in{padding:0 16px}
.tag{font-size:11px;letter-spacing:.1em}
.bill::after{right:6%;opacity:.5}
.g2{grid-template-columns:minmax(0,1fr)}
.facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 6px}
.facts li,.facts li:nth-child(n+4){grid-column:auto;transform:skewX(-5deg)}
.facts li:last-child{grid-column:1/-1}
.pl{transform:skewX(5deg);padding:14px 12px}
.calc{grid-template-columns:minmax(0,1fr)}
.split.art .aside{grid-template-columns:minmax(0,1fr)}
.acts2 .btn{flex:1 1 100%}
.logo{font-size:15px;gap:8px}
.cta-b,.cta-b .btn{width:100%}
pre.code{font-size:12.5px}
.sh>.in{padding-top:calc(var(--cut) + 26px);padding-bottom:calc(var(--cut) + 26px)}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.is-home .bill::after{right:3%}
.k-intro h1{margin-bottom:22px}
@media(max-width:620px){.crumbs li[aria-current]{display:none}.k-intro h1{margin-bottom:18px}}
