:root{
--bg:#0e120a;--bg2:#161c10;--ink:#deecd0;--mut:#99aa87;--line:#303b24;--am:#70ff0a;--dk:#0e120a;--cream:#e6ffd6;
--u:min(6.8px,1vw - .32px);
--disp:"Roboto Flex","Arial Narrow",Arial,sans-serif;--serif:"Source Serif 4",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
--bars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 679 10' preserveAspectRatio='none'%3E%3Cpath fill='%23ffd60a' d='M0.0 0h1.0v10h-1.0zM11.0 0h1.2v10h-1.2zM22.2 0h1.5v10h-1.5zM33.8 0h1.9v10h-1.9zM45.7 0h2.4v10h-2.4zM58.0 0h2.9v10h-2.9zM71.0 0h3.6v10h-3.6zM84.6 0h4.5v10h-4.5zM99.1 0h5.6v10h-5.6zM114.7 0h6.9v10h-6.9zM131.6 0h8.6v10h-8.6zM150.2 0h10.7v10h-10.7zM170.9 0h13.2v10h-13.2zM194.1 0h16.4v10h-16.4zM220.5 0h20.3v10h-20.3zM250.8 0h25.2v10h-25.2zM286.0 0h31.2v10h-31.2zM327.3 0h38.7v10h-38.7zM376.0 0h48.0v10h-48.0zM434.0 0h59.6v10h-59.6zM503.6 0h73.9v10h-73.9zM587.5 0h91.6v10h-91.6z'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.65 var(--serif);overflow-x:hidden}
[hidden]{display:none!important}
img,svg{max-width:100%}
a{color:var(--am);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
p{margin:0 0 1em}
h1,h2,h3{margin:0;font-family:var(--disp)}
.col{width:min(680px,100% - 32px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--am);color:var(--dk);padding:12px 16px;font:700 15px var(--disp);z-index:9}
.skip:focus{left:8px;top:8px}

/* signature: widening bars */
.bars{height:12px;background:var(--bars) 0 0/100% 100% no-repeat;margin:0 0 26px}
.bars.rev{transform:scaleX(-1)}

/* headline: width axis opens word by word */
.dx{font-family:var(--disp);font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.005em;color:var(--am);
font-size:calc(var(--fs,10)*var(--u));overflow-wrap:anywhere;font-stretch:100%}
.dx span{font-variation-settings:"wdth" var(--x,100),"opsz" 80}

/* header */
.top{padding-top:22px}
.top-a{display:flex;align-items:center;gap:12px;justify-content:space-between}
.logo{font:800 clamp(14.5px,3.8vw,30px)/1 var(--disp);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:48px;white-space:nowrap;letter-spacing:0}
.logo span span{font-variation-settings:"wdth" var(--x)}
.logo:hover{color:var(--am)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:2px solid var(--am);border-radius:0;background:var(--am);color:var(--dk);
font:800 16px/1.1 var(--disp);font-variation-settings:"wdth" 118;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;cursor:pointer;text-align:center}
.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--dk)}
.btn.ghost{background:transparent;color:var(--am)}
.btn.ghost:hover{background:var(--am);color:var(--dk);border-color:var(--am)}
.btn.sm{min-height:44px;padding:0 16px;font-size:14px}
.top .cta{min-height:46px;white-space:nowrap}
.burger{display:none;align-items:center;justify-content:center;gap:4px;width:46px;height:46px;flex:none;border:2px solid var(--ink);background:transparent;padding:0;cursor:pointer}
.burger i{display:block;height:18px;background:var(--ink)}
.burger i:nth-child(1){width:2px}.burger i:nth-child(2){width:5px}.burger i:nth-child(3){width:9px}
.nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:14px 0 12px}
.nav a{font:700 15px/1 var(--disp);font-variation-settings:"wdth" var(--x,100);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;border-bottom:3px solid transparent}
.nav a:hover{color:var(--am)}
.nav a[aria-current]{color:var(--am);border-bottom-color:var(--am)}
.top .bars{margin:0}

