:root{--orange:#f39a17;--ink:#080907;--white:#f5f3ed}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ink)}
body{font-family:Inter,Arial,sans-serif;color:var(--white)}
main{min-height:100svh;display:flex;flex-direction:column;position:relative;z-index:2}
body:before{content:"";position:fixed;inset:0;background:
radial-gradient(circle at 50% 28%,rgba(243,154,23,.12),transparent 28%),
linear-gradient(120deg,#050604,#0c0d09 55%,#050604);z-index:0}
.texture{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.16;background-image:
linear-gradient(30deg,transparent 47%,rgba(243,154,23,.11) 48%,transparent 49%),
linear-gradient(-30deg,transparent 47%,rgba(243,154,23,.08) 48%,transparent 49%);
background-size:76px 76px}
.hero{width:min(880px,92vw);margin:auto;text-align:center;padding:42px 0 30px}
.logo{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 25px}
.kicker{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--orange);
font-size:10px;font-weight:800;letter-spacing:.34em;margin-bottom:18px}
.kicker i{height:1px;width:38px;background:var(--orange);opacity:.55}
h1{font-family:"Archivo Black",Impact,sans-serif;font-size:clamp(62px,8.4vw,126px);
line-height:.82;letter-spacing:-.075em;margin:0;text-transform:uppercase}
h1 span{color:transparent;-webkit-text-stroke:2px var(--orange)}
.lead{margin:30px auto 28px;max-width:580px;color:#aaa9a1;font-size:15px;line-height:1.55}

.signup{width:min(650px,100%);margin:0 auto;display:grid;grid-template-columns:1fr auto;
background:#11120e;border:1px solid rgba(243,154,23,.4);padding:6px;transition:.3s}
.signup input{min-width:0;border:0;background:transparent;color:#fff;padding:0 19px;outline:none;
font:600 12px Inter;letter-spacing:.08em}
.signup input::placeholder{color:#66665f}
.signup input:focus{box-shadow:inset 0 -1px var(--orange)}
.signup button{border:0;background:var(--orange);color:#080907;min-height:58px;padding:0 24px;
font:800 11px Inter;letter-spacing:.12em;cursor:pointer;display:flex;align-items:center;gap:14px}
.signup button:hover{filter:brightness(1.08)}
.signup button:disabled{opacity:.65;cursor:wait}
.arrow{font-size:18px}

.success{display:none;width:min(650px,100%);min-height:72px;margin:0 auto;
border:1px solid rgba(243,154,23,.5);background:rgba(243,154,23,.08);
align-items:center;justify-content:center;gap:14px;text-align:left}
.success.show{display:flex;animation:pop .35s ease}
.success-icon{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#080907;
display:grid;place-items:center;font-weight:900}
.success strong{display:block;font:800 12px Inter;letter-spacing:.12em}
.success small{display:block;color:#8f8f88;margin-top:4px;font-size:10px;letter-spacing:.04em}
@keyframes pop{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.micro{font-size:9px;color:#65655f;letter-spacing:.14em;text-transform:uppercase;margin:12px 0 29px}
.socials{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}
.socials a{color:#8c8c84;text-decoration:none;font-size:9px;font-weight:800;letter-spacing:.2em;
border-bottom:1px solid transparent;padding-bottom:5px;transition:.2s}
.socials a:hover{color:var(--orange);border-color:var(--orange)}
footer{border-top:1px solid rgba(243,154,23,.13);padding:18px;text-align:center;color:#55564f;
font-size:7px;letter-spacing:.2em;font-weight:700}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:620px){
.hero{padding-top:28px}.logo{width:112px;height:112px;margin-bottom:22px}
.kicker{font-size:8px;letter-spacing:.22em;gap:8px}.kicker i{width:18px}
h1{font-size:clamp(55px,17vw,80px)}
.lead{font-size:12px;margin:24px auto}
.signup{grid-template-columns:1fr}
.signup input{height:54px;text-align:center}
.signup button{width:100%;justify-content:center}
.socials{gap:20px}.socials a{font-size:8px}
footer{line-height:1.6}
}