:root{--bg:#0c0906;--p1:#15100a;--p2:#1e160c;--ln:#3b2d19;--ln2:#5a4424;--tx:#f1e6d2;--mu:#bbac93;--am:#ffb224;--am2:#ffd27a;--mg:#ff4fa3;--mg2:#ff9ccb;--ink:#140d02;--code:#070503;--c:18px;
--fd:"Oxanium","Trebuchet MS",sans-serif;--fb:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--fm:"Red Hat Mono",ui-monospace,Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.7 var(--fb);
background-image:radial-gradient(900px 420px at 50% -140px,rgba(255,178,36,.14),transparent 70%),repeating-linear-gradient(115deg,rgba(255,178,36,.035) 0 1px,transparent 1px 92px);background-repeat:no-repeat,repeat;background-attachment:scroll,fixed;min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto;width:100%}
img,svg{max-width:100%}
a{color:var(--am);text-underline-offset:3px}
a:hover{color:var(--am2)}
::selection{background:var(--mg);color:#14030b}
:focus-visible{outline:2px solid var(--mg);outline-offset:3px}
h1,h2,h3{font-family:var(--fd);line-height:1.12;margin:0;text-wrap:balance;overflow-wrap:break-word}
h1{font-weight:800;font-size:clamp(2rem,6.2vw,3.25rem);line-height:1.04;letter-spacing:-.01em;text-shadow:2px 2px 0 rgba(255,79,163,.6),-1px -1px 0 rgba(255,178,36,.4)}
h2{font-weight:700;font-size:clamp(1.45rem,4vw,1.8rem)}
h3{font-weight:700;font-size:1.12rem;letter-spacing:.01em}
p{margin:0 0 1em}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--am);color:var(--ink);padding:12px 16px;font:700 14px var(--fm)}
.skip:focus{top:12px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:0;cursor:pointer;background:var(--am);color:var(--ink);font:700 .95rem/1.1 var(--fd);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;text-align:center;
clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background .15s,color .15s}
.btn:hover{background:var(--am2);color:var(--ink)}
.btn:focus-visible{outline:2px solid var(--ink);outline-offset:-5px}
.btn.big{min-height:54px;padding:0 28px;font-size:1.02rem}
.btn.sm{min-height:44px;padding:0 16px;font-size:.82rem}
.btn.ghost{background:var(--p2);color:var(--am);box-shadow:inset 0 0 0 1px var(--ln2)}
.btn.ghost:hover{background:#2a1f10;color:var(--am2)}
.btn.ghost:focus-visible,.btn.dark:focus-visible{outline-color:var(--mg)}
.btn.dark{background:var(--bg);color:var(--am)}
.btn.dark:hover{background:#221808;color:var(--am2)}
.btn[disabled]{opacity:.6;cursor:wait}

/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(12,9,6,.94);border-bottom:1px solid var(--ln)}
.hd::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--am) 0 22%,transparent 22% 86%,var(--mg) 86% 100%);clip-path:polygon(0 0,100% 0,100% 100%,4px 100%)}
.hin{max-width:1100px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;gap:10px}
.logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--tx);text-decoration:none;font:800 1.18rem/1 var(--fd);letter-spacing:.02em}
.logo:hover{color:var(--am)}
.mark{flex:none;display:block}
.nav{display:none}
.hcta{margin-left:auto;min-height:44px;padding:0 14px;font-size:.82rem}
.burger{flex:none;width:44px;height:44px;padding:0;background:var(--p2);border:0;box-shadow:inset 0 0 0 1px var(--ln2);cursor:pointer;display:flex;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(--am);transform:skewX(-30deg)}
.burger:focus-visible{outline-offset:-5px}
.nav a{position:relative;display:flex;align-items:center;min-height:48px;padding:0 20px;color:var(--mu);text-decoration:none;font:600 13px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase}
.nav a span{position:relative}
.nav a:hover{color:var(--tx)}
.nav a[aria-current]{color:var(--am)}
.nav.open{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:#100b07;border-bottom:2px solid var(--am);padding:8px 0 12px}
.nav.open a{border-left:3px solid transparent}
.nav.open a[aria-current]{border-left-color:var(--am);background:rgba(255,178,36,.08)}
@media(min-width:940px){
.burger{display:none}
.nav,.nav.open{display:flex;flex-direction:row;position:static;margin-left:auto;background:none;border:0;padding:0}
.nav a,.nav.open a{min-height:44px;padding:0 15px;border:0}
.nav a::before{content:"";position:absolute;inset:6px 2px;transform:skewX(-16deg);border-bottom:2px solid transparent}
.nav a:hover::before{background:rgba(241,230,210,.06)}
.nav a[aria-current],.nav.open a[aria-current]{background:none}
.nav a[aria-current]::before{background:rgba(255,178,36,.12);border-bottom-color:var(--am)}
.hcta{margin-left:14px;padding:0 20px;font-size:.88rem}
}

/* column + wire */
main{display:block;overflow-wrap:break-word}
.col{position:relative;max-width:740px;margin:0 auto;padding:0 20px 20px}
.col>*{min-width:0}
main{counter-reset:s}
@media(min-width:900px){
.col::before{content:"";position:absolute;left:-18px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--am) 90px,var(--am) 40%,var(--mg) 78%,transparent);opacity:.55}
.sh::before,.top::before,.hero::before{content:"";position:absolute;left:-43px;width:11px;height:11px;background:var(--bg);border:2px solid var(--am);transform:rotate(45deg)}
.sh::before{top:.55em}
.top::before,.hero::before{top:auto;bottom:22px;border-color:var(--mg)}
}

