:root{
  --bg: #0a0a0b; --panel:#121214; --text:#e7e7ea; --muted:#a1a1aa; --line:rgba(255,255,255,.08);
  --pink:#f472b6; --emerald:#34d399; --accent:#ffffff14;
}
*{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth}
body{margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;border-radius:14px;background:var(--accent);border:1px solid var(--line)}
.btn:hover{background:#ffffff22}
.btn.primary{background:var(--pink);border-color:transparent;color:#111}
.btn.primary:hover{filter:brightness(1.05)}
.btn.pill{border-radius:999px}
.badge{background:var(--accent);border:1px solid var(--line);padding:.2rem .55rem;border-radius:999px;font-size:.72rem;color:#ddd}

/* NAV */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:color-mix(in oklab, #0a0a0b 90%, transparent);border-bottom:1px solid var(--line)}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.nav-links{display:none;gap:22px}
.nav-links a{font-size:.95rem;color:#ddd}
.nav-links a:hover{color:#ffc6dd}
.actions{display:flex;gap:10px;align-items:center}

/* HERO */
.hero{position:relative;overflow:hidden}
.blob{position:absolute;filter:blur(70px);opacity:.35;pointer-events:none}
.blob.pink{background:radial-gradient(60% 60% at 50% 50%, #f472b6, transparent 70%);width:350px;height:350px;top:-80px;left:-100px}
.blob.emerald{background:radial-gradient(60% 60% at 50% 50%, #34d399, transparent 70%);width:300px;height:300px;bottom:-70px;right:-80px}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:64px 0}
.h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;font-weight:800;letter-spacing:-.02em}
.lead{margin-top:12px;color:#d1d1d6;font-size:1.1rem}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.contract{margin-top:18px;padding:14px;border-radius:16px;border:1px solid var(--line);background:#00000055}
.label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;word-break:break-all}

.card{padding:16px;border-radius:24px;background:linear-gradient(135deg,#121214,#18181b);border:1px solid var(--line);box-shadow:0 20px 60px #00000066}
.muted{color:var(--muted)}

/* ABOUT & SECTIONS */
section{padding:70px 0;border-top:1px solid var(--line)}
h2{font-size:clamp(1.6rem,3.5vw,2.4rem);margin:0}
.text{color:#d7d7dc;line-height:1.7;margin-top:12px}

/* Wall of Ls */
.ls-input{display:flex;gap:8px}
.ls-input input{flex:1;padding:10px 12px;border-radius:12px;border:1px solid var(--line);outline:none;background:#0b0b0d;color:#fff}
.list{margin-top:10px;max-height:320px;overflow:auto;padding-right:6px}
.list li{font-size:.95rem;background:#0c0c0f;border:1px solid var(--line);padding:8px 10px;border-radius:10px;margin-bottom:8px;color:#ddd}

/* DISCLAIMER */
.disclaimer{background:#0f0f12}

/* Responsive */
@media (max-width: 920px){
  .nav-links{display:none}
  .hero-grid{grid-template-columns:1fr}
}
@media (min-width: 840px){
  .nav-links{display:flex}
}

/* minimal disabled anchor state (no layout change) */
a[aria-disabled='true']{pointer-events:none;opacity:.7}

/* Reveal animations */
@media (prefers-reduced-motion: no-preference){
  [data-reveal]{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease;}
  [data-reveal].is-visible{opacity:1; transform:none;}
}

/* Mobile-centric adjustments */
@media (max-width: 640px){
  .container{padding:0 10px;}
  .hero-grid > div,
  .hero-grid h1,
  .lead,
  .text,
  .contract,
  #about .container,
  #disclaimer .container,
  .card {text-align:center;}
  .cta{justify-content:center;}
  .ls-input{justify-content:center;}
  .ls-input input{max-width:520px;}
}