/* hero */
.hero{padding-top:54px}
.hero.k{padding-top:26px}
.eyebrow,.lbl,.date,.crumbs{font:500 12.5px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--am)}
.eyebrow{margin:0 0 20px}
.lbl{margin:0 0 12px}
.crumbs{margin:-26px 0 30px;color:var(--mut)}
.hero.k .crumbs{margin:0 0 18px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 10px}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--am)}
.crumbs a{color:var(--mut);display:inline-block;padding:6px 0}
.crumbs a:hover{color:var(--am)}
.lead{font-size:1.22em;line-height:1.5;margin:28px 0 0;color:var(--ink)}
.hero.k .lead{margin-top:16px;font-size:1.08em}
.date{margin:20px 0 0;color:var(--mut)}
.marks{list-style:none;margin:26px 0 0;padding:0}
.marks li{position:relative;padding:9px 0 9px 44px;border-top:1px solid var(--line)}
.marks li:last-child{border-bottom:1px solid var(--line)}
.marks li::before{content:"";position:absolute;left:0;top:1.05em;width:30px;height:12px;
background:linear-gradient(90deg,var(--am) 0 1px,transparent 1px 5px,var(--am) 5px 8px,transparent 8px 12px,var(--am) 12px 18px,transparent 18px 22px,var(--am) 22px 30px)}
.acts-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin:30px 0 0}
.more{font:700 15px/1 var(--disp);font-variation-settings:"wdth" 118;text-transform:uppercase;letter-spacing:.04em;min-height:48px;display:inline-flex;align-items:center}
.trybox{margin-top:54px}
.sub{font:500 13px/1.5 var(--mono);color:var(--mut);margin:16px 0 0}

/* code */
.codebox{border:2px solid var(--am);background:var(--bg2);min-width:0}
.codetabs{display:flex;border-bottom:2px solid var(--am)}
.codetabs button{flex:1;min-height:46px;border:0;border-right:2px solid var(--am);background:transparent;color:var(--ink);font:700 14px/1 var(--disp);font-variation-settings:"wdth" 112;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:0 8px}
.codetabs button:last-child{border-right:0}
.codetabs button[aria-selected="true"]{background:var(--am);color:var(--dk)}
.codetabs button:focus-visible{outline-offset:-5px}
pre.code{position:relative;margin:0;padding:56px 18px 18px;background:var(--bg2);color:var(--ink);font:400 14px/1.65 var(--mono);overflow-x:auto;max-width:100%;tab-size:2;-webkit-overflow-scrolling:touch}
.prose pre.code{margin:1.4em 0;border-left:4px solid var(--am)}
pre.code code{font:inherit;background:none;padding:0;white-space:pre}
pre.code .k{color:var(--am);font-weight:500}
pre.code .s{color:#c5f3a6}
pre.code .c{color:#92a380;font-style:italic}
.copy{position:absolute;top:6px;right:6px;min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--line);background:var(--bg);color:var(--am);font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.copy:hover{background:var(--am);color:var(--dk);border-color:var(--am)}

/* facts */
.facts{margin:54px 0 0;border-bottom:1px solid var(--line)}
.facts div{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid var(--line);padding:12px 0 10px}
.facts dt{font:500 12.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mut);text-align:right;min-width:0;flex:0 1 44%}
.facts dd{margin:0;font:800 calc(6.4*var(--u))/1 var(--disp);font-variation-settings:"wdth" var(--x,100),"opsz" 80;color:var(--ink);text-transform:uppercase;min-width:0;overflow-wrap:anywhere}
.facts.big dd{font-size:calc(9.2*var(--u));color:var(--am)}
.facts.big{margin-top:44px}

/* sections */
.sec{margin-top:104px}
.sec>.dx,.faq>.dx{margin-bottom:34px}
h3{font-weight:700;font-size:21px;line-height:1.2;font-variation-settings:"wdth" 86;color:var(--ink);margin:0 0 8px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.duo>div{border-top:1px solid var(--line);padding:18px 0 8px;min-width:0}
.duo p,.rows p,.steps p{font-size:.94em;line-height:1.6;color:var(--ink);margin:0 0 .8em}
.rows>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:8px 30px;border-top:1px solid var(--line);padding:20px 0 10px}
.rows>div:last-child,.duo>div:nth-last-child(-n+2){border-bottom:0}
.rows h3{color:var(--am)}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:132px minmax(0,1fr);gap:0 20px;border-top:1px solid var(--line);padding:20px 0 10px}
.steps li::before{content:counter(s);grid-row:1/3;font:800 84px/.86 var(--disp);font-variation-settings:"wdth" var(--x,100),"opsz" 80;color:var(--am)}
.steps h3,.steps p{grid-column:2}

