:root{
  --lw-bg: #06070a;
  --lw-bg-2: #0b0f18;
  --lw-card: rgba(255,255,255,0.045);
  --lw-border: rgba(255,255,255,0.09);
  --lw-text: #e9ecf2;
  --lw-muted: #a3aab6;
  --lw-gold: #f5c24b;
  --lw-gold-2: #d9a634;
  --lw-success: #7CFFB2;
  --lw-error: #FF8A8A;
  --lw-radius: 18px;
  --lw-radius-sm: 14px;
  --lw-shadow: 0 10px 35px rgba(0,0,0,0.6);
  --lw-glow: 0 0 60px rgba(245,194,75,0.12);
  font-synthesis: style;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background:
    radial-gradient(1200px 700px at 10% -10%, #15203f 0%, transparent 55%),
    radial-gradient(900px 600px at 90% 10%, rgba(245,194,75,0.10) 0%, transparent 60%),
    var(--lw-bg);
  color: var(--lw-text);
  line-height:1.65;
}

a{color: inherit; text-decoration: none;}
a:hover{opacity:0.95}

.lw-container{
  width:min(1100px, 92%);
  margin-inline:auto;
}

/* Header / Nav */
.lw-header{
  position: sticky;
  top:0;
  z-index:999;
  backdrop-filter: blur(10px);
  background: rgba(6,7,10,0.75);
  border-bottom: 1px solid var(--lw-border);
}
.lw-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 0;
  gap:14px;
}

.lw-brand{display:flex; align-items:center; gap:10px;}
.lw-logo{width:36px;height:36px; filter: drop-shadow(var(--lw-glow));}
.lw-brand-title{font-weight:700; letter-spacing:0.2px;}
.lw-brand-sub{font-size:0.82rem;color:var(--lw-muted)}

.lw-nav{
  display:flex; gap:18px; font-size:0.96rem; color:var(--lw-muted);
}
.lw-nav a{
  padding:6px 2px;
  position:relative;
}
.lw-nav a::after{
  content:"";
  position:absolute; left:0; bottom:-6px;
  width:0%; height:2px; border-radius:2px;
  background: linear-gradient(90deg, var(--lw-gold), transparent);
  transition:width .25s ease;
}
.lw-nav a:hover{
  color:var(--lw-text);
}
.lw-nav a:hover::after{width:100%}

/* Buttons */
.lw-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:650;
  cursor:pointer;
  transition: all .2s ease;
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.lw-btn-small{padding:9px 14px; font-size:0.92rem;}
.lw-btn-block{width:100%}

.lw-btn-primary{
  background: linear-gradient(180deg, var(--lw-gold) 0%, var(--lw-gold-2) 100%);
  color:#0b0c10;
  box-shadow: 0 8px 20px rgba(245,194,75,0.35);
}
.lw-btn-primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(245,194,75,0.45);
}

.lw-btn-ghost{
  background: transparent;
  border-color: var(--lw-border);
  color: var(--lw-text);
}
.lw-btn-ghost:hover{
  border-color: rgba(245,194,75,0.55);
  box-shadow: var(--lw-glow);
}

.lw-btn-link{
  background: transparent;
  color: var(--lw-text);
  padding-inline:0;
  border:none;
}

/* Hero */
.lw-hero{
  padding:78px 0 60px;
}
.lw-hero-grid{
  display:grid;
  grid-template-columns: 1.12fr 0.88fr;
  gap:30px;
  align-items:center;
}
.lw-kicker{
  font-size:0.85rem;
  letter-spacing:0.18em;
  color:var(--lw-muted);
  margin-bottom:12px;
}
.lw-accent{color:var(--lw-gold)}
h1{
  font-size:clamp(2.1rem, 4.2vw, 3.1rem);
  line-height:1.12;
  margin:0 0 12px;
  text-shadow: 0 6px 30px rgba(0,0,0,0.8);
}
.lw-lead{
  color:var(--lw-muted);
  font-size:1.08rem;
  max-width:54ch;
}

.lw-hero-cta{display:flex; align-items:center; gap:14px; margin-top:20px;}
.lw-hero-foot{margin-top:16px; color:var(--lw-muted); font-size:0.95rem;}

/* Preview Card */
.lw-preview-card{
  background: linear-gradient(180deg, #0a0f1b 0%, #070a12 100%);
  border:1px solid var(--lw-border);
  border-radius: var(--lw-radius);
  padding:18px;
  box-shadow: var(--lw-shadow);
  position: relative;
  overflow:hidden;
}
.lw-preview-card::before{
  content:"";
  position:absolute; inset:-30% -30% auto auto;
  width:400px; height:400px;
  background: radial-gradient(circle, rgba(245,194,75,0.18), transparent 60%);
  transform:translate(40px,-40px);
  pointer-events:none;
}
.lw-preview-badge{
  display:inline-block;
  font-size:0.78rem;
  padding:4px 10px;
  border-radius:999px;
  background: rgba(245,194,75,0.12);
  border:1px solid rgba(245,194,75,0.25);
  color: var(--lw-gold);
}
.lw-preview-chip{
  position:absolute; top:16px; right:16px;
  font-size:0.78rem; padding:4px 10px; border-radius:999px;
  background: rgba(115,149,255,0.12); border:1px solid rgba(115,149,255,0.25);
}
.lw-preview-grid{display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin:14px 0;}
.lw-preview-label{font-size:0.72rem; color:var(--lw-muted); letter-spacing:0.08em; margin-top:8px;}
.lw-preview-value{font-weight:650;}
.lw-preview-note{font-size:0.88rem; color:var(--lw-muted); margin-top:10px}

/* Sections */
.lw-section{padding:74px 0;}
.lw-section:nth-of-type(even){
  background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.015) 50%, transparent 100%);
}
.lw-section-compact{padding-top:58px; padding-bottom:58px;}
h2{
  font-size:clamp(1.7rem, 3vw, 2.25rem);
  margin:0 0 10px;
}
.lw-sub{
  color:var(--lw-muted);
  font-size:1.03rem;
  max-width:72ch;
  margin-bottom:20px;
}

