:root{--bg:#211e1b;--panel:#2a2521;--rule:#3b3530;--rule2:#4a433c;--ink:#efe9e2;--dim:#a3998f;--muted:#6f665e;--ember:#c97c5c;--ember2:#c97c5c;--soft:rgba(201,124,92,.14);--display:"Bricolage Grotesque","Helvetica Neue",sans-serif;--body:"IBM Plex Sans",-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);overflow-x:hidden;max-width:100%}
body{font:400 16px/1.6 var(--body)}a{color:inherit}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px 20px;background:rgba(33,30,27,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.top .brand{display:flex;align-items:center;gap:10px;font:700 18px var(--display);text-decoration:none}.top .brand img{width:28px;height:28px;border-radius:7px;object-fit:cover}
.top .links{margin-left:auto;display:flex;gap:18px;font-size:14px;color:var(--dim)}.top .links a{text-decoration:none}.top .links a:hover{color:var(--ink)}
.top .cta{background:var(--ember);color:#fff;padding:7px 13px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
@media(max-width:640px){.top .links .hide{display:none}}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.hero{position:relative;min-height:92svh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--rule)}
.hero .art{position:absolute;inset:-8% 0;background-size:cover;background-position:center;will-change:transform}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,18,.55),rgba(20,17,18,.75) 45%,var(--bg) 96%)}
.hero .wrap{position:relative;z-index:2;padding-top:110px;padding-bottom:64px;width:100%}
.eyebrow{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ember2)}
h1{font:800 clamp(38px,7.4vw,84px)/1.02 var(--display);letter-spacing:-.03em;margin:14px 0 18px;max-width:900px}
h1 em{font-style:normal;color:var(--ember2)}
.lede{font-size:clamp(16px,2.3vw,20px);color:#d9d2ca;max-width:640px}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-block;background:var(--ember);color:#fff;font-weight:600;padding:12px 18px;border-radius:10px;text-decoration:none}
.btn.ghost{background:transparent;border:1px solid var(--rule);color:var(--dim)}
.note{font:12px var(--mono);color:var(--muted);margin-top:16px}
section{padding:90px 0;border-bottom:1px solid var(--rule)}
h2{font:800 clamp(28px,4.6vw,48px)/1.08 var(--display);letter-spacing:-.02em;margin-bottom:14px;max-width:760px}
.sub{color:var(--dim);max-width:640px}
.steps{display:grid;gap:14px;margin-top:36px}
.step{background:var(--panel);border:1px solid var(--rule);border-radius:14px;padding:22px}
.step b{font:600 12px var(--mono);color:var(--ember2);display:block;margin-bottom:8px}
.step h3{font:700 20px var(--display);margin-bottom:6px}.step p{color:var(--dim);font-size:15px}
.statement{text-align:center;padding:120px 0}.statement h2{margin:0 auto;font-size:clamp(34px,7vw,80px)}.statement em{font-style:normal;color:var(--ember2)}
.statement .w{display:inline-block}
.tbl{width:100%;border-collapse:collapse;margin-top:30px;font-size:14px}
.tbl th,.tbl td{text-align:left;padding:14px 10px;border-top:1px solid var(--rule);vertical-align:top}
.tbl th{font:500 12px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.tbl td:first-child{color:var(--dim);width:28%}.tbl td.us{color:var(--ink)}.tbl td.us:before{content:"● ";color:var(--ember2)}
@media(max-width:640px){.tbl thead{display:none}.tbl tr{display:block;border-top:1px solid var(--rule);padding:10px 0}.tbl td{display:block;border:0;padding:4px 0;width:auto!important}.tbl td:first-child{font:600 12px var(--mono);color:var(--ember2);text-transform:uppercase}.tbl td[data-l]:before{content:attr(data-l)": ";color:var(--muted)}.tbl td.us:before{content:"● ";}}
.status{display:grid;gap:10px;margin-top:28px}.status li{list-style:none;padding:14px 16px;background:var(--panel);border:1px solid var(--rule);border-radius:12px;font-size:15px;color:#d9d2ca}
.status li code{font:13px var(--mono);color:var(--ember2)}
.get{text-align:center}.get h2,.get .sub{margin-left:auto;margin-right:auto}.get .btns{justify-content:center}
.get .icon{width:120px;height:120px;border-radius:28px;object-fit:cover;margin:0 auto 22px;display:block;box-shadow:0 20px 60px rgba(0,0,0,.6)}
footer{padding:40px 0 60px;color:var(--muted);font-size:13px}footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}footer a{text-decoration:none}
.credit{font:12px var(--mono);color:var(--muted);margin-top:22px}
@media(min-width:820px){.steps{grid-template-columns:repeat(3,1fr)}}
.rv{opacity:1}
.lede,.step p,.sub,.status li,.tbl td,.tbl td:first-child{color:#f2f2f2}
.hero:after{background:linear-gradient(180deg,rgba(14,12,12,.7),rgba(14,12,12,.84) 45%,var(--bg) 96%)}
.hero .lede{text-shadow:0 1px 14px #000}
.note,.credit,.tbl th{color:#b5aca3}

/* hero copied from antiloki.com (.hero .fold) */
.hero{position:relative;padding-top:72px;text-align:center;border-bottom:0;min-height:0;display:block;overflow:visible}
.hero .art,.hero:after{display:none}
.hero .fold{min-height:calc(100vh - 132px);min-height:calc(100svh - 132px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 56px;position:relative}
.hero .eyebrow{font:400 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ember)}
.hero .fold h1{font:800 clamp(38px,min(7.4vw,10.5vh),108px)/.98 var(--display);letter-spacing:-.025em;max-width:22ch;margin:14px auto 0;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--ember)}
.hero .fold .lede{font-size:clamp(16px,1.55vw,21px);line-height:1.55;max-width:58ch;margin:10px auto 0;color:var(--dim);text-shadow:none}
.hero .fold .lede b{color:#d8d0c7;font-weight:600}
.hero .fold .cta{margin-top:34px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;font:500 15px var(--body);text-decoration:none;border:1px solid var(--rule2);color:var(--ink);background:transparent}
.btn.ember,.btn:not(.ghost){background:var(--ember);border-color:var(--ember);color:#1d1410}
.top .cta{background:var(--ember);color:#1d1410}
.scrollcue{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--muted);font:10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;z-index:2}
.scrollcue i{width:1px;height:26px;background:linear-gradient(var(--ember),transparent);animation:cue 1.8s ease-in-out infinite;transform-origin:top}
@keyframes cue{0%{transform:scaleY(0);opacity:0}40%{opacity:1}100%{transform:scaleY(1);opacity:0}}
.hero .fold .plate{position:absolute;inset:0;z-index:0;margin:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 12%,#000 22%,#000 88%,transparent 100%),radial-gradient(ellipse 90% 84% at 50% 56%,#000 58%,transparent 80%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 12%,#000 22%,#000 88%,transparent 100%),radial-gradient(ellipse 90% 84% at 50% 56%,#000 58%,transparent 80%);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
.hero .fold .plate img{display:block;width:100%;height:100%;object-fit:contain;object-position:center 58%}
.hero .fold::before{content:"";position:absolute;z-index:1;left:50%;top:58%;width:min(820px,90%);height:62%;transform:translate(-50%,-38%);pointer-events:none;background:radial-gradient(ellipse at 50% 58%,rgba(33,30,27,.64) 0%,rgba(33,30,27,.36) 54%,rgba(33,30,27,0) 78%)}
.hero .fold .eyebrow,.hero .fold h1,.hero .fold .lede,.hero .fold .cta{position:relative;z-index:2}
@media(max-width:640px){.hero .fold h1{font-size:clamp(34px,10.5vw,52px)}.hero .fold{padding-bottom:64px}
.hero .fold .plate{left:50%;right:auto;width:100vw;transform:translateX(-50%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 16%,#000 28%,#000 90%,transparent 100%),radial-gradient(ellipse 92% 72% at 50% 52%,#000 52%,transparent 78%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 16%,#000 28%,#000 90%,transparent 100%),radial-gradient(ellipse 92% 72% at 50% 52%,#000 52%,transparent 78%)}
.hero .fold .plate img{object-position:center 48%}.hero .fold::before{width:min(360px,94%);height:58%;top:56%}}
@media(prefers-reduced-motion:reduce){.scrollcue i{animation:none;opacity:.7}}
.statement em,.step b,.eyebrow,.tbl td.us:before{color:var(--ember)}

/* v7: small plate behind text, soft elliptical fade */
.hero .fold .plate,.hero .fold .plate{-webkit-mask-image:none;mask-image:none;left:0!important;right:0!important;width:auto!important;transform:none!important}
.hero .fold .plate img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:min(980px,104vw);max-height:62svh;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 45%,rgba(0,0,0,.75) 68%,rgba(0,0,0,.25) 88%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 45%,rgba(0,0,0,.75) 68%,rgba(0,0,0,.25) 88%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
@media(max-width:640px){.hero .fold .plate img{max-width:112vw;max-height:58svh;top:50%}}
.hero .fold::before{opacity:.6}.app .inner:before{opacity:.6}