:root{
  --bg:#070b0d;
  --panel:#0d1317;
  --panel2:#10181d;
  --line:#1c2a31;
  --text:#f5f7f8;
  --muted:#98a8b1;
  --green:#33e06f;
  --green2:#18b957;
  --soft:#12261a;
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 78% 10%,rgba(38,219,105,.10),transparent 28rem),
    radial-gradient(circle at 15% 35%,rgba(33,109,78,.08),transparent 30rem),
    var(--bg);
  color:var(--text);
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:auto;padding:0 24px}
nav{
  position:sticky;top:0;z-index:20;
  background:rgba(7,11,13,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.06)
}
.nav-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-weight:800;letter-spacing:-.02em}
.brand span{color:var(--green)}
.navlinks{display:flex;gap:26px;color:#b6c2c8;font-size:14px}
.navlinks a:hover{color:white}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 20px;border-radius:10px;
  font-weight:750;font-size:14px;border:1px solid transparent;
  transition:.18s ease;
}
.btn-primary{background:var(--green);color:#041008}
.btn-primary:hover{background:#4aeb7d;transform:translateY(-1px)}
.btn-outline{border-color:#2c3b42;background:#0c1215;color:#e9eff2}
.btn-outline:hover{border-color:#4b626c}
.btn-small{min-height:40px;padding:0 16px}
.hero{padding:92px 0 82px}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px}
.eyebrow{
  display:inline-flex;gap:8px;align-items:center;
  color:#a9b9c1;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em
}
.dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 20px var(--green)}
h1{font-size:clamp(46px,7vw,82px);line-height:.97;letter-spacing:-.055em;margin:18px 0 24px}
h1 span{color:var(--green)}
.hero p{max-width:660px;color:#a7b5bc;font-size:18px;margin:0 0 30px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#7f919a;font-size:13px}
.visual{
  position:relative;border-radius:28px;overflow:hidden;
  border:1px solid #203039;background:#081015;
  box-shadow:0 30px 100px rgba(0,0,0,.45)
}
.visual img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.visual:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 65%,rgba(7,11,13,.45))
}
.section{padding:88px 0;border-top:1px solid rgba(255,255,255,.055)}
.kicker{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 16px}
.lead{color:var(--muted);font-size:17px;max-width:720px;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.card{background:linear-gradient(180deg,var(--panel),#0a1013);border:1px solid var(--line);border-radius:16px;padding:24px}
.card h3{margin:0 0 7px;font-size:17px}
.card p{margin:0;color:#8fa0a9;font-size:14px}
.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}
.ea-panel{
  background:#080f13;border:1px solid #25353d;border-radius:16px;padding:24px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)
}
.ea-title{font-weight:800;font-size:18px;margin-bottom:18px}
.ea-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #172229;color:#aab8bf;font-size:14px}
.ea-line strong{color:#eef3f5}
.buy{color:#68dc8e!important}.sell{color:#e59b9b!important}
.offer{
  background:linear-gradient(135deg,#101a15,#0a1114 65%);
  border:1px solid #20372a;border-radius:20px;padding:30px
}
.offer .tag{display:inline-block;padding:6px 10px;background:#10271a;border:1px solid #205d36;border-radius:999px;color:#75e596;font-size:12px;font-weight:800}
.offer h3{font-size:27px;line-height:1.15;margin:15px 0 11px}
.offer p{color:#95a6ae;margin:0 0 22px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.step{padding:18px;border:1px solid #1b2930;border-radius:13px;background:#0a1013}
.num{color:var(--green);font-weight:900;font-size:12px;margin-bottom:8px}
.step strong{display:block;font-size:14px;margin-bottom:4px}
.step span{color:#8798a1;font-size:13px}
.download-box{
  margin-top:36px;padding:34px;border:1px solid #23462f;border-radius:20px;
  background:radial-gradient(circle at 85% 20%,rgba(51,224,111,.12),transparent 22rem),#0b1210;
  display:flex;align-items:center;justify-content:space-between;gap:24px
}
.download-box h3{font-size:25px;margin:0 0 7px}
.download-box p{color:#8ea098;margin:0;font-size:14px}
.disclaimer{
  padding:30px 0 42px;color:#66767e;font-size:12px;border-top:1px solid rgba(255,255,255,.05)
}
footer{padding:30px 0;border-top:1px solid rgba(255,255,255,.05);color:#7e8d95;font-size:13px}
.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.page{min-height:100vh;display:grid;place-items:center;padding:30px}
.center-card{width:min(620px,100%);background:#0d1317;border:1px solid #1e2c33;border-radius:18px;padding:34px;text-align:center}
.center-card h1{font-size:38px;margin:10px 0 14px}
.center-card p{color:#98a8b1}
@media(max-width:850px){
  .hero{padding:66px 0}
  .hero-grid,.feature-row,.two{grid-template-columns:1fr}
  .visual{max-width:560px}
  .cards,.steps{grid-template-columns:1fr}
  .navlinks{display:none}
  .download-box{align-items:flex-start;flex-direction:column}
  h1{font-size:52px}
}