/* hereticllm.com - .NFO textfile xeroxed on fuchsia copy paper. Black ink only. Frames = characters. */
:root{
--p:#ef91f3;--p2:#fbe3fc;--k:#0d060e;--m:#3a123c;--w:#fbe9fc;
--mono:"Cascadia Mono",ui-monospace,"Cascadia Code",Consolas,"DejaVu Sans Mono","Liberation Mono",Menlo,monospace;
--disp:"Anton","Haettenschweiler","Arial Narrow",Impact,sans-serif;
--S:"────────────────────────────────────────";
--D:"════════════════════════════════════════";
--A:"╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌";
--L:"░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░";
--M:"▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒";
--H:"▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓";
--O:"........................................";
--R:"▓▓▓▒▒▒░░░\A";
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--p);color:var(--k);font:400 15.5px/1.68 var(--mono);font-variant-ligatures:none;overflow-wrap:break-word}
[hidden]{display:none!important}
i{font-style:normal}
img,svg{max-width:100%}
::selection{background:var(--k);color:var(--p)}
a{color:inherit}
:focus-visible{outline:3px solid var(--k);outline-offset:3px}
.inv :focus-visible,.codebox :focus-visible,pre.code:focus-visible,pre.code :focus-visible{outline-color:#fff}
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:var(--k);color:var(--p);padding:12px 2ch;font-weight:700}
.skip:focus{left:8px}
.col{width:min(100% - 32px,80ch);margin-inline:auto}
main{display:block;counter-reset:s;padding-bottom:8px}
h1,h2,h3,p{margin:0}

/* ── character rules ── */
.r,.bh.b,.dots{display:block;overflow:hidden;white-space:nowrap;line-height:1;height:1em;user-select:none}
.r-d::before{content:var(--D) var(--D) var(--D) var(--D) var(--D)}
.r-s::before{content:var(--S) var(--S) var(--S)}
.r-dash::before{content:var(--A) var(--A) var(--A)}
.r-ramp{font-size:12px;height:12px;margin-top:26px}
.r-ramp::before{content:"████████████▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░"}
.fade{display:block;overflow:hidden;white-space:pre;font-size:20px;line-height:normal;user-select:none}
.fade::before{display:block}
.fade.up{margin-bottom:-1px}
.fade.dn{margin-top:-1px}
.fade.up::before{content:var(--L) var(--L) var(--L) "\A" var(--M) var(--M) var(--M) "\A" var(--H) var(--H) var(--H)}
.fade.dn::before{content:var(--H) var(--H) var(--H) "\A" var(--M) var(--M) var(--M) "\A" var(--L) var(--L) var(--L)}

/* ── character frame ── */
.bx{display:grid;grid-template-columns:1ch minmax(0,1fr) 1ch;grid-template-rows:auto 1fr auto;min-width:0;font-size:16px}
.bx>.bi{font-size:15.5px}
.bc{display:block;line-height:1;height:1em;align-self:end;user-select:none}
.bh.t{display:flex;align-items:flex-end;min-width:0;overflow:hidden;line-height:1}
.bh.t::before{content:"──";flex:none;height:1em}
.bh.t::after{content:var(--S) var(--S) var(--S);flex:1 1 0;min-width:1ch;height:1em;overflow:hidden;white-space:nowrap}
.bh.b::before{content:var(--S) var(--S) var(--S)}
.bv{position:relative;overflow:hidden;min-height:1em;user-select:none}
.bv::before{content:var(--S) var(--S) var(--S) var(--S) var(--S) var(--S) var(--S) var(--S);position:absolute;top:0;left:0;writing-mode:vertical-rl;text-orientation:sideways;line-height:1ch;white-space:nowrap}
.tl::before{content:"┌"}.tr::before{content:"┐"}.bl-c::before{content:""}
.bc.bl::before{content:"└"}.br::before{content:"┘"}
.bx-d>.tl::before{content:"╔"}.bx-d>.tr::before{content:"╗"}.bx-d>.bc.bl::before{content:"╚"}.bx-d>.br::before{content:"╝"}
.bx-d>.bh.t::before{content:"══"}
.bx-d>.bh.t::after,.bx-d>.bh.b::before{content:var(--D) var(--D) var(--D)}
.bx-d>.bv::before{content:var(--D) var(--D) var(--D) var(--D) var(--D) var(--D) var(--D) var(--D)}
.bi{min-width:0;padding:14px 2ch 16px}
.bh .bl{flex:0 1 auto;min-width:0;margin:0 1ch;font:700 13px/16px var(--mono);text-transform:uppercase;letter-spacing:.08em;white-space:normal}
h2.bl{font:400 22px/20px var(--disp)!important;letter-spacing:.04em!important}