/* hazard strip */
.haz{height:10px;background:repeating-linear-gradient(-45deg,var(--am) 0 10px,transparent 10px 20px);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);opacity:.9}

/* page top */
.top{position:relative;padding:34px 0 26px}
.top h1{margin-top:6px}
.lead{font-size:1.14rem;line-height:1.6;color:#dccdb4;margin:18px 0 0;max-width:62ch}
.crumbs ol{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-wrap:wrap;column-gap:8px;font:600 12.5px/1.2 var(--fm);letter-spacing:.07em;text-transform:uppercase;color:var(--mu)}
.crumbs li{display:flex;align-items:center;gap:8px}
.crumbs li+li::before{content:"";width:7px;height:14px;background:var(--am);clip-path:polygon(60% 0,100% 0,40% 100%,0 100%)}
.crumbs a,.crumbs span{display:inline-block;padding:14px 0}
.crumbs a{color:var(--mu);text-decoration:none}
.crumbs a:hover{color:var(--am)}
.crumbs span{color:var(--tx)}
.upd{margin:16px 0 0;font:400 13px var(--fm);color:var(--mu);letter-spacing:.04em}
.upd span{color:var(--mg2);text-transform:uppercase}

/* hero */
.hero{position:relative;padding:58px 0 38px}
.eyebrow{margin:0 0 20px}
.eyebrow span{display:inline-block;padding:6px 18px;background:rgba(255,79,163,.14);color:var(--mg2);font:600 12.5px/1.3 var(--fm);letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:inset 0 -2px 0 var(--mg)}
.hero .lead{font-size:1.2rem;margin-top:22px}
.bul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.bul li{position:relative;padding-left:30px;color:var(--tx)}
.bul li::before{content:"";position:absolute;left:0;top:.5em;width:18px;height:9px;background:var(--am);clip-path:polygon(0 0,55% 0,100% 50%,55% 100%,0 100%,45% 50%)}
.acts-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
@media(max-width:480px){.acts-row .btn{flex:1 1 100%}}

/* sections */
.sl{counter-increment:s;margin-top:70px}
.haz+.sl{margin-top:44px}
.sh{position:relative;display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}
.sh h2{min-width:0}
.tag{flex:none;margin-top:.35em;padding:4px 13px;background:var(--am);color:var(--ink);font:600 12px/1.2 var(--fm);letter-spacing:.06em;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.tag::before{content:"0" counter(s)}

/* chamfered panels */
.shards li,.gate,.toc,.tk,.codebox,.calc,.faq details,.prose pre.code{position:relative;border:1px solid var(--ln);background:var(--p1);clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.shards li::after,.gate::after,.toc::after,.tk::after,.codebox::after,.calc::after,.faq details::after,.prose pre.code::after{content:"";position:absolute;top:-1px;right:-1px;width:var(--c);height:var(--c);pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--am) calc(50% - 1.5px),var(--am) calc(50% + 2px),transparent 0)}

.shards{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:f}
.shards li{counter-increment:f;padding:20px 22px 18px;min-width:0}
.shards li::before{content:"0" counter(f);display:block;margin-bottom:10px;font:600 12px/1 var(--fm);letter-spacing:.1em;color:var(--am)}
.shards h3{margin-bottom:8px}
.shards p{margin:0;font-size:.95rem;line-height:1.6;color:var(--mu)}
.uses li{background:linear-gradient(135deg,rgba(255,79,163,.09),transparent 55%),var(--p1)}
.uses li::before{content:"";width:34px;height:7px;background:var(--mg);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.uses li::after,.tk::after{background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--mg) calc(50% - 1.5px),var(--mg) calc(50% + 2px),transparent 0)}
.bens{margin-top:40px}
.bens li{border-left:3px solid var(--am)}
@media(min-width:620px){.shards{grid-template-columns:1fr 1fr}}