/* prose */
.prose{min-width:0}
.prose>*:first-child{margin-top:0}
.prose h2{font-size:calc(7.2*var(--u));margin:76px 0 20px;scroll-margin-top:20px}
.prose h2::before{content:"";display:block;width:132px;height:8px;background:var(--bars) 0 0/100% 100% no-repeat;margin-bottom:16px}
.prose h3{margin:34px 0 8px}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.1em}
.prose li{margin:.3em 0}
.prose li::marker{color:var(--am);font-family:var(--mono);font-size:.9em}
.prose strong{color:#e4ffd1;font-weight:600}
.prose :not(pre)>code,.keyout code{font:400 .86em var(--mono);background:#1a270f;color:#aeff73;padding:.12em .36em;overflow-wrap:anywhere}
.prose div:has(>table){overflow-x:auto;margin:1.4em 0;max-width:100%}
.prose table{border-collapse:collapse;width:100%;font:400 14.5px/1.5 var(--serif);min-width:420px}
.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--line)}
.prose thead th{font:700 12.5px/1.3 var(--disp);font-variation-settings:"wdth" 120;text-transform:uppercase;letter-spacing:.07em;color:var(--am);border-bottom:2px solid var(--am)}
.prose tbody th{font-weight:600;color:var(--ink)}

/* faq */
details{border-top:1px solid var(--line)}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;min-height:56px;font:700 20px/1.25 var(--disp);font-variation-settings:"wdth" 86;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary:hover{color:var(--am)}
summary i{flex:none;width:18px;height:18px;background:linear-gradient(var(--am),var(--am)) center/100% 3px no-repeat,linear-gradient(var(--am),var(--am)) center/3px 100% no-repeat}
details[open] summary i{background-size:100% 3px,0 0}
details[open] summary{color:var(--am)}
details p{margin:0 0 20px;max-width:60ch}

