:root{
  --bg:#0b0d12;
  --bg-2:#12141b;
  --text:#e6e9ef;
  --muted:#aab2c5;
  --accent:#ffc400;
  --accent-2:#ff8a00;
  --card:#151923;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  overflow-x:hidden;
}
a{color:inherit}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

.nav{
  position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;
  justify-content:space-between;padding:0 20px;z-index:30;
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0));
  backdrop-filter:saturate(140%) blur(6px);
}
.nav__logo{font-weight:800;letter-spacing:.5px}
.nav__logo span{color:var(--accent)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 20px;
  text-decoration:none;font-weight:700;border:1px solid transparent;transition:.2s}
.btn--ghost{border-color:rgba(255,255,255,.25);}
.btn--ghost:hover{border-color:var(--accent);transform:translateY(-1px)}

.hero{
  position:relative;height:100vh;background-size:cover;background-position:center;background-attachment:fixed;
  display:grid;place-items:center;
}
.hero__overlay{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 40%,rgba(0,0,0,.35),rgba(0,0,0,.8))}
.hero__content{position:relative;z-index:1;text-align:center;padding:0 24px}
.hero__title{
  font-size:clamp(32px,5vw,64px);line-height:1.1;margin:0 0 14px;font-weight:800;
}
.grad{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__subtitle{color:var(--muted);font-size:clamp(16px,2.4vw,20px);max-width:720px;margin:0 auto 22px}
.hero__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn--primary{background:var(--accent);color:#1b1b1b}
.btn--primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn--light{background:#ffffff10;border-color:#ffffff30}
.btn--light:hover{background:#ffffff20;transform:translateY(-1px)}
.hero__scroll{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;color:#cfd6ea90}

.section{padding:90px 0}
.section--light{background:linear-gradient(180deg,var(--bg),var(--bg-2))}
.section--dark{background:linear-gradient(180deg,var(--bg-2),#0a0c12)}
.section--accent{background:radial-gradient(60% 60% at 50% 0%, #1a1200, #0a0c12)}

.section__title{font-size:clamp(26px,3.6vw,40px);margin:0 0 14px}
.underline{position:relative}
.underline:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:8px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.7}

.lead{color:#cbd5e1;max-width:720px}
.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center}
@media (max-width:900px){.grid-2{grid-template-columns:1fr}}

.img{width:60%;border-radius:16px;display:block}
.img--shadow{box-shadow:0 20px 60px rgba(0,0,0,.45)}

.bullets{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
.bullets li{position:relative;padding-left:26px;color:#dbe3f5}
.bullets li:before{content:"•";position:absolute;left:0;color:var(--accent);}

.feature{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;margin:54px 0}
.feature:nth-child(even){grid-template-columns:1.1fr 1fr}
@media (max-width:900px){.feature,.feature:nth-child(even){grid-template-columns:1fr}}

.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.chip{padding:8px 12px;border-radius:999px;background:#ffffff10;border:1px solid #ffffff20;font-size:12px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}
@media (max-width:900px){.cards{grid-template-columns:1fr}}
.card{background:var(--card);padding:18px;border-radius:16px;border:1px solid #ffffff14;transition:.25s transform, .25s box-shadow}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35)}

.cta{text-align:center}
.btn--contrast{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#111;font-weight:800}
.btn--contrast:hover{filter:brightness(1.05);transform:translateY(-1px)}

.footer{border-top:1px solid #ffffff12;padding:26px 0;text-align:center;color:#9aa5bd}