body{margin:0;background:#0B0D10;color:#F1F0EB;font-family:'Bricolage Grotesque',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#F1F0EB;text-decoration:none}
a:hover{color:#F5C842}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@keyframes rzin{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
@keyframes rzblink{50%{opacity:0}}
@keyframes rzspin{to{transform:rotate(360deg)}}

.big-star{animation:rzspin 60s linear infinite}

.btn-hdr{padding:10px 18px;border-radius:99px;background:#F5C842;color:#0B0D10;font-weight:700;font-size:15px;white-space:nowrap}
.btn-hdr:hover{background:#F1F0EB;color:#0B0D10}
.btn-primary{padding:16px 26px;border-radius:99px;background:#F5C842;color:#0B0D10;font-weight:700;font-size:17px}
.btn-primary:hover{background:#F1F0EB;color:#0B0D10}
.btn-ghost{padding:16px 26px;border-radius:99px;border:1px solid rgba(241,240,235,.25);font-weight:500;font-size:17px}
.btn-ghost:hover{border-color:#F1F0EB}
.btn-cta{padding:18px 30px;border-radius:99px;background:#F5C842;color:#0B0D10;font-weight:700;font-size:18px}
.btn-cta:hover{background:#F1F0EB;color:#0B0D10}

.plat{font-family:'Geist Mono',monospace;font-size:12px;padding:6px 10px;border-radius:99px;transition:all .3s}

.feature{border-radius:22px;background:#15181C;border:1px solid rgba(241,240,235,.06);padding:26px;display:flex;flex-direction:column;gap:14px;min-height:220px;transition:transform .3s,border-color .3s}
.feature:hover{transform:translateY(-4px);border-color:rgba(245,200,66,.5)}
.feature-t{margin:0;font-size:26px;line-height:1.05;letter-spacing:-.03em;font-weight:800}
.feature-d{margin:0;font-size:16px;line-height:1.5;color:#C9CAC5;text-wrap:pretty}

.step{display:flex;flex-direction:column;gap:16px;padding-top:20px;border-top:2px solid #0B0D10}
.step-n{font-size:clamp(64px,7vw,96px);line-height:.85;letter-spacing:-.06em;font-weight:300}
.step-t{margin:0;font-size:30px;font-weight:800;letter-spacing:-.035em}
.step-d{margin:0;font-size:17px;line-height:1.5;color:#2A2A20;text-wrap:pretty}

.use{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px 32px;padding:26px 0;border-top:1px solid rgba(241,240,235,.12)}
.use:hover{background:rgba(245,200,66,.05)}
.use-t{margin:0;font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.04em}
.use-d{margin:0;font-size:18px;line-height:1.5;color:#C9CAC5;text-wrap:pretty}

.fam{display:flex;align-items:center;gap:8px;font-size:15px;color:#C9CAC5}
.fam:hover{color:#F1F0EB}
.dot{width:8px;height:8px;border-radius:9px}

@media (max-width:720px){
  .hdr-nav{display:none!important}
  .btn-hdr{margin-left:auto;padding:9px 14px;font-size:14px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

@media (max-width:720px){header nav{display:none!important}header nav+a{margin-left:auto!important}}