:root { --bg:#0b1020; --bg2:#111831; --card:#161e38; --fg:#e8ecf7; --muted:#9aa4c2; --accent:#4f7cff; --accent2:#7bd3ff; --border:#243052; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; background:radial-gradient(1200px 600px at 20% -10%, #1b2a5c 0%, var(--bg) 60%); color:var(--fg); }
a { color:var(--accent2); text-decoration:none; }
h1,h2,h3 { line-height:1.2; margin:0 0 12px; }
h2 { font-size:30px; text-align:center; margin-bottom:28px; }
section { max-width:1100px; margin:0 auto; padding:64px 20px; }
.nav { display:flex; justify-content:space-between; align-items:center; max-width:1100px; margin:0 auto; padding:18px 20px; }
.nav nav { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.nav nav a { color:var(--fg); font-size:15px; }
.brand { font-weight:800; font-size:20px; color:var(--fg); letter-spacing:-.3px; }
.btn { display:inline-block; background:var(--accent); color:#fff; padding:12px 20px; border-radius:10px; font-weight:600; }
.btn.small { padding:8px 14px; font-size:14px; }
.btn.ghost { background:transparent; border:1px solid var(--border); color:var(--fg); }
.hero { display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center; padding-top:40px; }
.eyebrow { color:var(--accent2); font-weight:600; letter-spacing:.08em; text-transform:uppercase; font-size:12px; }
.hero h1 { font-size:52px; letter-spacing:-1px; }
.lead { color:var(--muted); font-size:18px; max-width:540px; }
.cta { display:flex; gap:12px; margin:24px 0; flex-wrap:wrap; }
.stats { list-style:none; padding:0; margin:0; display:flex; gap:28px; flex-wrap:wrap; }
.stats li { display:flex; flex-direction:column; }
.stats b { font-size:20px; } .stats span { color:var(--muted); font-size:13px; }
.code { background:#0a0f22; border:1px solid var(--border); border-radius:14px; padding:22px; overflow:auto; font:13.5px/1.6 ui-monospace,Menlo,Consolas,monospace; color:#dfe6ff; margin:0; }
.code .c { color:#6c7aa6; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
.features article, .pricing article { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:22px; }
.features h3 { font-size:18px; } .features p { color:var(--muted); margin:0; font-size:15px; }
.how ol { max-width:760px; margin:0 auto; padding-left:22px; color:var(--muted); }
.how li { margin-bottom:12px; } .how b { color:var(--fg); }
.how code { background:#0a0f22; padding:2px 6px; border-radius:6px; font-size:13px; }
.pricing article { text-align:center; }
.pricing .featured { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent) inset; }
.price { font-size:34px; font-weight:800; margin:6px 0 14px; } .price span { font-size:14px; color:var(--muted); font-weight:400; }
.pricing ul { list-style:none; padding:0; margin:0 0 18px; color:var(--muted); }
.pricing li { padding:4px 0; }
footer { text-align:center; color:var(--muted); padding:30px 20px 50px; font-size:14px; }
@media (max-width:860px) { .hero { grid-template-columns:1fr; } .hero h1 { font-size:38px; } section { padding:44px 16px; } }

/* BitCall additions */
.brand { display:inline-flex; align-items:center; gap:9px; }
.logo { width:26px; height:26px; border-radius:7px; background:var(--accent); position:relative; box-shadow:0 0 0 1px rgba(255,255,255,.08) inset; }
.logo::after { content:""; position:absolute; inset:6px; border-radius:50%; border:2.5px solid #fff; border-left-color:transparent; transform:rotate(-45deg); }
.grid.three { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.usecases article { background:linear-gradient(180deg,var(--card),#121a33); border:1px solid var(--border); border-radius:14px; padding:24px; }
.usecases h3 { font-size:19px; margin-top:10px; } .usecases p { color:var(--muted); margin:0; font-size:15px; }
.tag { display:inline-block; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--accent2); background:rgba(123,211,255,.1); border:1px solid rgba(123,211,255,.25); padding:3px 9px; border-radius:999px; }
.sub { text-align:center; color:var(--muted); max-width:720px; margin:-12px auto 28px; }
.pricing .grid { grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.final { text-align:center; padding-top:20px; }
.cta.center { justify-content:center; }
footer .fine { font-size:12px; color:#6c7aa6; margin-top:6px; }