:root {
  --bg:#05060a;
  --bg-alt:#0d1017;
  --bg-accent:#131823;
  --panel:#151d29;
  --panel-alt:#1d2735;
  --line:#243347;
  --text:#e6ecf3;
  --text-dim:#9db0c6;
  --accent:#3d8bff;
  --accent-alt:#6d5dfc;
  --accent-warm:#ffb347;
  --danger:#ff4d5d;
  --success:#4ddc90;
  --radius-xs:3px;
  --radius-sm:6px;
  --radius:12px;
  --radius-lg:18px;
  --shadow:0 4px 16px -4px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.4);
  --gradient-accent:linear-gradient(90deg,var(--accent),var(--accent-alt));
  --gradient-hot:linear-gradient(90deg,#ff7e5f,#feb47b);
  --font-stack:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}
* { box-sizing:border-box; }
html,body { height:100%; }
body {
  margin:0; font-family:var(--font-stack); background:radial-gradient(circle at 20% 20%,#101826,#05060a 60%); color:var(--text); -webkit-font-smoothing:antialiased; line-height:1.5; font-size:16px;
}
img { max-width:100%; display:block; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
button { font-family:inherit; cursor:pointer; }
:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }

.container { width:min(1200px,92%); margin-inline:auto; }
.flex { display:flex; }
.between { justify-content:space-between; }
.center-v { align-items:center; }
.grid { display:grid; }

h1,h2,h3,h4 { font-weight:600; line-height:1.15; }
.lead { font-size:1.15rem; max-width:620px; color:var(--text-dim); }
.big { font-size:1.25rem; color:var(--text-dim); }
.fine { font-size:.75rem; color:var(--text-dim); }
.gradient-text { background:var(--gradient-accent); -webkit-background-clip:text; background-clip:text; color:transparent; }

.btn { --btn-bg:var(--accent); --btn-color:#fff; --btn-bg-hover:var(--accent-alt); --btn-pad:.85rem 1.3rem; background:var(--btn-bg); color:var(--btn-color); padding:var(--btn-pad); border:none; border-radius:var(--radius-sm); font-weight:600; font-size:.95rem; letter-spacing:.3px; display:inline-flex; gap:.5rem; align-items:center; transition:.25s background, .25s box-shadow; position:relative; }
.btn.primary { background:var(--gradient-accent); }
.btn.primary:hover { filter:brightness(1.1); }
.btn.ghost { background:rgba(255,255,255,.06); color:var(--text); backdrop-filter:blur(8px); }
.btn.ghost:hover { background:rgba(255,255,255,.12); }
.btn.small { padding:.6rem .9rem; font-size:.8rem; }
.btn:active { transform:translateY(1px); }

.logo { font-weight:800; font-size:1.3rem; letter-spacing:.5px; }
.logo .accent { color:var(--accent); }

.site-header { position:sticky; top:0; z-index:50; background:rgba(5,6,10,.7); backdrop-filter:blur(16px); border-bottom:1px solid rgba(255,255,255,.05); }
.main-nav { display:block; }
.nav-list { list-style:none; margin:0; padding:0; display:flex; gap:2rem; }
.nav-list a { color:var(--text-dim); font-weight:500; }
.nav-list a:hover { color:var(--text); }
.actions { display:flex; gap:.75rem; }
.hamburger { display:none; background:none; border:none; flex-direction:column; gap:4px; }
.hamburger span { width:22px; height:2px; background:var(--text); display:block; }

.hero { position:relative; padding:7rem 0 5rem; }
.hero-bg-glow { position:absolute; inset:0; background:radial-gradient(circle at 70% 30%,rgba(61,139,255,.35),transparent 60%),radial-gradient(circle at 30% 70%,rgba(109,93,252,.35),transparent 60%); filter:blur(40px); opacity:.55; pointer-events:none; }
.hero-grid { grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:3.5rem; align-items:center; }
.hero-copy h1 { font-size:clamp(2.4rem,5vw,3.5rem); font-weight:700; }
.signup-form { display:flex; flex-wrap:wrap; gap:.75rem; margin:1.5rem 0 1rem; }
.signup-form input { flex:1 1 260px; padding:1rem 1.1rem; border-radius:var(--radius-sm); border:1px solid var(--line); background:var(--panel); color:var(--text); font-size:.95rem; }
.signup-form input:focus { border-color:var(--accent); outline:none; }
.form-note { flex-basis:100%; margin:0; font-size:.7rem; letter-spacing:.5px; text-transform:uppercase; color:var(--text-dim); }
.trust-badges { display:flex; gap:1.5rem; flex-wrap:wrap; margin-top:1rem; font-size:.7rem; letter-spacing:.5px; font-weight:600; text-transform:uppercase; color:var(--text-dim); }

.panel-card { background:linear-gradient(145deg,#162231,#0b1016); border:1px solid #1e2a39; padding:1.4rem 1.5rem 1.6rem; border-radius:var(--radius-lg); position:relative; overflow:hidden; }
.panel-card:before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(61,139,255,.15),rgba(109,93,252,.1),transparent 70%); pointer-events:none; }
.panel-title { margin-top:0; font-size:1rem; letter-spacing:1px; text-transform:uppercase; color:var(--text-dim); }
.ticker { display:grid; gap:.4rem; max-height:240px; overflow:auto; font-family:monospace; font-size:.75rem; padding-right:.5rem; }
.ticker-item { display:flex; justify-content:space-between; padding:.45rem .65rem; background:rgba(255,255,255,.03); border-radius:var(--radius-xs); align-items:center; }
.ticker-item span { white-space:nowrap; }
.ticker-item .chg.pos { color:var(--success); }
.ticker-item .chg.neg { color:var(--danger); }
.mini-stats { display:flex; gap:1.5rem; margin-top:1rem; font-size:.7rem; letter-spacing:.5px; color:var(--text-dim); }
.mini-stats .val { display:block; font-size:.85rem; font-weight:600; color:var(--text); margin-top:.25rem; }
.scroll-indicator { text-align:center; margin-top:2rem; font-size:1.2rem; opacity:.4; animation:float 3s ease-in-out infinite; }
@keyframes float { 0%,100% { transform:translateY(0);} 50% { transform:translateY(6px);} }

.section { padding:4.5rem 0 4.2rem; position:relative; }
.section.dark { background:linear-gradient(180deg,#0b1016,#0f151e); }
.section.highlight { position:relative; }
.section-title { font-size:2.1rem; margin:0 0 2.5rem; }

.markets-grid { display:grid; gap:2rem; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.market-block { background:var(--panel); border:1px solid #1f2a38; border-radius:var(--radius); padding:1.2rem 1.25rem; }
.market-block h3 { margin:0 0 .75rem; font-size:.9rem; letter-spacing:1px; text-transform:uppercase; color:var(--text-dim); }
.asset-list { list-style:none; margin:0; padding:0; font-size:.8rem; display:grid; gap:.45rem; }
.asset-list li { display:flex; justify-content:space-between; background:rgba(255,255,255,.03); padding:.55rem .7rem; border-radius:var(--radius-xs); }
.asset-list .pct.pos { color:var(--success); }
.asset-list .pct.neg { color:var(--danger); }

.feature-grid { display:grid; gap:2rem; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.feature-card { background:var(--panel); border:1px solid #202d3c; padding:1.5rem 1.3rem 1.7rem; border-radius:var(--radius); position:relative; overflow:hidden; }
.feature-card:before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(61,139,255,.12),rgba(109,93,252,.12),transparent 70%); opacity:.4; pointer-events:none; }
.feature-card h3 { margin:0 0 .7rem; font-size:1rem; }
.gradient-circle { background:var(--gradient-accent); width:42px; height:42px; display:grid; place-items:center; border-radius:50%; font-size:1.1rem; margin-bottom:1rem; }

.split { display:grid; gap:3rem; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); align-items:start; }
.check-list { list-style:none; margin:1.5rem 0 0; padding:0; display:grid; gap:.55rem; font-size:.85rem; }
.check-list li { position:relative; padding-left:1.1rem; }
.check-list li:before { content:"✔"; position:absolute; left:0; color:var(--success); font-size:.75rem; top:3px; }
.security-panels { display:grid; gap:1.25rem; }
.shield-card { background:var(--panel-alt); border:1px solid #28384d; padding:1.1rem 1.2rem 1.3rem; border-radius:var(--radius); }
.shield-card h3 { margin:.1rem 0 .5rem; font-size:1rem; }

.pricing-toggle { display:flex; gap:.6rem; justify-content:center; margin:-.5rem 0 2.5rem; }
.toggle-btn { background:var(--panel); color:var(--text-dim); border:1px solid #243347; padding:.65rem 1.1rem; font-size:.75rem; text-transform:uppercase; letter-spacing:1px; border-radius:var(--radius-sm); font-weight:600; }
.toggle-btn.active { background:var(--gradient-accent); color:#fff; border-color:transparent; }
.pricing-grid { display:grid; gap:2rem; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.price-card { background:var(--panel); border:1px solid #233347; padding:1.7rem 1.4rem 2.2rem; border-radius:var(--radius-lg); position:relative; overflow:hidden; display:flex; flex-direction:column; }
.price-card.popular { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.price-card h3 { margin:0 0 .5rem; font-size:1.1rem; }
.price-tag { font-size:2.3rem; font-weight:700; margin:.4rem 0 1rem; background:var(--gradient-accent); -webkit-background-clip:text; background-clip:text; color:transparent; }
.price-features { list-style:none; margin:0 0 1.5rem; padding:0; font-size:.8rem; display:grid; gap:.5rem; }
.price-features li { position:relative; padding-left:1.05rem; }
.price-features li:before { content:"•"; position:absolute; left:0; color:var(--accent); }
.price-card .btn { margin-top:auto; }

.carousel { position:relative; }
.carousel-track { display:flex; gap:1.4rem; overflow:auto; scroll-snap-type:x mandatory; padding-bottom:.5rem; }
.testimonial { flex:0 0 340px; scroll-snap-align:start; background:var(--panel); border:1px solid #1f2d3c; padding:1.3rem 1.2rem 1.5rem; border-radius:var(--radius); font-size:.85rem; line-height:1.4; position:relative; }
.testimonial:before { content:"“"; font-size:4rem; line-height:1; position:absolute; top:-5px; left:8px; opacity:.08; }
.testimonial .name { margin-top:1rem; font-weight:600; font-size:.8rem; letter-spacing:.5px; text-transform:uppercase; color:var(--text-dim); }
.carousel-nav { display:flex; gap:.4rem; justify-content:center; margin-top:1rem; }
.carousel-dot { width:9px; height:9px; background:#2a3a4f; border:none; border-radius:50%; padding:0; }
.carousel-dot.active { background:var(--accent); }

.faq-list { display:grid; gap:1rem; }
.faq-item { background:var(--panel); border:1px solid #1e2c3b; border-radius:var(--radius); overflow:hidden; }
.faq-q { margin:0; display:flex; justify-content:space-between; padding:1rem 1.1rem; cursor:pointer; font-size:.9rem; font-weight:600; letter-spacing:.5px; }
.faq-q span { flex:1; }
.faq-a { margin:0; max-height:0; overflow:hidden; padding:0 1.1rem; font-size:.82rem; line-height:1.5; color:var(--text-dim); transition:.35s max-height; }
.faq-item.open .faq-a { padding:0 1.1rem 1.1rem; max-height:260px; }

.site-footer { background:#06070b; padding:3.5rem 0 2.5rem; border-top:1px solid rgba(255,255,255,.05); margin-top:2rem; font-size:.85rem; }
.footer-grid { display:grid; gap:3rem; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
.foot-links { list-style:none; margin:0; padding:0; display:grid; gap:.5rem; }
.foot-links a { color:var(--text-dim); }
.foot-links a:hover { color:var(--text); }
.legal { margin-top:1.5rem; }

.cta-sticky { position:fixed; left:50%; transform:translateX(-50%); bottom:1.2rem; background:linear-gradient(135deg,#1b2735,#101823); border:1px solid #253649; padding:.85rem 1.3rem; display:flex; gap:1rem; align-items:center; border-radius:999px; font-size:.85rem; box-shadow:0 8px 24px -8px rgba(0,0,0,.5),0 2px 6px -2px rgba(0,0,0,.5); z-index:60; opacity:0; pointer-events:none; transition:.4s opacity,.4s transform; }
.cta-sticky.show { opacity:1; pointer-events:auto; transform:translate(-50%,0); }

@media (max-width:900px) {
  .nav-list { position:fixed; inset:60px 0 auto; background:rgba(5,6,10,.95); flex-direction:column; padding:2rem 2rem 4rem; transform:translateY(-120%); transition:.45s transform; gap:1.5rem; backdrop-filter:blur(18px); }
  .nav-list.open { transform:translateY(0); }
  .hamburger { display:flex; }
  .actions { display:none; }
  body.nav-open { overflow:hidden; }
}

@media (max-width:600px) {
  .hero { padding:6rem 0 4rem; }
  .panel-card { padding:1.1rem 1rem 1.3rem; }
  .price-tag { font-size:2rem; }
  .testimonial { flex:0 0 280px; }
}