:root{--bg:#0b0b0f;--bg2:#141419;--fg:#f4f1ec;--muted:#9a978f;--acc:#ff5a1f;--line:#26262e}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:400 17px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}h1,h2,h3,.logo,.marks li{font-family:"Archivo Black",Impact,sans-serif;font-weight:400;line-height:1.02;letter-spacing:-.02em}
.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:rgba(11,11,15,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.logo{font-size:20px}.logo span{color:var(--acc)}.nav nav{display:flex;gap:28px;align-items:center;font-size:15px}.nav nav a:not(.btn):hover{color:var(--acc)}
.btn{display:inline-block;background:var(--acc);color:#0b0b0f;font-weight:700;padding:16px 28px;border-radius:999px;border:0;font-size:16px;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,90,31,.35)}.btn.sm{padding:10px 18px;font-size:14px}
.wrap{padding:110px 5vw;max-width:1280px;margin:0 auto}
.eyebrow{color:var(--acc);text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:700;margin-bottom:18px}
h2{font-size:clamp(36px,5.5vw,72px);margin-bottom:48px;max-width:16ch}
.hero{position:relative;min-height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;padding:80px 5vw;overflow:hidden}
.hero h1{font-size:clamp(52px,10vw,148px);max-width:12ch}.hero em,.thanks em{font-style:normal;color:var(--acc)}
.lede{font-size:clamp(18px,2vw,22px);color:var(--muted);max-width:40ch;margin:28px 0 36px}
.cta{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.link{border-bottom:2px solid var(--acc);padding-bottom:2px}
.glow{position:absolute;right:-15vw;top:-10vw;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(255,90,31,.35),transparent 65%);filter:blur(20px);animation:float 10s ease-in-out infinite alternate;pointer-events:none}
@keyframes float{to{transform:translate(-6vw,8vw) scale(1.1)}}
.marquee{border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:18px 0;font-family:"Archivo Black";font-size:22px;color:var(--acc)}
.marquee div{display:inline-block;animation:mq 30s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:32px;transition:border-color .25s,transform .25s}.card:hover{border-color:var(--acc);transform:translateY(-4px)}
.card b{color:var(--acc);font-size:14px}.card h3{font-size:26px;margin:14px 0 10px}.card p,.steps p,.muted{color:var(--muted)}
.brands{background:var(--acc);color:#0b0b0f}.brands .eyebrow{color:#0b0b0f}
.marks{list-style:none;display:flex;flex-wrap:wrap;gap:14px 44px;align-items:baseline}
.marks li{font-size:clamp(30px,4.6vw,64px);text-transform:uppercase}.marks li:nth-child(even){-webkit-text-stroke:2px #0b0b0f;color:transparent}
.litany{margin-top:44px;font-size:clamp(20px,2.4vw,30px);font-weight:700}
.big{font-size:clamp(20px,2.3vw,28px);line-height:1.5;max-width:52ch}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps li{border-top:3px solid var(--acc);padding-top:22px}
.steps span{font-family:"Archivo Black";font-size:48px;color:var(--line)}.steps h3{font-size:24px;margin:8px 0}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h2{margin-bottom:20px}
form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:14px;font-weight:500}
input,textarea{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--fg);font:inherit}
input:focus,textarea:focus{outline:2px solid var(--acc);border-color:transparent}form .btn{justify-self:start}.hp{display:none}
.foot{display:flex;justify-content:space-between;padding-block:40px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.nav nav a:not(.btn){display:none}}
@media (max-width:560px){.grid,.steps{grid-template-columns:1fr}.wrap{padding-block:80px}.marks{gap:8px 24px}.foot{flex-direction:column;gap:8px}}