:root{--bg:#0b0b0c;--pn:#151517;--pn2:#211e1d;--ln:#3c3634;--tx:#eef2f0;--dim:#b3aeb0;--red:#33ff60;--lime:#3d98ff;--amb:#3dfbff;--ink:#071406;--c:26px;--big:150px;
--d:"Sarpanch","Arial Narrow",Impact,sans-serif;--b:"Radio Canada Big","Segoe UI",system-ui,sans-serif;--m:"Chivo Mono",ui-monospace,Consolas,monospace;
--scale:linear-gradient(90deg,var(--lime) 0 58%,var(--amb) 58% 74%,var(--red) 74%);--seg:repeating-linear-gradient(90deg,#000000 0 10px,transparent 10px 15px);--chf:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,var(--c) 100%,0 calc(100% - var(--c)))}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--bg) repeating-linear-gradient(135deg,rgba(255,255,255,.017) 0 2px,transparent 2px 7px);color:var(--tx);font:400 1.02rem/1.65 var(--b);overflow-x:hidden}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--lime)}
img,svg{max-width:100%}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
::selection{background:var(--red);color:var(--ink)}
.skip{position:absolute;left:12px;top:-80px;z-index:99;background:var(--lime);color:var(--ink);padding:12px 18px;font:800 .9rem var(--d);text-transform:uppercase}
.skip:focus{top:12px}
.deck{max-width:1248px;margin:0 auto;padding:0 24px}
main{display:block;padding-bottom:8px}
main>.deck>*{min-width:0}

/* rev bar */
.rev,.mb{display:block;background:var(--scale);-webkit-mask:var(--seg);mask:var(--seg);clip-path:polygon(0 68%,100% 0,100% 100%,0 100%)}
.rev{height:44px}
.mb{height:16px;width:100%;background:linear-gradient(90deg,transparent 0 var(--f,100%),#373230 var(--f,100%)),var(--scale);--seg:repeating-linear-gradient(90deg,#000000 0 6px,transparent 6px 9px)}

/* header */
.hd{position:sticky;top:calc(-1*var(--big));z-index:50}
.page-home .hd{--big:232px}
.hbg{height:var(--big);position:relative;overflow:hidden;background:radial-gradient(60% 120% at 92% 110%,rgba(51,255,96,.2),transparent 70%),var(--bg)}
.hbg .deck{padding-top:22px;position:relative;z-index:1}
.wm{font:900 min(4.4vw,3.5rem)/1 var(--d);text-transform:uppercase;white-space:nowrap;transform:skewX(-9deg);transform-origin:0 100%;letter-spacing:-.01em}
.page-home .wm{font-size:min(6.2vw,5.6rem)}
.wm span{color:transparent;-webkit-text-stroke:1.5px var(--red)}
.tg{margin-top:10px;font:400 .76rem var(--m);text-transform:uppercase;letter-spacing:.2em;color:var(--dim)}
.revw{position:absolute;left:0;right:0;bottom:0;height:46px;filter:drop-shadow(0 0 9px rgba(51,255,96,.5))}
.page-home .revw{height:76px}
.revw .rev{height:100%}
.lim{position:absolute;left:74%;top:-34px;bottom:0;width:2px;background:var(--tx);box-shadow:0 0 8px #ffffff}
.lim::before{content:"";position:absolute;left:2px;top:0;width:16px;height:10px;background:var(--tx);clip-path:polygon(0 0,100% 0,60% 100%,0 100%)}
.bar{position:relative;background:rgba(11,11,12,.97);border-top:1px solid var(--ln);border-bottom:2px solid var(--red)}
.bin{display:flex;align-items:center;gap:18px;height:60px}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--tx);text-decoration:none;font:800 1rem var(--d);text-transform:uppercase;letter-spacing:.02em}
.mk{flex:none}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{display:flex;align-items:center;height:44px;padding:0 14px;color:var(--dim);text-decoration:none;font:600 .82rem var(--d);text-transform:uppercase;letter-spacing:.09em;transform:skewX(-9deg)}
.nav a:hover{color:var(--tx);background:var(--pn2)}
.nav a[aria-current]{color:var(--tx);background:var(--pn2);box-shadow:inset 0 -3px var(--lime)}
.burger{display:none;width:46px;height:46px;background:var(--pn2);border:1px solid #5a5a64;padding:0;place-content:center;gap:5px;cursor:pointer}
.burger i{display:block;height:2px;background:var(--tx)}
.burger i:nth-child(1){width:12px}.burger i:nth-child(2){width:18px}.burger i:nth-child(3){width:24px;background:var(--red)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;background:var(--red);color:var(--ink);border:0;border-radius:0;cursor:pointer;text-decoration:none;text-align:center;font:800 .94rem/1.1 var(--d);text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .15s}
.btn:hover{background:#65ff88}
.btn:focus-visible{outline:0;box-shadow:inset 0 0 0 3px #ffffff}
.btn.big{min-height:58px;padding:0 36px;font-size:1.06rem}
.btn.hb{min-height:44px;padding:0 20px;font-size:.86rem}
.btn.sm{min-height:44px;padding:0 16px;font-size:.8rem}
.btn.ghost{clip-path:none;background:var(--pn2);color:var(--tx);box-shadow:inset 0 0 0 1px #62626d}
.btn.ghost:hover{background:#302b2a}
.btn.ghost:focus-visible{box-shadow:inset 0 0 0 2px var(--lime)}
.btn.dark{background:var(--ink);color:#ffffff}
.btn.dark:hover{background:#0d2c0e}
.btn.line{clip-path:none;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn.line:hover{background:rgba(7,20,6,.12)}
.btn.line:focus-visible{box-shadow:inset 0 0 0 4px var(--ink)}
.hb2{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* panels */
.pn{position:relative;background:var(--edge,var(--ln));clip-path:var(--chf);padding:1px;min-width:0}
.pi{background:var(--pn);clip-path:var(--chf);padding:38px 42px;min-width:0;height:100%}
.pn.hot{--edge:var(--red)}
.pn.lime{--edge:var(--lime)}
.sec{position:relative;margin:56px 0}
.sh{font:800 1.7rem/1.1 var(--d);text-transform:uppercase;letter-spacing:.01em;margin-bottom:26px;overflow-wrap:anywhere}
.sh::before{content:"";display:inline-block;width:34px;height:.72em;margin-right:12px;background:var(--scale);--seg:repeating-linear-gradient(90deg,#000000 0 5px,transparent 5px 8px);-webkit-mask:var(--seg);mask:var(--seg);clip-path:polygon(0 68%,100% 0,100% 100%,0 100%)}
@media (min-width:1100px){
.sec{width:91%}
.sec:nth-of-type(even){margin-left:9%}
.sec::after{content:"";position:absolute;top:26px;left:calc(100% + 30px);width:calc(9.89% - 30px);height:min(calc(100% - 52px),360px);background:linear-gradient(0deg,transparent 0 var(--lit,20%),#2c2726 var(--lit,20%)),linear-gradient(0deg,var(--lime) 0 58%,var(--amb) 58% 74%,var(--red) 74%);-webkit-mask:repeating-linear-gradient(0deg,#000000 0 8px,transparent 8px 13px);mask:repeating-linear-gradient(0deg,#000000 0 8px,transparent 8px 13px);clip-path:polygon(0 0,100% 0,28% 100%,0 100%)}
.sec:nth-of-type(even)::after{left:auto;right:calc(100% + 30px);clip-path:polygon(0 0,100% 0,100% 100%,72% 100%)}
.sec:nth-of-type(2){--lit:30%}.sec:nth-of-type(3){--lit:44%}.sec:nth-of-type(4){--lit:58%}.sec:nth-of-type(5){--lit:74%}.sec:nth-of-type(6){--lit:88%}.sec:nth-of-type(n+7){--lit:100%}
}

/* hero */
h1{font:900 clamp(2rem,3.9vw,3.3rem)/1.03 var(--d);text-transform:uppercase;letter-spacing:-.005em;overflow-wrap:anywhere}
.lead{margin-top:18px;font-size:1.13rem;line-height:1.6;color:#dedadb;max-width:62ch}
.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:52px;align-items:center;padding:56px 0 44px}
.hl,.hr{min-width:0}
.eb{display:flex;align-items:center;gap:12px;margin-bottom:18px;font:600 .78rem var(--m);text-transform:uppercase;letter-spacing:.16em;color:var(--lime)}
.eb::before{content:"";flex:none;width:44px;height:12px;background:var(--scale);--seg:repeating-linear-gradient(90deg,#000000 0 5px,transparent 5px 8px);-webkit-mask:var(--seg);mask:var(--seg);clip-path:polygon(0 68%,100% 0,100% 100%,0 100%)}
.bl{margin-top:22px;display:grid;gap:10px}
.bl li{position:relative;padding-left:26px;color:#dedadb}
.bl li::before,.tk li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;background:var(--lime);clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%)}
.try{display:flex;align-items:center;gap:10px;margin-bottom:12px;font:400 .76rem var(--m);text-transform:uppercase;letter-spacing:.16em;color:var(--dim)}
.try::before{content:"";width:9px;height:9px;background:var(--red);box-shadow:0 0 10px var(--red)}

/* code */
.codebox{position:relative;background:#060505;border:1px solid var(--ln);border-top:2px solid var(--red);min-width:0;clip-path:polygon(0 0,100% 0,100% 100%,22px 100%,0 calc(100% - 22px));box-shadow:0 0 0 1px rgba(51,255,96,.12)}
.codebox::after{content:"";position:absolute;left:-1px;bottom:-1px;width:23px;height:23px;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--ln) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}
.codetabs{display:flex;border-bottom:1px solid var(--ln);background:var(--pn)}
.codetabs button{flex:1;min-height:46px;padding:0 14px;background:transparent;border:0;border-right:1px solid var(--ln);color:var(--dim);cursor:pointer;font:600 .8rem var(--m);text-transform:uppercase;letter-spacing:.1em}
.codetabs button:last-child{border-right:0}
.codetabs button[aria-selected="true"]{color:var(--lime);background:#060505;box-shadow:inset 0 -2px var(--lime)}
.codetabs button:focus-visible{outline-offset:-3px}
pre.code{position:relative;margin:22px 0;padding:54px 18px 18px;background:#060505;border:1px solid var(--ln);border-left:3px solid var(--red);overflow-x:auto;max-width:100%;font:400 .84rem/1.65 var(--m);color:#e6ecec;tab-size:2}
.codebox pre.code{margin:0;border:0;padding-bottom:28px}
pre.code code{font:inherit;background:none;padding:0;color:inherit;white-space:pre}
pre.code:focus-visible{outline-offset:-2px}
.code .k{color:#8affa2}.code .s{color:var(--lime)}.code .c{color:#989398}
.copy{position:absolute;top:6px;right:6px;min-width:64px;min-height:44px;padding:0 12px;background:var(--pn2);color:var(--tx);border:1px solid #5a5a64;cursor:pointer;font:600 .72rem var(--m);text-transform:uppercase;letter-spacing:.08em}
.copy:hover{border-color:var(--lime);color:var(--lime)}

/* facts */
.fx{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);margin:8px 0 0}
.fc{padding:22px 20px 20px;border-left:1px solid var(--ln);min-width:0}
.fc:first-child{border-left:0;padding-left:0}
.fv{display:block;font:900 2.3rem/1 var(--d);transform:skewX(-9deg);transform-origin:0 100%;margin-bottom:12px;white-space:nowrap}
.fc:last-child .fv{color:var(--red);text-shadow:0 0 18px rgba(51,255,96,.5)}
.fl{display:block;margin-top:12px;font:400 .74rem/1.4 var(--m);text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}
.fx.pf .fv{font-size:2.9rem}
.fx.slim{margin-top:40px}
.psub{margin-top:14px;font:400 .8rem var(--m);color:var(--dim);letter-spacing:.04em}

/* cards */
.cds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 36px}
.cd{min-width:0}
.cd .mb{width:84px;margin-bottom:14px}
h3{font:600 1.14rem/1.25 var(--d);letter-spacing:.01em;margin-bottom:8px;overflow-wrap:anywhere}
.cd p,.stp p,.use p,.ben p,.ex p{color:var(--dim);font-size:.98rem;line-height:1.6}
.stp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;counter-reset:s}
.stp li{counter-increment:s;position:relative;padding-top:18px;border-top:2px solid var(--ln);min-width:0}
.stp li::after{content:"";position:absolute;top:-2px;left:0;height:2px;width:33%;background:var(--lime)}
.stp li:nth-child(2)::after{width:66%;background:var(--amb)}
.stp li:nth-child(3)::after{width:100%;background:var(--red);box-shadow:0 0 12px var(--red)}
.stp li::before{content:counter(s,decimal-leading-zero);display:block;font:900 3.2rem/1 var(--d);color:var(--red);transform:skewX(-9deg);transform-origin:0 100%;margin-bottom:12px}
.use{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
.use li{padding-left:20px;border-left:2px solid var(--lime);min-width:0}

/* faq */
.fq{border-bottom:1px solid var(--ln)}
.fq:first-child{border-top:1px solid var(--ln)}
.fq summary{position:relative;display:flex;align-items:center;min-height:56px;padding:14px 44px 14px 0;cursor:pointer;list-style:none;font-weight:600;font-size:1.05rem;line-height:1.4}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--red);clip-path:polygon(0 25%,50% 75%,100% 25%,100% 50%,50% 100%,0 50%);transition:transform .15s}
.fq[open] summary{color:var(--lime)}
.fq[open] summary::after{transform:rotate(180deg);background:var(--lime)}
.fq p{padding:0 44px 20px 0;color:#d5d0d2;max-width:76ch}
.fqb{margin-top:52px}

/* cta */
.cta{position:relative;margin:72px 0 0;background:var(--red);color:var(--ink);clip-path:var(--chf);padding:46px 48px 0}
.ctp{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.ctx{min-width:0;flex:1 1 420px}
.cta h2{font:900 clamp(1.7rem,3.2vw,2.5rem)/1.05 var(--d);text-transform:uppercase}
.cta p{margin-top:10px;font-weight:600;max-width:56ch}
.cbt{display:flex;flex-wrap:wrap;gap:12px}
.cta .rev{margin:34px -48px 0;height:38px;background:var(--ink)}

/* page top */
.top{padding:44px 0 34px}
.cr ol{display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:18px;font:400 .74rem var(--m);text-transform:uppercase;letter-spacing:.12em;color:var(--dim)}
.cr li+li::before{content:"/";margin-right:10px;color:var(--red)}
.cr a{color:var(--dim);display:inline-block;padding:6px 0}
.cr a:hover{color:var(--lime)}
.cr li[aria-current]{padding:6px 0;color:var(--tx)}
.meta{margin-top:18px;font:400 .78rem var(--m);text-transform:uppercase;letter-spacing:.12em;color:var(--dim)}
.meta time{color:var(--lime)}

/* prose */
.prose{min-width:0;overflow-wrap:break-word}
.prose>*:first-child{margin-top:0}
.prose h2{font:800 1.55rem/1.15 var(--d);text-transform:uppercase;margin:2.1em 0 .65em;scroll-margin-top:84px}
.prose h2::before{content:"";display:inline-block;width:26px;height:.7em;margin-right:10px;background:var(--scale);--seg:repeating-linear-gradient(90deg,#000000 0 4px,transparent 4px 6.5px);-webkit-mask:var(--seg);mask:var(--seg);clip-path:polygon(0 68%,100% 0,100% 100%,0 100%)}
.prose h3{margin:1.7em 0 .5em;font-size:1.18rem}
.prose p,.prose li{color:#dedadb}
.prose p{margin:0 0 1.05em;max-width:76ch}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.3em;max-width:76ch}
.prose ul{list-style:square}.prose ol{list-style:decimal}
.prose li{margin-bottom:.45em}
.prose li::marker{color:var(--lime);font-family:var(--m)}
.prose a{color:var(--lime);text-underline-offset:3px}
.prose strong{color:var(--tx)}
.prose code,.keyout code{font:400 .88em var(--m);background:#282423;color:#a0ccff;padding:2px 6px;overflow-wrap:anywhere}
.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.4em 0;font-size:.95rem}
.prose th,.prose td{padding:11px 16px 11px 0;border-bottom:1px solid var(--ln);text-align:left;vertical-align:top}
.prose thead th{font:600 .72rem var(--m);text-transform:uppercase;letter-spacing:.1em;color:var(--lime);border-bottom:2px solid var(--red);white-space:nowrap}
.prose tbody th{color:var(--tx);font-weight:600}
.prose td{color:#dedadb}
.prose div{max-width:100%;min-width:0}

/* key page */
.kg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);grid-template-areas:"kh kf" "kb kf";gap:28px 60px;padding:44px 0 8px;align-items:start}
.kh{grid-area:kh;min-width:0}.kf{grid-area:kf;min-width:0}.kb{grid-area:kb;min-width:0}
.kf .pi{padding:30px 32px 32px}
.kf{filter:drop-shadow(0 0 22px rgba(51,255,96,.22))}
.ben{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
.ben li{padding-top:14px;border-top:1px solid var(--ln);min-width:0}
.ben h3{color:var(--lime);font-size:1.02rem}
.tabs2{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px}
.tabs2 button{min-height:48px;background:transparent;border:0;border-bottom:2px solid var(--ln);color:var(--dim);cursor:pointer;font:800 .9rem var(--d);text-transform:uppercase;letter-spacing:.06em}
.tabs2 button[aria-selected="true"]{color:var(--tx);background:var(--pn2);border-bottom-color:var(--red)}
.tabs2 button:focus-visible{outline-offset:-3px}
.msg{margin:0 0 14px;padding:12px 14px;background:var(--pn2);border-left:3px solid var(--lime);font-size:.94rem}
.msg:empty{display:none}
.msg.err{background:#0f2b12;border-left-color:var(--red);color:#d0ffda}
.row{margin-bottom:16px}
label{display:block;margin-bottom:7px;font:600 .74rem var(--m);text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}
input,select,textarea{display:block;width:100%;min-height:48px;padding:11px 14px;background:#0b0b0c;color:var(--tx);border:1px solid #62626d;border-radius:0;font:400 1rem var(--b)}
textarea{resize:vertical;line-height:1.5}
input:focus,select:focus,textarea:focus{outline:2px solid var(--lime);outline-offset:0;border-color:var(--lime)}
.note{margin:8px 0 0;font-size:.84rem;line-height:1.5;color:var(--dim)}
.form .note{margin-bottom:14px}
.form form .note{margin-bottom:0}
[data-submit],.sup button{width:100%;min-height:54px;margin-top:4px;font-size:1rem}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font:800 1.3rem var(--d);text-transform:uppercase;margin-bottom:14px}
.keybox{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;background:#060505;border:1px solid var(--lime)}
.keybox span{flex:1;min-width:0;font:400 .9rem var(--m);color:var(--lime);word-break:break-all}
.keyout p{margin-top:14px;line-height:1.95;overflow-wrap:anywhere}
.keyout p.note{line-height:1.5;margin-top:8px}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.mut{color:var(--dim)}

/* docs / article */
.dg{display:grid;grid-template-columns:286px minmax(0,1fr);gap:44px;align-items:start}
.ag{display:grid;grid-template-columns:minmax(0,740px) 286px;gap:56px;justify-content:space-between;align-items:start}
.dm,.am{min-width:0}
.rail{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;min-width:0}
.rail .pi{padding:24px 22px 26px}
.tl{margin-bottom:12px;font:600 .74rem var(--m);text-transform:uppercase;letter-spacing:.14em;color:var(--lime)}
.toc ol{counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:block;padding:9px 0 9px 14px;border-left:2px solid var(--ln);color:var(--dim);text-decoration:none;font-size:.93rem;line-height:1.35}
.toc a::before{content:counter(t,decimal-leading-zero);margin-right:8px;font:400 .72rem var(--m);color:var(--red)}
.toc a:hover{color:var(--tx);border-left-color:var(--lime)}
.sd{margin-top:18px;padding:22px;background:var(--pn2);border-top:2px solid var(--red)}
.sdh{font:800 1.1rem/1.15 var(--d);text-transform:uppercase;margin-bottom:8px}
.sd p{color:var(--dim);font-size:.93rem;line-height:1.5}
.sd .btn{width:100%;margin-top:16px}
.am>.pn{margin-bottom:40px}
.am .prose{font-size:1.07rem;line-height:1.75}
.tk{display:grid;gap:12px}
.tk li{position:relative;padding-left:26px;color:#e2e6e2}

/* pricing */
.pg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;margin:44px 0 0;align-items:stretch}
.pc,.pe{min-width:0;display:grid}
.calc{display:grid;gap:18px}
.calc>div{min-width:0}
.calc output{display:block;font:900 3.4rem/1 var(--d);color:var(--lime);transform:skewX(-9deg);transform-origin:0 100%;text-shadow:0 0 22px rgba(61,152,255,.35);overflow-wrap:anywhere}
.calc input{font-family:var(--m)}
.ex{padding:16px 0;border-top:1px solid var(--ln);min-width:0}
.ex:first-child{border-top:0;padding-top:0}

/* support / legal / 404 */
.sg{display:grid;grid-template-columns:minmax(0,660px) 300px;gap:48px;align-items:start}
.sg .sd{margin-top:0}
.sf{min-width:0}
.sup form{margin:0!important}
[data-support-msg]:not(:empty){padding:10px 14px;background:#f1f6f2;color:var(--ink);font-weight:600}
.lgl{max-width:860px}
.nf{padding:80px 0 0}
.nf h1{font-size:clamp(2.4rem,7vw,5.4rem)}
.nf .rev{height:110px;margin-top:56px}

/* footer */
.ft{margin-top:84px;background:#080707;border-top:1px solid var(--ln)}
.ft>.rev{height:22px;opacity:.55}
.fin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:28px 48px;padding-top:36px;padding-bottom:40px}
.fb p{margin-top:8px;font:400 .76rem var(--m);text-transform:uppercase;letter-spacing:.14em;color:var(--dim)}
.fl2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.fl2 a{display:flex;align-items:center;min-height:44px;color:var(--tx);text-decoration:none;font-size:.95rem;border-bottom:1px solid #272322}
.fl2 a:hover{color:var(--lime)}
.lg{grid-column:1/-1;font-size:.84rem;color:var(--dim);line-height:1.6}

@media (max-width:1020px){
.hero{grid-template-columns:minmax(0,1fr);gap:36px;padding:40px 0 36px}
.kg{grid-template-columns:minmax(0,1fr);grid-template-areas:"kh" "kf" "kb";gap:26px;padding-top:30px}
.dg,.ag,.sg{grid-template-columns:minmax(0,1fr);gap:28px}
.rail{position:static;max-height:none;overflow:visible}
.ag .rail{order:-1}
.ag .rail .sd,.dg .rail .sd{display:none}
.pg{grid-template-columns:minmax(0,1fr)}
.cds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
.burger{display:grid}
.btn.hb{margin-left:auto}
.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:6px 16px 14px;background:var(--pn);border-bottom:2px solid var(--red)}
.nav.open{display:flex}
.nav a{height:50px;padding:0 6px;transform:none;border-bottom:1px solid var(--ln);font-size:.9rem}
.nav a[aria-current]{box-shadow:inset 3px 0 var(--lime);padding-left:14px}
}
@media (max-width:760px){
:root{--c:18px;--big:104px}
.page-home .hd{--big:132px}
.page-key .hd{--big:70px}
.page-key .tg{display:none}
.deck{padding:0 16px}
.hbg .deck{padding-top:16px}
.wm,.page-home .wm{font-size:6.5vw}
.tg{font-size:.64rem;letter-spacing:.14em;margin-top:8px}
.revw{height:30px}.page-home .revw{height:44px}.page-key .revw{height:22px}
.lim{top:-14px}
.bin{gap:10px;height:58px}
.pi{padding:26px 18px 28px}
.kf .pi{padding:22px 16px 26px}
.sec{margin:36px 0}
.sh{font-size:1.38rem;margin-bottom:20px}
.sh::before{width:26px}
.fx{grid-template-columns:minmax(0,1fr);border-bottom:0}
.fc,.fc:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;align-items:end;padding:14px 0;border-left:0;border-bottom:1px solid var(--ln)}
.fv,.fx.pf .fv{font-size:1.75rem;margin:0;min-width:5.2rem}
.fl{margin:0;order:2;text-align:right}
.fc .mb{grid-column:1/-1;order:3;height:12px}
.cds,.stp,.use,.ben{grid-template-columns:minmax(0,1fr);gap:24px}
.cta{padding:32px 20px 0;margin-top:48px}
.cta .rev{margin:28px -20px 0;height:28px}
.cbt,.cbt .btn{width:100%}
.hb2 .btn{flex:1 1 100%}
.top{padding:28px 0 24px}
.kg{padding-top:22px;gap:20px}
.page-key .lead{font-size:1rem;margin-top:12px}
.calc output{font-size:2.6rem}
.fin{grid-template-columns:minmax(0,1fr)}
.ft{margin-top:56px}
pre.code{font-size:.78rem}
.prose h2{font-size:1.3rem}
.fq summary{font-size:1rem}
.fq p{padding-right:0}
.nf{padding-top:48px}.nf .rev{height:64px}
}
@media (max-width:560px){.logo span{display:none}.fl2{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}