/* Grids / Cards */
.lw-grid-2{display:grid; grid-template-columns: repeat(2, 1fr); gap:16px;}
.lw-grid-3{display:grid; grid-template-columns: repeat(3, 1fr); gap:16px;}
.lw-mt{margin-top:16px}

.lw-card{
  background: var(--lw-card);
  border:1px solid var(--lw-border);
  border-radius: var(--lw-radius);
  padding:18px;
  box-shadow: var(--lw-shadow);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.lw-card:hover{
  transform: translateY(-3px);
  border-color: rgba(245,194,75,0.25);
  box-shadow: 0 14px 40px rgba(0,0,0,0.7);
}
.lw-card h3{margin-top:0}
.lw-card-mini h3{margin-bottom:8px; font-size:1.05rem;}

.lw-card-accent{
  border-color: rgba(245,194,75,0.35);
  box-shadow: 0 10px 26px rgba(245,194,75,0.12);
}
.lw-card-dark{
  background: #0a0e17;
}

.lw-pill{
  display:inline-block;
  font-size:0.78rem;
  padding:4px 10px;
  border-radius:999px;
  background: rgba(245,194,75,0.12);
  border:1px solid rgba(245,194,75,0.25);
  color: var(--lw-gold);
  margin-bottom:8px;
}

.lw-list{padding-left:18px; margin:10px 0 0;}
.lw-list li{margin:7px 0; color:var(--lw-text);}

/* Waitlist */
.lw-waitlist-grid{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap:22px;
  align-items:start;
}
.lw-waitlist-card{
  background: linear-gradient(180deg, #0b101c 0%, #070a12 100%);
  border:1px solid var(--lw-border);
  border-radius: var(--lw-radius);
  padding:18px;
  box-shadow: var(--lw-shadow);
}

.lw-label{font-size:0.9rem; color:var(--lw-muted);}
.lw-input, .lw-select{
  width:100%;
  padding:12px 12px;
  background: #070a12;
  color: var(--lw-text);
  border:1px solid var(--lw-border);
  border-radius: 12px;
  outline:none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.lw-input:focus, .lw-select:focus{
  border-color: rgba(245,194,75,0.5);
  box-shadow: 0 0 0 3px rgba(245,194,75,0.12);
}

.lw-form { display: grid; gap: 12px; }
.lw-form-note { font-size: 0.9rem; color: var(--lw-muted); margin-top: 4px; }
.lw-form-status { margin-top: 6px; font-size: 0.95rem; min-height: 1.2em; }
.lw-form-status.success { color: var(--lw-success); }
.lw-form-status.error { color: var(--lw-error); }
.lw-btn.is-loading { opacity: 0.88; }

/* FAQ */
.lw-faq { display: grid; gap: 10px; margin-top: 18px; }
.lw-faq-item {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 14px 16px;
  border-radius: 14px;
  transition: border-color .18s ease, transform .18s ease;
}
.lw-faq-item:hover{
  transform: translateY(-2px);
  border-color: rgba(245,194,75,0.22);
}
.lw-faq-item summary { cursor: pointer; font-weight: 600; list-style: none; }
.lw-faq-item summary::-webkit-details-marker { display: none; }
.lw-faq-item p { margin-top: 8px; color: var(--lw-muted); }

/* Contact */
.lw-contact{
  display:flex; gap:16px; flex-wrap:wrap;
}
.lw-contact a{
  padding:10px 12px;
  border-radius:12px;
  background: var(--lw-card);
  border:1px solid var(--lw-border);
  color:var(--lw-text);
  transition: transform .18s ease, border-color .18s ease;
}
.lw-contact a:hover{
  transform: translateY(-2px);
  border-color: rgba(245,194,75,0.25);
}

/* Footer */
.lw-footer{
  border-top:1px solid var(--lw-border);
  padding:32px 0 18px;
  background: rgba(0,0,0,0.32);
}
.lw-footer-grid{
  display:flex; align-items:start; justify-content:space-between; gap:22px; flex-wrap:wrap;
}
.lw-footer-brand{display:flex; align-items:center; gap:10px}
.lw-footer-logo{width:32px;height:32px; filter: drop-shadow(var(--lw-glow));}
.lw-footer-title{font-weight:700}
.lw-footer-sub{font-size:0.85rem;color:var(--lw-muted)}

.lw-footer-cols{display:flex; gap:40px;}
.lw-footer-cols h4{margin:0 0 8px;}
.lw-footer-cols a{display:block; color:var(--lw-muted); margin:6px 0;}
.lw-footer-cols a:hover{color:var(--lw-text)}

.lw-footer-bottom{
  margin-top:18px; padding-top:12px; border-top:1px solid var(--lw-border);
  color:var(--lw-muted); font-size:0.9rem;
}

@media (max-width: 900px){
  .lw-hero-grid, .lw-waitlist-grid{grid-template-columns:1fr;}
  .lw-grid-3{grid-template-columns:1fr;}
  .lw-grid-2{grid-template-columns:1fr;}
  .lw-nav{display:none;}
}
/* Small helper for form spacing */
.lw-field{display:grid;gap:6px;}