.steps{list-style:none;margin:0;padding:0;counter-reset:n}
.steps li{counter-increment:n;position:relative;padding:20px 0 20px 76px;border-top:1px dashed var(--ln2);min-height:84px}
.steps li:last-child{border-bottom:1px dashed var(--ln2)}
.steps li::before{content:counter(n);position:absolute;left:4px;top:12px;font:800 3.2rem/1 var(--fd);color:transparent;-webkit-text-stroke:1.5px var(--am)}
.steps li::after{content:"";position:absolute;left:52px;top:26px;width:10px;height:26px;background:var(--mg);clip-path:polygon(60% 0,100% 0,40% 100%,0 100%)}
.steps h3{margin-bottom:6px}
.steps p{margin:0;color:var(--mu);font-size:.98rem}
.exs li::before{-webkit-text-stroke-color:var(--mg)}
.exs li::after{background:var(--am)}

/* facts */
.facts{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.facts li{grid-column:span 3;min-width:0;padding:13px 22px 12px;background:var(--p1);box-shadow:inset 0 2px 0 var(--ln2);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);display:flex;flex-direction:column;gap:2px}
.facts li:last-child:nth-child(odd){grid-column:span 6}
.facts b{font:800 1.45rem/1.15 var(--fd);color:var(--am);text-shadow:0 0 18px rgba(255,178,36,.35)}
.facts span{font:400 12px/1.35 var(--fm);letter-spacing:.03em;color:var(--mu)}
.facts li:nth-child(-n+2){box-shadow:inset 0 2px 0 var(--am)}
@media(min-width:620px){.facts li:nth-child(n+3),.facts li:last-child:nth-child(odd){grid-column:span 2}}
.plate{margin-top:8px}
.plate li{padding-top:18px;padding-bottom:16px}
.plate li:nth-child(-n+2) b{font-size:clamp(1.9rem,7vw,2.6rem)}
.psub{margin:18px 0 0;padding:10px 16px;border-left:3px solid var(--mg);background:rgba(255,79,163,.08);font:400 13.5px/1.5 var(--fm);color:var(--mg2)}

