:root{--ink:#14122b;--paper:#fffdf5;--white:#fff;--amber:#ffcc00;--cob:#2b3fff;--mint:#7dedb0;--rose:#ff9db0;--mut:#4a4763;
--bd:3px solid var(--ink);--sh:6px 6px 0 var(--ink);--sh4:4px 4px 0 var(--ink);
--fd:"Space Grotesk","Arial Narrow",Arial,sans-serif;--fb:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--fm:"Roboto Mono",ui-monospace,Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.65 var(--fb);overflow-wrap:break-word}
h1,h2,h3{font-family:var(--fd);font-weight:700;letter-spacing:-.025em;line-height:1.08;margin:0}
h1{font-size:clamp(2.05rem,4.5vw,3.6rem);line-height:1.02;letter-spacing:-.035em}
h2{font-size:clamp(1.55rem,2.8vw,2.3rem)}
h3{font-size:1.2rem;line-height:1.2}
p{margin:0 0 1em}
a{color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--cob);outline-offset:3px}
.b-cobalt :focus-visible,.b-ink :focus-visible,pre :focus-visible{outline-color:var(--amber)}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--ink);color:#fff;padding:12px 18px;font-weight:700}
.skip:focus{left:8px;top:8px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;background:var(--cob);color:#fff;border:var(--bd);box-shadow:var(--sh4);font:700 1.02rem/1.1 var(--fd);text-decoration:none;cursor:pointer;border-radius:0;transition:transform .12s,box-shadow .12s;text-align:center}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}
.btn.ghost{background:var(--white);color:var(--ink)}
.btn.amber{background:var(--amber);color:var(--ink)}
.btn.sm{min-height:44px;padding:0 14px;font-size:.92rem}
.btn .arr{flex:none}
.b-ink .btn{box-shadow:4px 4px 0 var(--cob)}
.b-ink .btn:hover{box-shadow:2px 2px 0 var(--cob)}

/* header */
.hd{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:4px solid var(--ink)}
.hd-in{max-width:1248px;margin:0 auto;padding:0 24px;min-height:72px;display:flex;align-items:center;gap:16px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 1.22rem/1 var(--fd);letter-spacing:-.03em;min-height:44px;min-width:0}
.logo .mark{flex:none}
.lt{white-space:nowrap}
.nav{display:flex;margin-left:auto;border:var(--bd);background:var(--white)}
.nav a{display:flex;align-items:center;min-height:44px;padding:0 15px;font:700 .95rem/1 var(--fd);text-decoration:none;border-right:var(--bd)}
.nav a:last-child{border-right:0}
.nav a:hover{background:var(--amber)}
.nav a[aria-current]{background:var(--ink);color:var(--amber)}
.hd-cta{min-height:46px;padding:0 18px;font-size:.98rem;white-space:nowrap}
.burger{display:none;width:46px;height:46px;flex:none;padding:0;background:var(--amber);border:var(--bd);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{display:block;width:20px;height:3px;background:var(--ink)}

/* bands */
.band{border-bottom:4px solid var(--ink);padding:76px 0}
.in{max-width:1248px;margin:0 auto;padding:0 24px}
.b-amber{background:var(--amber)}
.b-paper{background:var(--paper)}
.b-white{background:var(--white)}
.b-cobalt{background:var(--cob);color:#fff}
.b-ink{background:var(--ink);color:#fff}
.lead{font-size:1.2rem;line-height:1.55;max-width:44em;font-weight:600}

/* hunk header */
.hunk{display:flex;align-items:center;gap:16px;border-bottom:var(--bd);padding-bottom:18px;margin-bottom:36px}
.b-cobalt .hunk{border-color:#fff}
.hk-n{flex:none;font:700 .9rem/1 var(--fm);background:var(--ink);color:var(--amber);padding:10px 10px;white-space:nowrap}
.hk-n::before{content:"@@ "}.hk-n::after{content:" @@"}
.b-cobalt .hk-n,.b-ink .hk-n{background:var(--amber);color:var(--ink)}
.b-amber .hk-n{color:#fff}
.hunk h2{min-width:0}

/* crumbs */
.crumbs{margin:0 0 18px;font:700 .82rem/1.2 var(--fm)}
.crumbs ol{display:flex;align-items:center;min-width:0}
.crumbs li:first-child{flex:none}
.crumbs li:last-child{min-width:0}
.crumbs li{display:inline-flex;align-items:center;min-height:44px}
.crumbs li+li::before{content:"/";margin:0 10px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px;text-decoration-thickness:2px}
.crumbs span{background:var(--ink);color:var(--amber);padding:6px 9px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* hero */
.hero{padding:64px 0 72px;overflow:hidden;overflow:clip}
.hero-in{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:56px;align-items:start}
.hero-t,.hero-c{min-width:0}
.eyebrow{display:inline-block;font:700 .84rem/1.3 var(--fm);background:var(--ink);color:var(--amber);padding:8px 12px;margin:0 0 22px}
.eyebrow::before{content:"+ ";color:var(--mint)}
.hero h1{margin-bottom:22px}
.acts-h{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
.plus{display:grid;gap:10px;margin:22px 0 0}
.plus li{position:relative;padding:4px 0 4px 44px;font-weight:600;line-height:1.45}
.plus li::before{content:"+";position:absolute;left:0;top:2px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--mint);border:var(--bd);font:700 1.05rem/1 var(--fm)}
.hero .plus li::before{background:var(--white)}
.patch{position:relative;z-index:2;width:82%;margin:0 0 20px auto;background:var(--white);border:var(--bd);box-shadow:var(--sh);transform:rotate(1.6deg);font:700 .86rem/1.2 var(--fm)}
.p-hd{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--ink);color:#fff}
.p-hd i{width:11px;height:11px;background:var(--amber);flex:none}
.p-hd i:nth-child(2){background:var(--rose)}.p-hd i:nth-child(3){background:var(--mint)}
.p-hd b{margin-left:8px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p-row{display:flex;align-items:center;min-height:34px;border-top:2px solid var(--ink)}
.p-row::before{content:"+";flex:none;width:38px;align-self:stretch;display:flex;align-items:center;justify-content:center;border-right:2px solid var(--ink);background:var(--mint)}
.p-row.del{background:#ffe3e8}
.p-row.del::before{content:"\2212";background:var(--rose)}
.p-row.add{background:#e2fbee}
.p-row span{margin:0 12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar{display:block;height:12px;background:var(--ink);position:relative;opacity:.85}
.bar.w1{width:62%}.bar.w2{width:38%}
.try{display:inline-block;position:relative;z-index:3;margin:0 0 -3px;font:700 .82rem/1 var(--fm);background:var(--cob);color:#fff;border:var(--bd);padding:10px 12px}

/* facts */
.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;background:var(--ink);border:var(--bd);box-shadow:var(--sh);margin:56px 0 0}
.facts div{background:var(--white);padding:18px 18px 16px;display:flex;flex-direction:column-reverse;justify-content:flex-end;min-width:0}
.facts dd{margin:0 0 6px;font:700 clamp(1.5rem,2.4vw,2.1rem)/1 var(--fd);letter-spacing:-.03em}
.facts dd::before{content:"+";color:var(--cob);font-family:var(--fm);margin-right:6px}
.facts dt{font:700 .78rem/1.35 var(--fm);color:var(--mut)}
.facts div:nth-child(4){background:var(--mint)}.facts div:nth-child(4) dt{color:var(--ink)}
.flist{border:var(--bd);background:var(--white);box-shadow:var(--sh4);margin:26px 0 0;max-width:520px}
.flist div{display:flex;align-items:baseline;gap:12px;padding:0 14px 0 0;border-top:2px solid var(--ink);min-height:44px;flex-wrap:wrap}
.flist div:first-child{border-top:0}
.flist div::before{content:"+";align-self:stretch;flex:none;width:40px;display:flex;align-items:center;justify-content:center;background:var(--mint);border-right:2px solid var(--ink);font:700 1rem/1 var(--fm)}
.flist dd{margin:0;font:700 1.15rem/1.2 var(--fd);padding:9px 0}
.flist dt{order:2;font:400 .82rem/1.3 var(--fm);padding:9px 0;flex:1;min-width:0}

/* cards */
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.feat.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.feat li{position:relative;background:var(--white);border:var(--bd);box-shadow:var(--sh);padding:56px 22px 22px;min-width:0}
.feat li::before{content:"+";position:absolute;left:-3px;top:-3px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--mint);border:var(--bd);font:700 1.3rem/1 var(--fm)}
.feat li:nth-child(3n+2)::before{background:var(--amber)}
.feat li:nth-child(3n)::before{background:var(--cob);color:#fff}
.feat h3{margin-bottom:10px}
.feat p,.steps p,.uses p{margin:0;font-size:1rem;line-height:1.6}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:st}
.steps li{counter-increment:st;background:var(--white);color:var(--ink);border:var(--bd);box-shadow:var(--sh);padding:24px 22px;min-width:0}
.steps li::before{content:counter(st,decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:52px;padding:0 8px;background:var(--amber);border:var(--bd);font:700 1.3rem/1 var(--fm);margin-bottom:18px}
.steps h3{margin-bottom:10px}
.uses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}
.uses li{display:grid;grid-template-columns:52px minmax(0,1fr);background:var(--paper);border:var(--bd);box-shadow:var(--sh4);min-width:0}
.uses li::before{content:"+";grid-row:1/span 2;display:flex;justify-content:center;padding-top:20px;background:var(--mint);border-right:var(--bd);font:700 1.3rem/1 var(--fm)}
.uses li:nth-child(4n+2)::before,.uses li:nth-child(4n+3)::before{background:var(--amber)}
.uses h3{grid-column:2;padding:20px 20px 8px}
.uses p{grid-column:2;padding:0 20px 20px}

/* prose */
.prose{max-width:780px;min-width:0}
.band>.in>.prose{margin:0 auto}
.prose>*:first-child{margin-top:0}
.prose h2{margin:2.2em 0 .7em;padding-top:22px;border-top:var(--bd);scroll-margin-top:96px}
.prose h2::before{content:"@@";display:block;width:max-content;font:700 .8rem/1 var(--fm);background:var(--ink);color:var(--amber);padding:7px 9px;letter-spacing:0;margin-bottom:14px}
.prose h3{margin:1.8em 0 .5em;font-size:1.3rem;scroll-margin-top:96px}
.prose a{color:var(--cob);font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}
.prose ul,.prose ol{margin:0 0 1.3em;display:grid;gap:10px}
.prose ul li{position:relative;padding-left:36px}
.prose ul li::before{content:"+";position:absolute;left:0;top:.2em;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--mint);border:2px solid var(--ink);font:700 .85rem/1 var(--fm)}
.prose ol{counter-reset:pl}
.prose ol li{counter-increment:pl;position:relative;padding-left:44px}
.prose ol li::before{content:counter(pl);position:absolute;left:0;top:.05em;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--amber);border:2px solid var(--ink);font:700 .88rem/1 var(--fm)}
.prose :not(pre)>code{font:700 .88em var(--fm);background:#fff2b8;border:1.5px solid var(--ink);padding:1px 5px;overflow-wrap:anywhere}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.6em 0;font-size:.96rem}
.prose th,.prose td{border:2px solid var(--ink);padding:10px 14px;text-align:left;vertical-align:top;background:var(--white)}
.prose th{background:var(--amber);font-family:var(--fd)}
.prose blockquote{margin:1.5em 0;padding:16px 20px;border:var(--bd);background:var(--mint)}
.prose pre.code{margin:1.6em 0;border:var(--bd);box-shadow:var(--sh)}

/* code */
.codebox{border:var(--bd);box-shadow:var(--sh);background:var(--ink);min-width:0}
.codetabs{display:flex;background:var(--white);border-bottom:var(--bd);overflow-x:auto}
.codetabs button{min-height:46px;padding:0 18px;border:0;border-right:var(--bd);background:var(--white);color:var(--ink);font:700 .9rem/1 var(--fm);cursor:pointer;border-radius:0}
.codetabs button[aria-selected=true]{background:var(--ink);color:var(--amber)}
[data-pane][hidden]{display:none}
pre.code{position:relative;margin:0;background:var(--ink);color:#f1eeff;max-width:100%;overflow:hidden;font:400 .86rem/1.65 var(--fm)}
pre.code code{display:block;overflow-x:auto;padding:58px 20px 20px;font:inherit;tab-size:2}
pre.code .k{color:var(--amber);font-weight:700}pre.code .s{color:var(--mint)}pre.code .c{color:#b0adcf;font-style:italic}
.copy{position:absolute;top:7px;right:7px;min-height:44px;min-width:64px;padding:0 12px;background:var(--amber);color:var(--ink);border:2px solid var(--amber);font:700 .8rem/1 var(--fm);cursor:pointer;border-radius:0}
.copy:hover{background:#fff;border-color:#fff}

/* two-column (docs, article) */
.two{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;align-items:start}
.side{position:sticky;top:100px;display:grid;gap:28px;min-width:0;max-height:calc(100vh - 120px);overflow:auto;padding:0 8px 8px 0}
.toc{border:var(--bd);background:var(--white);box-shadow:var(--sh4)}
.toc-h{margin:0;padding:12px 14px;background:var(--ink);color:var(--amber);font:700 .84rem/1 var(--fm)}
.toc-h::before{content:"@@ "}
.toc ol{counter-reset:tc}
.toc li{counter-increment:tc;border-top:2px solid var(--ink)}
.toc a{display:flex;gap:10px;align-items:center;min-height:44px;padding:8px 12px;font:600 .9rem/1.3 var(--fb);text-decoration:none}
.toc a::before{content:"+";flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--mint);border:2px solid var(--ink);font:700 .82rem/1 var(--fm)}
.toc a:hover{background:var(--amber)}
.sidec{border:var(--bd);background:var(--amber);box-shadow:var(--sh4);padding:18px}
.sidec-h{font:700 1.15rem/1.2 var(--fd);margin:0 0 8px}
.sidec p{font-size:.95rem;line-height:1.5}
.sidec .btn{width:100%}
.read{min-width:0;max-width:780px}
.take{border:var(--bd);background:var(--amber);box-shadow:var(--sh);padding:26px 26px 28px;margin:0 0 44px}
.take h2{font-size:1.5rem}
.take .plus li::before{background:var(--white)}

/* page head */
.ph{padding:44px 0 56px}
.ph h1{max-width:20em}
.ph .lead{margin:20px 0 0}
.upd{display:inline-block;margin:22px 0 0;font:700 .82rem/1 var(--fm);background:var(--ink);color:#fff;padding:9px 12px}
.upd span{color:var(--amber)}
.ph-pr .facts{margin-top:40px}

/* key page */
.kh{padding:36px 0 64px}
.kh-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);grid-template-areas:"t f" "l f";grid-template-rows:auto 1fr;column-gap:64px;align-items:start}
.kh-t{grid-area:t;min-width:0}.kh-f{grid-area:f;min-width:0;padding-top:8px}.kh-l{grid-area:l;min-width:0}
.kh-l .lead{margin-top:20px}
.form{background:var(--white);border:var(--bd);box-shadow:8px 8px 0 var(--ink);padding:24px}
.tabs2{display:flex;border:var(--bd);margin:0 0 18px}
.tabs2 button{flex:1;min-height:46px;padding:0 10px;border:0;background:var(--white);color:var(--ink);font:700 .98rem/1.1 var(--fd);cursor:pointer;border-radius:0}
.tabs2 button+button{border-left:var(--bd)}
.tabs2 button[aria-selected=true]{background:var(--ink);color:var(--amber)}
.msg{font-weight:700;font-size:.95rem}
.msg:empty{display:none}
.msg:not(:empty){border:var(--bd);background:var(--mint);padding:10px 12px;margin:0 0 14px}
.msg.err:not(:empty){background:var(--rose)}
.row{margin:0 0 16px}
.row label,.calc label{display:block;font:700 .84rem/1.3 var(--fm);margin:0 0 7px}
input,select,textarea{font:400 1rem/1.4 var(--fb);color:var(--ink);background:var(--white);border:var(--bd);border-radius:0;min-height:50px;padding:10px 12px;width:100%;max-width:100%}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;box-shadow:4px 4px 0 var(--cob);border-color:var(--cob)}
.note{font-size:.86rem;line-height:1.45;color:var(--mut);margin:8px 0 0}
.form form>.btn{width:100%;margin-top:4px}
.form form>.note{text-align:center;margin-top:14px}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{margin:0 0 14px;font-size:1.35rem}
.keybox{display:flex;align-items:center;gap:12px;border:var(--bd);background:var(--mint);padding:10px 10px 10px 14px;font:700 .92rem/1.4 var(--fm)}
.keybox span{flex:1;min-width:0;overflow-wrap:anywhere}
.keyout p{margin:14px 0 0;font-size:.96rem}
.keyout code{font:700 .88em var(--fm);overflow-wrap:anywhere}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.mut{color:var(--mut)}

/* calc */
.calcw{max-width:none}
.calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--bd);box-shadow:var(--sh);background:var(--white)}
.calc>div{padding:22px;border-right:var(--bd);min-width:0}
.calc>div:last-child{border-right:0;background:var(--mint)}
.calc input{font:700 1.1rem/1.2 var(--fm);min-height:54px}
.calc output{display:block;font:700 clamp(1.9rem,3.4vw,2.7rem)/1.1 var(--fd);letter-spacing:-.03em;overflow-wrap:anywhere}
.calc output::before{content:"= ";font-family:var(--fm);color:var(--cob)}
.psub{display:inline-block;margin:26px 0 0;font:700 .86rem/1.4 var(--fm);background:var(--ink);color:#fff;padding:10px 14px}
.psub::before{content:"+ ";color:var(--mint)}

/* faq */
.faq{display:grid;gap:16px;max-width:900px}
.faq details{background:var(--white);border:var(--bd);box-shadow:var(--sh4)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:12px 14px 12px 18px;font:700 1.08rem/1.3 var(--fd);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--mint);border:var(--bd);font:700 1.2rem/1 var(--fm)}
.faq details[open] summary::after{content:"\2212";background:var(--rose)}
.ans{border-top:var(--bd);padding:16px 18px;background:var(--paper)}
.ans p{margin:0}

/* cta band */
.ctab{padding:64px 0}
.ctab .in{display:flex;align-items:center;justify-content:space-between;gap:32px 48px;flex-wrap:wrap}
.cta-t{min-width:0;max-width:640px}
.cta-t h2{color:var(--amber);margin-bottom:12px}
.cta-t p{margin:0;font-size:1.1rem}
.cta-a{display:flex;flex-wrap:wrap;gap:16px}

/* support, legal, 404 */
.supp{max-width:660px;border:var(--bd);box-shadow:8px 8px 0 var(--ink);background:var(--white);padding:26px}
.supp form{margin-top:0!important}
.supp [data-support-msg]{font-weight:700;margin-bottom:0}
.supp [data-support-msg]:empty{display:none}
.legal{margin:0 auto}
.nf{padding:80px 0 96px}
.nf-code{display:inline-grid;border:var(--bd);box-shadow:var(--sh);margin:0 0 34px;font:700 clamp(1.6rem,5vw,2.6rem)/1 var(--fm)}
.nf-code i{display:block;padding:14px 22px;font-style:normal}
.nf-code i:first-child{background:var(--rose);text-decoration:line-through;text-decoration-thickness:4px}
.nf-code i:first-child::before{content:"\2212  404"}
.nf-code i:last-child{background:var(--mint);border-top:var(--bd)}
.nf-code i:last-child::before{content:"+  200"}
.nf .lead{margin-top:18px}

/* footer */
.ft{background:var(--paper);padding:48px 0 36px}
.ft-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px 48px;align-items:start}
.ft-name{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:700 1.25rem/1 var(--fd);letter-spacing:-.03em}
.ft-name span{min-width:0;overflow-wrap:anywhere}
.ft-tag{margin:0;font-weight:600;max-width:28em}
.ft-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.ft-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border:var(--bd);background:var(--white);font:700 .9rem/1.1 var(--fd);text-decoration:none}
.ft-links a:hover{background:var(--amber)}
.ft-legal{grid-column:1/-1;margin:0;padding-top:20px;border-top:var(--bd);font:400 .82rem/1.5 var(--fm);color:var(--mut)}

@media(max-width:1100px){
.feat.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-in{gap:40px}
.nav a{padding:0 11px}
}
@media(max-width:980px){
.burger{display:flex}
.logo{flex:1}
.nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;border:0;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);background:var(--paper)}
.nav.open{display:block}
.nav a{min-height:54px;padding:0 24px;border-right:0;border-bottom:2px solid var(--ink);font-size:1.05rem}
.nav a:last-child{border-bottom:0}
.nav a::before{content:"+";margin-right:12px;font-family:var(--fm);color:var(--cob)}
.nav a[aria-current]::before{color:var(--mint)}
.hero-in{grid-template-columns:minmax(0,1fr)}
.patch{width:88%}
.facts{grid-template-columns:repeat(6,minmax(0,1fr))}
.facts div{grid-column:span 2}
.facts div:nth-child(n+4){grid-column:span 3}
.feat{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps{grid-template-columns:minmax(0,1fr)}
.two{grid-template-columns:minmax(0,1fr);gap:36px}
.side{position:static;max-height:none;overflow:visible;padding:0}
.sidec{display:none}
.kh-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "f" "l";row-gap:8px}
.kh-f{padding-top:10px;max-width:560px}
.kh-l{margin-top:26px}
.ft-in{grid-template-columns:minmax(0,1fr)}
.ft-links{justify-content:flex-start}
}
@media(max-width:700px){
body{font-size:1rem}
.band{padding:52px 0}
.in,.hd-in{padding-left:16px;padding-right:16px}
.hd-in{min-height:64px;gap:10px}
.hero{padding:36px 0 52px}
.ph{padding:28px 0 40px}
.kh{padding:20px 0 48px}
.kh h1{font-size:1.75rem}
.nf{padding:52px 0 64px}
.lead{font-size:1.08rem}
.hunk{margin-bottom:28px;gap:12px}
.feat,.feat.four,.uses{grid-template-columns:minmax(0,1fr);gap:22px}
.facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}
.facts div,.facts div:nth-child(n+4){grid-column:auto}
.facts div:first-child{grid-column:1/-1}
.facts div{padding:14px}
.calc{grid-template-columns:minmax(0,1fr)}
.calc>div{border-right:0;border-bottom:var(--bd)}
.calc>div:last-child{border-bottom:0}
.form,.supp{padding:18px;box-shadow:var(--sh)}
.acts-h .btn{flex:1 1 auto}
.ctab .in{display:block}
.cta-a{margin-top:26px}
.uses li{grid-template-columns:44px minmax(0,1fr)}
.uses h3{padding:16px 16px 6px}.uses p{padding:0 16px 16px}
.take{padding:20px}
pre.code code{padding:58px 14px 16px}
.patch{width:94%;transform:rotate(1deg)}
}
@media(max-width:480px){
.logo .mark{display:none}
.logo{font-size:1.02rem}
.hd-cta{padding:0 12px;font-size:.9rem;min-height:44px;box-shadow:3px 3px 0 var(--ink)}
.burger{width:44px;height:44px}
h1{font-size:1.95rem}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}
}