:root{--ink:#0E1311;--paper:#F4F1EA;--paprika:#FF5A2E;--laser:#D6FF3F;--mute:#AEB6B0}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Schibsted Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--laser)}main{max-width:1080px;margin:0 auto;padding:40px 24px 80px}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;color:var(--laser);font-size:14px;letter-spacing:.02em}
nav{display:flex;justify-content:space-between;align-items:center}nav a{color:var(--paper);text-decoration:none;font-weight:700;display:flex;gap:10px;align-items:center}
nav img{width:34px;height:34px;border-radius:9px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;min-height:78vh}
h1{font-weight:900;font-size:clamp(56px,9vw,112px);line-height:.92;letter-spacing:-.04em;margin:18px 0}
h2{font-weight:700;font-size:clamp(26px,3.4vw,40px);line-height:1.05;letter-spacing:-.02em;margin:0 0 18px;color:var(--paper)}
p{font-size:18px;line-height:1.55;color:var(--mute);max-width:52ch}
.cta{display:inline-block;margin-top:22px;background:var(--paprika);color:#fff;padding:16px 26px;border-radius:999px;text-decoration:none;font-weight:700}
.plate{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 40px 120px rgba(214,255,63,.12)}
.plate img{width:100%;height:100%;object-fit:cover}
.grid{position:absolute;inset:0;background-image:radial-gradient(var(--laser) 1.6px,transparent 1.8px);background-size:18px 18px;mask:linear-gradient(transparent 0 40%,#000 50%,transparent 60%);mask-size:100% 260%;animation:sweep 3.2s cubic-bezier(.16,1,.3,1) infinite}
@keyframes sweep{from{mask-position:0 100%}to{mask-position:0 0}}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.step{background:#171D1A;border:1px solid #252D29;border-radius:24px;padding:24px}
.step img{width:88px;height:88px}.step h3{margin:8px 0;font-size:20px}.step p{font-size:16px}
footer{border-top:1px solid #252D29;margin-top:80px;padding-top:24px;display:flex;gap:20px;flex-wrap:wrap;color:var(--mute);font-size:14px}footer a{color:var(--mute)}
.doc{max-width:760px}.doc h1{font-size:48px}.doc h2{font-size:24px;margin-top:36px}.doc p,.doc li{font-size:16px;color:#C9CFCA;max-width:none}
@media (max-width:800px){.hero{grid-template-columns:1fr;min-height:auto}.steps{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.grid{animation:none;mask:none;opacity:.35}}