/* code */
.codebox{background:var(--code)}
.codetabs{display:flex;border-bottom:1px solid var(--ln);background:var(--p1);padding-right:var(--c);overflow-x:auto}
.codetabs button{flex:none;min-height:46px;padding:0 20px;border:0;background:none;color:var(--mu);cursor:pointer;font:600 13px/1 var(--fm);letter-spacing:.05em}
.codetabs button:hover{color:var(--tx)}
.codetabs button[aria-selected=true]{background:var(--am);color:var(--ink);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0 100%)}
.codetabs button:focus-visible{outline-offset:-5px}
pre.code{position:relative;margin:0;padding:48px 20px 20px;overflow-x:auto;max-width:100%;background:var(--code);color:#ecdfc8;font:400 13.5px/1.7 var(--fm);tab-size:2;scrollbar-width:thin;scrollbar-color:var(--ln2) transparent}
pre.code::before{content:"";position:absolute;left:20px;top:19px;width:54px;height:6px;background:repeating-linear-gradient(-45deg,var(--ln2) 0 5px,transparent 5px 10px)}
pre.code code{font:inherit;background:none;padding:0;color:inherit;white-space:pre}
pre.code .k{color:var(--am)}
pre.code .s{color:var(--mg2)}
pre.code .c{color:#9a8b74;font-style:italic}
.copy{position:absolute;top:0;right:6px;min-width:44px;min-height:44px;padding:0 12px;border:7px solid transparent;background:var(--p2);background-clip:padding-box;color:var(--am);cursor:pointer;font:600 11.5px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase}
.copy:hover{background-color:#2c2011;color:var(--am2)}
.copy:focus-visible{outline-offset:-6px}
.prose pre.code{margin:1.4em 0}
.codebox pre.code:focus-visible,.prose pre.code:focus-visible{outline-offset:-3px}

/* prose */
.prose{margin-top:56px}
.doc .prose{margin-top:28px}
.prose>:first-child{margin-top:0}
.prose h2{margin:2.3em 0 .7em;scroll-margin-top:86px}
.prose h2::before{content:"";display:block;width:46px;height:7px;margin-bottom:16px;background:var(--am);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.prose h3{margin:1.8em 0 .5em;color:var(--am2);scroll-margin-top:86px}
.prose p,.prose li{color:#e2d5be}
.prose strong{color:#fff7e6}
.prose ul,.prose ol{margin:0 0 1.1em;padding-left:1.3em}
.prose li{margin-bottom:.45em}
.prose ul li::marker{color:var(--am)}
.prose ol li::marker{color:var(--am);font-family:var(--fm);font-weight:600}
.prose :not(pre)>code,.keyout code{font:400 .88em var(--fm);background:var(--p2);color:var(--am2);padding:2px 6px;overflow-wrap:anywhere}
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.4em 0;font-size:.93rem;border:1px solid var(--ln)}
.prose th{background:var(--p2);color:var(--am);font:600 12px/1.3 var(--fm);letter-spacing:.06em;text-transform:uppercase;text-align:left}
.prose th,.prose td{padding:11px 14px;border-bottom:1px solid var(--ln);vertical-align:top}
.prose tr:last-child td{border-bottom:0}
.prose blockquote{margin:1.4em 0;padding:4px 18px;border-left:3px solid var(--mg);color:var(--mu)}

/* toc */
.toc{padding:18px 22px 14px;margin-top:6px}
.toc-h,.tk-h{margin:0 0 6px;font:600 12.5px/1.2 var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--am)}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:flex;gap:12px;padding:10px 0;color:#dccdb4;text-decoration:none;font-size:.95rem;line-height:1.45;border-top:1px solid var(--ln)}
.toc a::before{content:"0" counter(t);flex:none;font:600 12px/1.75 var(--fm);color:var(--mg2)}
.toc a:hover{color:var(--am)}
@media(min-width:620px) and (max-width:1359px){.toc ol{columns:2;column-gap:28px}.toc li{break-inside:avoid}}
@media(min-width:1360px){
.doc::after{content:"";display:block;clear:both}
.toc{float:right;position:sticky;top:88px;width:256px;margin:0 -296px 0 0;max-height:calc(100vh - 110px);overflow-y:auto}
.doc .prose{margin-top:6px}
}

/* takeaways */
.tk{padding:20px 24px 16px;margin:4px 0 22px;background:linear-gradient(135deg,rgba(255,79,163,.1),transparent 60%),var(--p1)}
.tk-h{color:var(--mg2)}
.tk ul{list-style:none;margin:10px 0 0;padding:0}
.tk li{position:relative;padding:8px 0 8px 30px;border-top:1px solid var(--ln)}
.tk li::before{content:"";position:absolute;left:0;top:1.05em;width:18px;height:9px;background:var(--mg);clip-path:polygon(0 0,55% 0,100% 50%,55% 100%,0 100%,45% 50%)}

/* side callout */
.side{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:48px;padding:20px 22px;background:var(--p1);border-left:3px solid var(--am);box-shadow:inset 0 1px 0 var(--ln),inset 0 -1px 0 var(--ln)}
.side div{flex:1 1 260px;min-width:0}
.side p{margin:0;color:var(--mu);font-size:.96rem}
.side .side-h{font:700 1.15rem/1.2 var(--fd);color:var(--tx);margin-bottom:4px}

/* signup gate */
.gate{--c:28px;padding:26px 26px 22px;border-color:var(--am);background:linear-gradient(180deg,rgba(255,178,36,.07),transparent 140px),var(--p1)}
.gate-c{position:absolute;left:0;bottom:0;width:22px;height:22px;background:var(--mg);clip-path:polygon(0 0,0 100%,100% 100%)}
.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}
.tabs2 button{min-height:46px;padding:0 10px;border:0;cursor:pointer;background:var(--p2);color:var(--mu);font:600 13px/1.2 var(--fm);letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 -2px 0 var(--ln2)}
.tabs2 button:hover{color:var(--tx)}
.tabs2 button[aria-selected=true]{background:var(--am);color:var(--ink);box-shadow:none}
.tabs2 button:first-child{clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.tabs2 button:last-child{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}
.tabs2 button:focus-visible{outline-offset:-5px}
.msg{margin:0 0 14px;padding:11px 14px;border-left:3px solid var(--am);background:var(--p2);font-size:.95rem}
.msg:empty{display:none}
.msg.err{border-left-color:var(--mg);background:rgba(255,79,163,.12);color:#ffd0e4}
.row{margin-bottom:14px}
.row label,.calc label{display:block;margin-bottom:6px;font:600 12.5px/1.3 var(--fm);letter-spacing:.07em;text-transform:uppercase;color:var(--mu)}
input,select,textarea{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--ln2);border-radius:0;background:#0a0704;color:var(--tx);font:400 16px/1.4 var(--fb);appearance:none;-webkit-appearance:none}
textarea{min-height:170px;padding:12px 14px!important;resize:vertical;line-height:1.55}
select{padding:0 40px 0 14px!important;background-image:linear-gradient(45deg,transparent 50%,var(--am) 50%),linear-gradient(135deg,var(--am) 50%,transparent 50%);background-position:calc(100% - 21px) 21px,calc(100% - 15px) 21px;background-size:6px 6px;background-repeat:no-repeat}
input:hover,select:hover,textarea:hover{border-color:#7a5c2e}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--am);outline-offset:0;border-color:var(--am);box-shadow:0 0 0 4px rgba(255,178,36,.18)}
.note{margin:8px 0 0;font-size:.86rem;line-height:1.5;color:var(--mu)}
.gate form>.btn{width:100%;min-height:54px;margin-top:6px;font-size:1rem}
.gate form>.note{text-align:center;margin-top:12px}
.gate [data-gauth]{min-height:50px;color:var(--tx);text-transform:none;letter-spacing:.01em;font:600 1rem var(--fb)}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font-size:1.3rem;margin-bottom:12px;color:var(--am)}
.keybox{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;background:var(--code);border:1px dashed var(--am)}
.keybox span{flex:1 1 200px;min-width:0;font:600 .95rem/1.5 var(--fm);color:var(--am2);overflow-wrap:anywhere;word-break:break-all}
.keyout p{margin:12px 0 0;line-height:1.9}
.keyout .note{line-height:1.5}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.mut{color:var(--mu)}
.sup form{margin-top:0!important}
.sup [data-support-msg]{color:var(--am2);min-height:1.5em}
.sup form>.btn{min-width:180px}
.pg-key .top{padding:22px 0 20px}
.pg-key h1,.pg-support h1{font-size:clamp(1.9rem,5vw,2.7rem)}
.pg-key .lead{margin-top:12px;font-size:1.06rem}

/* calculator */
.calc{display:grid;gap:16px;padding:22px 24px}
.calc>div{min-width:0;display:flex;flex-direction:column;justify-content:flex-end}
.calc output{display:block;min-height:48px;font:800 2.1rem/48px var(--fd);color:var(--am);text-shadow:0 0 22px rgba(255,178,36,.4);overflow-wrap:anywhere}
@media(min-width:620px){.calc{grid-template-columns:1fr 1fr 1fr;align-items:end}}

/* faq */
.faq details{--c:14px;margin-bottom:10px}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:13px 26px 13px 20px;cursor:pointer;list-style:none;font:700 1.04rem/1.35 var(--fd)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--am)}
.faq summary:focus-visible{outline-offset:-4px}
.faq summary i{flex:none;width:16px;height:16px;background:linear-gradient(var(--am),var(--am)) center/100% 2px no-repeat,linear-gradient(var(--am),var(--am)) center/2px 100% no-repeat;transition:transform .2s}
.faq details[open] summary i{transform:rotate(45deg)}
.faq details[open]{border-color:var(--ln2);background:var(--p2)}
.faq details p{margin:0;padding:0 26px 18px 20px;color:#dccdb4;font-size:.98rem}

/* cta band */
.band{position:relative;margin-top:76px;background:var(--am);color:var(--ink);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px))}
.band::before{content:"";position:absolute;right:0;top:0;bottom:0;width:34%;background:repeating-linear-gradient(-45deg,rgba(20,13,2,.13) 0 14px,transparent 14px 28px);clip-path:polygon(40% 0,100% 0,100% 100%,0 100%)}
.band-in{position:relative;padding:38px 34px 40px}
.band h2{font-weight:800;font-size:clamp(1.6rem,5vw,2.1rem);color:var(--ink)}
.band p{margin:12px 0 22px;max-width:46ch;color:#2b1d05;font-weight:600}

/* 404 */
.nf{padding:70px 0 60px}
.nf h1{margin-top:44px;font-size:clamp(2.4rem,9vw,4.4rem)}

/* footer */
.ft{margin-top:90px;background:#080604;border-top:1px solid var(--ln)}
.ft .haz{opacity:.35;clip-path:none;height:8px}
.ft-in{max-width:740px;margin:0 auto;padding:34px 20px 44px}
.ft-tag{margin:6px 0 16px;color:var(--mu);font-size:.95rem}
.ft-links{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;column-gap:22px}
.ft-links a{display:inline-flex;align-items:center;min-height:44px;color:#dccdb4;text-decoration:none;font:600 12.5px var(--fm);letter-spacing:.07em;text-transform:uppercase}
.ft-links a:hover{color:var(--am)}
.legal{margin:0;padding-top:16px;border-top:1px dashed var(--ln2);font-size:.84rem;line-height:1.6;color:#ab9c83}

@media(max-width:520px){
body{font-size:16px}
.gate{padding:20px 16px 18px;--c:22px}
.band-in{padding:32px 22px 36px}
.steps li{padding-left:64px}
.steps li::before{font-size:2.7rem}
.steps li::after{left:44px}
.logo{font-size:1.02rem;gap:8px}
.hin{padding:0 14px;gap:8px}
.hcta{padding:0 11px;font-size:.76rem;letter-spacing:.03em}
.col{padding-left:16px;padding-right:16px}
.facts li{padding-left:18px;padding-right:14px}
}
@media(max-width:380px){.logo .mark{width:26px;height:26px}.logo{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}