:root{--brand:#0d6efd;--brand2:#6c63ff;--accent:#20c997;--warning:#ffc107;--bg:#0f172a;--bg2:#111827;--card:#0b1324;--card2:#0a162f;--text:#e5e7eb;--muted:#94a3b8;--border:rgba(255,255,255,.08)}
*{box-sizing:border-box}
html,body{height:100%}
body{background:radial-gradient(1200px 600px at 80% -100px,rgba(108,99,255,.25),transparent),radial-gradient(1000px 500px at -200px 200px,rgba(32,201,151,.15),transparent),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.navbar{backdrop-filter:saturate(160%) blur(6px);background:rgba(10,15,28,.7)!important;border-bottom:1px solid var(--border)!important}
.navbar .nav-link{color:var(--muted)}
.navbar .nav-link.active,.navbar .nav-link:hover{color:var(--text)}
.navbar .btn{padding:.5rem .95rem;border-radius:10px}
.hero-section{padding-top:7rem;padding-bottom:4rem;position:relative;isolation:isolate}
.hero-section:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:60%;background:radial-gradient(800px 400px at 10% 20%,rgba(13,110,253,.25),transparent);z-index:-1}
.hero-section .display-5{letter-spacing:-.02em}
.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border:0;box-shadow:0 8px 20px rgba(13,110,253,.25)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(13,110,253,.3)}
.btn-outline-secondary{border-color:var(--border);color:var(--text);background:rgba(255,255,255,.04)}
.btn-outline-secondary:hover{background:rgba(255,255,255,.08);border-color:var(--text);color:var(--text)}
.hero-image{max-height:380px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}
.feature-card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:16px;padding:18px;text-align:left;height:100%;transition:transform .25s ease,box-shadow .25s ease}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.feature-card i{font-size:1.6rem;background:linear-gradient(135deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.feature-card h6{margin:.5rem 0 .25rem}
.screen-card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:16px;padding:10px;height:100%;transition:transform .25s ease,box-shadow .25s ease}
.screen-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.screen-card img{width:100%;height:200px;object-fit:contain;border-radius:10px}
.plan-card{background:linear-gradient(180deg,var(--card),var(--card2));border-color:var(--border)!important;border-radius:16px}
.info-card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:16px}
.btn-lg{padding:.7rem 1.25rem;border-radius:12px}
.border-top{border-top:1px solid var(--border)!important}
.text-muted{color:var(--muted)!important}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}
.reveal.in{opacity:1;transform:none}