/* amber slabs */
.slab{background:var(--am);color:var(--dk);padding:30px}
.slab :focus-visible{outline-color:var(--dk)}
.slab a{color:var(--dk)}
.slab .dx{color:var(--dk);font-size:calc(var(--fs,9)*var(--u))}
.slab.end{margin-top:104px}
.slab.end p{font-size:1.1em;margin:18px 0 22px}
.slab .btn{background:var(--dk);border-color:var(--dk);color:var(--am)}
.slab .btn:hover{background:#1d3a09;border-color:#1d3a09;color:#ffffff}
.slab .btn.ghost{background:var(--cream);color:var(--dk);border-color:var(--dk);text-transform:none;letter-spacing:0;font-weight:700;font-variation-settings:"wdth" 100}
.slab .btn.ghost:hover{background:#ffffff;color:var(--dk)}
.sign{margin-top:26px}
.tabs2{display:flex;margin:0 0 16px;border:2px solid var(--dk)}
.tabs2 button{flex:1;min-height:46px;border:0;background:transparent;color:var(--dk);font:800 14.5px/1.1 var(--disp);font-variation-settings:"wdth" 112;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;padding:4px 8px}
.tabs2 button[aria-selected="true"]{background:var(--dk);color:var(--am)}
.tabs2 button:focus-visible{outline-offset:-6px;outline-color:var(--am)}
.tabs2 button[aria-selected="false"]:focus-visible{outline-color:var(--dk)}
.msg:empty{display:none}
.msg{margin:0 0 14px;padding:12px 14px;border:2px solid var(--dk);font:500 14px/1.45 var(--mono);color:var(--dk);background:var(--cream)}
.msg.err{background:#2c2805;color:#fffbc4;border-color:#2c2805}
.row{margin:0 0 14px}
label{display:block;font:700 13px/1.3 var(--disp);font-variation-settings:"wdth" 118;text-transform:uppercase;letter-spacing:.07em;margin:0 0 6px}
input,select,textarea{display:block;width:100%;min-height:48px;padding:10px 12px;border:2px solid var(--dk);border-radius:0;background:var(--cream);color:var(--dk);font:400 16px/1.4 var(--mono);appearance:auto}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--dk);outline-offset:2px}
.note{font:400 13px/1.45 var(--mono);color:#122c00;margin:6px 0 0}
.form form .btn{width:100%;min-height:56px;font-size:17px;margin-top:4px}
.form form>.note{margin-top:10px;text-align:center}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{color:var(--dk);font-size:24px;font-variation-settings:"wdth" 130;font-weight:800;text-transform:uppercase;margin-bottom:12px}
.keybox{display:flex;align-items:center;gap:12px;background:var(--dk);color:var(--am);padding:10px 10px 10px 14px;font:500 15px/1.4 var(--mono)}
.keybox span{flex:1;min-width:0;overflow-wrap:anywhere}
.keybox .btn{background:var(--am);color:var(--dk);border-color:var(--am);flex:none}
.keyout p{font-size:16px;margin:12px 0}
.keyout code{background:rgba(14,18,10,.12);color:var(--dk)}
.mut{opacity:.8}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.slab .acts .btn.ghost{background:transparent;text-transform:uppercase;font-variation-settings:"wdth" 118;letter-spacing:.03em}

/* calculator */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.calc>div{min-width:0}
.calc>div:last-child{grid-column:1/-1;border-top:2px solid var(--dk);padding-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px}
.calc output{font:800 calc(10*var(--u))/1 var(--disp);font-variation-settings:"wdth" 140;color:var(--dk);overflow-wrap:anywhere;min-width:0}

/* toc */
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc li{counter-increment:t;border-top:1px solid var(--line)}
.toc a{display:flex;gap:12px;align-items:baseline;padding:10px 0;min-height:44px;font:600 15px/1.3 var(--disp);font-variation-settings:"wdth" 90;color:var(--ink);text-decoration:none}
.toc a::before{content:counter(t,decimal-leading-zero);font:500 12px var(--mono);color:var(--am);flex:none}
.toc a:hover{color:var(--am)}
.toc.side{margin:0 0 54px;border-bottom:1px solid var(--line)}
.toc.inline{margin-top:48px}
.toc.inline ol{columns:2;column-gap:34px}
.toc.inline li{break-inside:avoid}
.take{margin-top:48px;border:2px solid var(--am);padding:24px 26px 14px}
.take .marks{margin-top:0}
.take .marks li:first-child{border-top:0}
.take .marks li:last-child{border-bottom:0}
.long{margin-top:72px}
.long .prose{font-size:1.04em;line-height:1.72}
.sec.hang{margin-top:64px;position:relative}
@media(min-width:1240px){
.toc.side{position:absolute;right:calc(100% + 44px);top:0;bottom:0;width:212px;margin:0;border:0}
.toc.side>div{position:sticky;top:24px}
.toc.side a{font-size:14px;padding:8px 0;min-height:0}
}

/* support form (on the ground) */
.sup{margin-top:40px}
.sup form{border-top:2px solid var(--am);padding-top:26px;position:relative}
.sup label{color:var(--am)}
.sup input,.sup select,.sup textarea{background:var(--bg2);color:var(--ink);border-color:#788a64;padding:10px 12px!important}
.sup input:focus-visible,.sup select:focus-visible,.sup textarea:focus-visible{outline-color:var(--am)}
.sup textarea{min-height:170px;resize:vertical}
.sup .btn{min-width:200px;margin-top:6px}
.sup [data-support-msg]{font:500 14px/1.5 var(--mono);color:var(--am);min-height:1.5em}

.nf{padding-bottom:60px}

/* footer */
.foot{margin-top:120px;padding-bottom:44px}
.foot .bars{margin-bottom:22px}
.foot-a{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 20px}
.foot .logo{font-size:clamp(14.5px,3.2vw,22px)}
.tag{margin:0;font:500 12.5px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.foot-l{display:flex;flex-wrap:wrap;gap:0 24px;margin:14px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.foot-l a{font:600 14.5px/1 var(--disp);font-variation-settings:"wdth" 100;color:var(--ink);text-decoration:none;min-height:46px;display:inline-flex;align-items:center}
.foot-l a:hover{color:var(--am)}
.legal{margin:0;font:400 12.5px/1.6 var(--mono);color:var(--mut)}

@media(max-width:720px){
body{font-size:17px}
.top{padding-top:10px}
.top-a{gap:8px}
.top .cta{min-height:46px;padding:0 11px;font-size:13px;letter-spacing:.01em;font-variation-settings:"wdth" 100;margin-left:auto}
.burger{display:flex}
.nav{display:none;flex-direction:column;align-items:stretch;gap:0;margin:8px 0 10px;border-top:1px solid var(--line)}
.nav.open{display:flex}
.nav a{min-height:50px;border-bottom:1px solid var(--line);font-size:17px}
.nav a[aria-current]{border-bottom-color:var(--line)}
.top .bars{margin-top:10px}
.hero{padding-top:36px}
.crumbs{margin:-16px 0 22px}
.sec,.slab.end{margin-top:72px}
.slab{padding:22px 16px;margin-inline:-16px}
.duo{grid-template-columns:1fr}
.duo>div:nth-last-child(2){border-bottom:0}
.rows>div{grid-template-columns:1fr}
.steps li{grid-template-columns:74px minmax(0,1fr);gap:0 12px}
.steps li::before{font-size:60px}
.calc{grid-template-columns:1fr}
.calc output{font-size:44px}
.toc.inline ol{columns:1}
.facts dd{font-size:30px}
.facts.big dd{font-size:36px}
.facts dt{flex-basis:46%}
.prose h2{font-size:max(27px,calc(7.2*var(--u)));margin-top:58px}
.take{padding:18px 16px 8px}
.foot{margin-top:84px}
summary{font-size:18px}
pre.code{font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}