/* ── buttons ── */
.btn{--h:46px;position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--h);padding:0 2ch;background:var(--k);color:var(--p);font:700 14px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;white-space:nowrap;border:0;border-radius:0;cursor:pointer}
a.btn{margin-right:calc(var(--h)*1.5)}
a.btn::after{content:"▓▒░";position:absolute;left:100%;top:0;height:var(--h);font:400 calc(var(--h)/1.2)/var(--h) var(--mono);letter-spacing:0;overflow:hidden;color:var(--k);pointer-events:none}
a.btn:hover{background:var(--m)}
a.btn:hover::after{color:var(--m)}
.inv .btn{background:var(--p);color:var(--k)}
.inv a.btn::after{color:var(--p)}
.inv a.btn:hover{background:#fff}
.inv a.btn:hover::after{color:#fff}
a.btn.ghost{background:none;color:inherit;margin-right:0;padding:0 .5ch;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
a.btn.ghost::before{content:"[ ";white-space:pre}
a.btn.ghost::after{content:" ]";white-space:pre;position:static;height:auto;font:inherit;color:inherit;letter-spacing:inherit}
.inv a.btn.ghost,.inv a.btn.ghost:hover{background:none;color:var(--w)}
.inv a.btn.ghost::after,.inv a.btn.ghost:hover::after{color:inherit}
a.btn.ghost:hover{background:none;text-decoration-thickness:4px}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 0;margin-top:28px}

/* ── header ── */
.top{position:sticky;top:0;z-index:20;background:var(--p)}
.top-in{display:flex;align-items:center;gap:2.4ch;width:min(100% - 32px,104ch);margin-inline:auto;height:64px}
.logo{--h:38px;position:relative;display:inline-flex;align-items:center;height:var(--h);padding:0 1.3ch;margin-right:calc(var(--h)*1.5);background:var(--k);color:var(--p);font:400 23px/1 var(--disp);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;white-space:nowrap;min-width:0}
.logo span{overflow:hidden;text-overflow:clip;padding-top:1px}
.logo::after{content:"▓▒░";position:absolute;left:100%;top:0;height:var(--h);font:400 calc(var(--h)/1.2)/var(--h) var(--mono);letter-spacing:0;overflow:hidden;color:var(--k);pointer-events:none}
.nav{display:flex;align-items:center;gap:2.6ch;margin-left:auto}
.nav a{display:inline-flex;align-items:center;min-height:44px;font:700 13px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.nav a[aria-current]::before{content:"[";margin-right:.5ch}
.nav a[aria-current]::after{content:"]";margin-left:.5ch}
.top .key{--h:42px;font-size:13px;flex:none}
.burger{display:none;flex:none;align-items:center;justify-content:center;width:46px;height:46px;padding:0;background:none;border:2px solid var(--k);border-radius:0;color:var(--k);cursor:pointer}
.bg::before{content:"≡";font:700 30px/1 var(--mono)}
.top>.r{font-size:16px}

/* ── home hero ── */
.hero{margin-top:34px}
.plate{background:var(--k);padding:38px 4ch 44px}
.inv{color:var(--w)}
.eyebrow{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 3ch;margin-bottom:26px;font:700 13px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--p)}
.eyebrow span:first-child::before{content:"░▒▓ "}
.eyebrow .ep{text-transform:none;letter-spacing:0;font-weight:400;color:var(--w);overflow-wrap:anywhere}
h1{font:400 clamp(38px,8.4vw,66px)/1 var(--disp);text-transform:uppercase;letter-spacing:.012em;text-wrap:balance}
.hero h1,.nf h1{font-size:clamp(44px,11.5vw,92px);line-height:.98;color:var(--p)}
.lead{margin-top:22px;font-size:17px;line-height:1.6;max-width:62ch}
.bul{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 3ch;font:700 13px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--p)}
.bul li::before{content:"■ "}
.try{margin-top:44px}
.bx-code>.bi,.bx-form>.bi{padding:8px 1ch}

/* ── code ── */
.codebox{background:var(--k);color:#e9c9eb}
.codetabs{display:flex;flex-wrap:wrap;border-bottom:2px solid var(--p)}
.codetabs button{min-height:46px;padding:0 2.2ch;background:none;border:0;border-radius:0;color:#e9c9eb;font:700 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.codetabs button[aria-selected="true"]{background:var(--p);color:var(--k)}
.codetabs button:hover:not([aria-selected="true"]){color:#fff;text-decoration:underline}
pre.code{position:relative;margin:0;background:var(--k);color:#e9c9eb;font:400 13.5px/1.7 var(--mono);max-width:100%;tab-size:2}
pre.code code{display:block;overflow-x:auto;padding:54px 2ch 20px;white-space:pre;font:inherit;background:none;color:inherit}
pre.code .k{color:var(--p);font-weight:700}
pre.code .s{color:#fff}
pre.code .c{color:#c497c6;font-style:italic}
.copy{position:absolute;top:0;right:0;min-width:44px;height:44px;padding:0 1.6ch;background:var(--p);color:var(--k);border:0;border-radius:0;font:700 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.copy:hover{background:#fff}

/* ── facts ── */
.facts{margin:0}
.fx{display:flex;align-items:baseline;gap:1ch;padding:3px 0}
.fx dt{flex:0 1 auto;min-width:0;font:700 13px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.fx .dots{flex:1 1 0;min-width:2ch;align-self:flex-end;margin-bottom:.45em}
.dots::before{content:var(--O) var(--O) var(--O)}
.fx dd{margin:0;flex:none;font:400 27px/1.15 var(--disp);letter-spacing:.03em}
.facts-home,.facts-key{margin-top:30px}
.price .fx dd{font-size:38px}
.price .fx{padding:5px 0}
.sub{margin-top:16px;font-weight:700}
.sub::before{content:"■ "}

/* ── sections ── */
.sec{margin-top:84px}
.sh{display:flex;align-items:stretch;margin-bottom:30px}
.sh-p{display:flex;align-items:center;gap:1.6ch;min-width:0;padding:11px 2ch 10px;background:var(--k);color:var(--p)}
.sh-n{flex:none;font:700 13px/1 var(--mono);letter-spacing:.08em}
.sh-n::before{counter-increment:s;content:counter(s,decimal-leading-zero)}
.sh h2{font:400 clamp(24px,5.4vw,32px)/1.08 var(--disp);letter-spacing:.03em;text-transform:uppercase}
.ramp{position:relative;flex:0 0 5.3em;overflow:hidden;font-size:20px;user-select:none}
.ramp::before{content:var(--R) var(--R) var(--R) var(--R) var(--R) var(--R) var(--R) var(--R);position:absolute;top:0;left:-1px;white-space:pre;line-height:normal}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 2ch}
.g1{display:grid;gap:22px}
.g2 .bi p,.g1 .bi p{font-size:14.5px;line-height:1.62}
.steps{list-style:none;counter-reset:st;margin:0;padding:0}
.steps li{counter-increment:st;position:relative;min-height:56px;padding:0 0 34px 78px}
.steps li::before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:0;width:56px;height:56px;display:grid;place-items:center;background:var(--k);color:var(--p);font:400 28px/1 var(--disp);letter-spacing:.04em}
.steps li::after{content:var(--A) var(--A) var(--A) var(--A);position:absolute;left:calc(28px - .5ch);top:56px;bottom:0;overflow:hidden;writing-mode:vertical-rl;text-orientation:sideways;line-height:1ch;white-space:nowrap}
.steps li:last-child{padding-bottom:0}
.steps li:last-child::after{content:none}
.steps h3,.uc h3{font:700 16px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.steps h3{padding-top:4px}
.uc .r{margin-bottom:14px}
.uc h3::before{content:"■ "}
.uc p{font-size:14.5px;line-height:1.62}
.ucs{gap:30px 4ch}

/* ── FAQ ── */
.faq details::before{content:var(--A) var(--A) var(--A);display:block;overflow:hidden;white-space:nowrap;line-height:1;height:1em}
.faq details:last-child{padding-bottom:4px}
.faq summary{display:flex;align-items:flex-start;gap:1.5ch;min-height:48px;padding:13px 0;font-weight:700;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"[+]";flex:none}
.faq details[open] summary::before{content:"[-]"}
.faq summary:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.faq details p{padding:0 0 20px 4.5ch}

/* ── page head ── */
.ph{padding-top:42px}
.crumbs{margin-bottom:20px;font:700 12.5px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.crumbs a{display:inline-block;padding:10px 0;margin:-10px 0}
.meta{margin-top:18px;font:700 13px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.signup{margin-top:30px}
.price{margin-top:38px}
.bx-tk{margin-top:36px}

/* ── signup form (black plate inside the double frame) ── */
.form{background:var(--k);color:var(--w);padding:26px 3ch 28px}
.tabs2{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--p);margin-bottom:22px}
.tabs2 button{min-height:48px;padding:6px 1ch;background:none;border:0;border-radius:0;color:var(--p);font:700 13px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.tabs2 button[aria-selected="true"]{background:var(--p);color:var(--k)}
.msg{margin-bottom:18px;padding:12px 1.5ch;border:2px dashed var(--p);font-weight:700}
.msg:empty{display:none}
.msg.err{background:var(--p);color:var(--k);border-style:solid}
.msg.err::before{content:"[!] "}
.form .row{margin-bottom:16px}
.form label,.calc label{display:block;margin-bottom:7px;font:700 12.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.form label{color:var(--p)}
.form input,.calc input{display:block;width:100%;height:50px;padding:0 1.4ch;background:var(--p2);color:var(--k);border:2px solid var(--p);border-radius:0;font:700 17px/1 var(--mono);-webkit-appearance:none;appearance:none}
.calc input{border-color:var(--k)}
.form input:focus-visible{outline:3px solid #fff;outline-offset:2px}
.note{margin-top:8px;font-size:13px;line-height:1.5;color:#e6bbe8}
.form .btn{background:var(--p);color:var(--k)}
.form button[data-submit]{width:100%;height:auto;min-height:58px;margin-top:8px;padding:10px 2ch;white-space:normal;font:400 23px/1.1 var(--disp);letter-spacing:.05em}
.form button[data-submit]:hover,.form .btn.sm:hover{background:#fff}
.form [data-note]{margin-top:14px;text-align:center}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font:400 30px/1.1 var(--disp);letter-spacing:.04em;text-transform:uppercase;color:var(--p);margin-bottom:16px}
.keybox{display:flex;align-items:stretch;gap:0;border:2px dashed var(--p)}
.keybox span{flex:1 1 0;min-width:0;padding:12px 1.4ch;font-weight:700;color:#fff;word-break:break-all}
.btn.sm{--h:46px;padding:0 1.6ch;font-size:13px;flex:none}
.keybox .btn.sm{height:auto;min-height:46px}
.keyout>p{margin-top:14px;line-height:1.9}
.keyout strong{color:var(--p);text-transform:uppercase;font-size:12.5px;letter-spacing:.08em}
.keyout code{color:#fff;word-break:break-all}
.mut{color:#e6bbe8}
.form .acts{gap:10px 1.5ch;margin-top:20px}
.form button.btn.ghost{background:none;color:var(--p);box-shadow:inset 0 0 0 2px var(--p)}
.form button.btn.ghost:hover{background:var(--p);color:var(--k)}

/* ── calculator ── */
.bx-calc>.bi{padding:20px 2.5ch 22px}
.calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 3ch}
.calc>div{min-width:0}
.calc>div:last-child{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 3ch;padding-top:16px;border-top:2px dashed var(--k)}
.calc>div:last-child label{margin:0}
.calc output{font:400 clamp(44px,11vw,64px)/1 var(--disp);letter-spacing:.02em}

/* ── prose ── */
.prose{margin-top:76px}
.wt-c>.prose:first-child{margin-top:44px}
.ph+.prose{margin-top:20px}
.prose>:first-child{margin-top:0}
.prose p,.prose ul,.prose ol{margin:0 0 1.25em}
.prose h2{margin:2.3em 0 .8em;font:400 clamp(26px,5.6vw,34px)/1.1 var(--disp);letter-spacing:.03em;text-transform:uppercase;scroll-margin-top:92px}
.prose h2::before{counter-increment:s;content:counter(s,decimal-leading-zero);display:inline-block;position:relative;top:-.28em;margin-right:1.3ch;padding:6px 1ch 5px;background:var(--k);color:var(--p);font:700 13px/1 var(--mono);letter-spacing:.08em}
.prose h2::after{content:"████████▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒░░░░░░░░";display:block;height:10px;margin-top:12px;overflow:hidden;font:400 10px/1 var(--mono);letter-spacing:0;white-space:nowrap}
.prose h3{margin:1.9em 0 .6em;font:700 16.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.prose h3::before{content:"── "}
.prose a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}
.prose a:hover{background:var(--k);color:var(--p);text-decoration:none}
.prose ul{list-style:none;padding:0}
.prose ul li{position:relative;padding-left:3ch;margin-bottom:.5em}
.prose ul li::before{content:"■";position:absolute;left:.5ch}
.prose ol{padding-left:4ch}
.prose ol li{margin-bottom:.5em}
.prose ol li::marker{font-weight:700}
:not(pre)>code{padding:1px .6ch;background:var(--p2);font:700 .94em var(--mono);overflow-wrap:anywhere}
.inv :not(pre)>code,.form :not(pre)>code{background:none;padding:0}
.prose pre.code{margin:1.5em 0}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5em 0;font-size:14px;line-height:1.5}
.prose th,.prose td{padding:10px 1.6ch;border:2px solid var(--k);text-align:left;vertical-align:top}
.prose th{background:var(--k);color:var(--p);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px}
.prose blockquote{margin:1.5em 0;padding-left:2ch;border-left:4px double var(--k)}

/* ── TOC (in flow; left margin rail on wide screens) ── */
.wt{width:min(100% - 32px,80ch);margin-inline:auto}
.toc{margin-top:36px}
.toc ol{list-style:none;counter-reset:tc;margin:0;padding:0}
.toc li{counter-increment:tc}
.toc a{display:flex;align-items:center;gap:1.5ch;min-height:44px;padding:5px 0;font-size:13.5px;line-height:1.35;text-decoration:none}
.toc a::before{content:counter(tc,decimal-leading-zero);flex:none;font-weight:700}
.toc a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.toc .bi{padding:6px 1.5ch 8px}
.tk{list-style:none;margin:0;padding:0}
.tk li{position:relative;padding:5px 0 5px 3.5ch}
.tk li::before{content:"■";position:absolute;left:.5ch}
@media (min-width:1280px){
.wt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,80ch) minmax(0,1fr);column-gap:36px;width:auto;margin:0;padding:0 20px}
.wt>.toc{grid-column:1;justify-self:end;align-self:start;position:sticky;top:98px;width:min(100%,31ch);max-height:calc(100vh - 120px);overflow-y:auto;margin-top:48px}
.wt>.wt-c{grid-column:2;min-width:0}
}

/* ── CTA band, 404, footer ── */
.band{margin-top:92px}
.band .plate{padding:34px 4ch 40px}
.band-h{font:400 clamp(30px,7vw,48px)/1.04 var(--disp);letter-spacing:.02em;text-transform:uppercase;color:var(--p)}
.band-p{margin-top:14px;max-width:60ch}
.nf{margin-top:60px}
.foot{margin-top:92px}
.page-key .foot{margin-top:76px}
.foot>.col>.r{font-size:16px}
.foot-in{padding:30px 0 34px}
.foot .logo{font-size:20px;--h:34px}
.foot-t{margin-top:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.foot-l{list-style:none;display:flex;flex-wrap:wrap;gap:0 3ch;margin:14px 0 0;padding:0}
.foot-l a{display:inline-flex;align-items:center;min-height:44px;font-size:13.5px;text-underline-offset:4px}
.foot-l a:hover{text-decoration-thickness:3px}
.legal{margin-top:14px;font-size:13px;line-height:1.6;color:var(--m)}

/* ── responsive ── */
@media (max-width:900px){
.top-in{gap:1.4ch}
.nav{display:none;margin:0}
.top .key{margin-left:auto}
.burger{display:inline-flex}
.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;padding:6px 16px 14px;background:var(--k)}
.nav.open a{min-height:50px;color:var(--p);border-bottom:2px dashed var(--m);font-size:14px}
.nav.open a:last-child{border-bottom:0}
}
@media (max-width:700px){
body{font-size:14.5px}
.bx>.bi{font-size:14.5px}
.g2{grid-template-columns:minmax(0,1fr)}
.plate,.band .plate{padding:28px 2.2ch 32px}
.form{padding:22px 2ch 24px}
.bi{padding:12px 1.5ch 14px}
.bx-calc>.bi{padding:16px 1.5ch 18px}
.calc{grid-template-columns:minmax(0,1fr)}
.lead{font-size:15.5px}
.sec{margin-top:68px}
.prose{margin-top:60px}
.band,.foot{margin-top:72px}
.fade{font-size:16px}
.ramp{font-size:16px;flex-basis:5.3em}
.fx dd{font-size:23px}
.price .fx dd{font-size:28px}
.steps li{padding-left:70px}
.faq details p{padding-left:0}
.eyebrow{margin-bottom:20px}
}
@media (max-width:520px){
.logo{--h:36px;font-size:20px;margin-right:0;padding:0 1ch}
.top .logo::after{display:none}
.top .key{--h:40px;margin-right:0;padding:0 1.2ch;font-size:12px;letter-spacing:.04em}
.top .key::after{display:none}
.top-in{gap:8px}
.hero .acts a.btn:not(.ghost),.band .acts a.btn:not(.ghost){margin-right:calc(var(--h)*1.5 + 4px)}
.sh-p{padding:10px 1.4ch 9px;gap:1.2ch}
.ramp{flex-basis:3.6em}
.fx dt{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important;animation:none!important}
}
@media print{.top,.band,.fade,.ramp{display:none}}