:root{--bg:#0a0a0b;--bg-2:#0f0f11;--fg:#f4f4ef;--muted:#8a8a82;--accent:#d4ff3a;--accent-2:#ff7849;--border:rgba(255,255,255,0.08);--card:rgba(255,255,255,0.025)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif;margin:0;overflow-x:hidden}
.font-display{font-family:'Sora',sans-serif;letter-spacing:-0.02em}
.font-mono{font-family:'JetBrains Mono',monospace}

.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(800px circle at 15% 10%, rgba(212,255,58,0.06), transparent 60%),radial-gradient(700px circle at 85% 80%, rgba(255,120,73,0.05), transparent 60%),radial-gradient(circle at 50% 50%, rgba(255,255,255,0.015), transparent 70%)}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(10,10,11,0.55);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.nav.scrolled{border-bottom-color:var(--border);background:rgba(10,10,11,0.85)}

.btn-primary{background:var(--accent);color:#0a0a0b;font-weight:600;padding:14px 26px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;box-shadow:0 0 0 0 rgba(212,255,58,0.5);position:relative;overflow:hidden}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px -8px rgba(212,255,58,0.6)}
.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);transform:translateX(-100%);transition:transform .6s}
.btn-primary:hover::before{transform:translateX(100%)}
.btn-ghost{border:1px solid var(--border);color:var(--fg);padding:13px 25px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;transition:all .3s;background:rgba(255,255,255,0.02)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:rgba(212,255,58,0.05)}

.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,0.03);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted)}
.tag .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:translateY(0)}

.orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:float 12s ease-in-out infinite}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,30px) scale(0.95)}}

.magnetic{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
::selection{background:var(--accent);color:#0a0a0b}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a0b}::-webkit-scrollbar-thumb{background:#222;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#333}

.section{padding:120px 0;position:relative;z-index:10}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
@media(max-width:768px){.grid-2{grid-template-columns:1fr;gap:40px}}

.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.feature-card{padding:32px;border-radius:20px;background:var(--card);border:1px solid var(--border);transition:all .4s}
.feature-card:hover{border-color:rgba(212,255,58,0.3);background:rgba(255,255,255,0.04);transform:translateY(-4px)}
.feature-card h3{font-size:17px;font-weight:600;margin-bottom:10px}
.feature-card p{font-size:14px;color:var(--muted);line-height:1.6}

.faq-item{padding:24px 0;border-bottom:1px solid var(--border)}
.faq-item:last-child{border-bottom:none}
.faq-q{font-weight:600;font-size:15px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-q:hover{color:var(--accent)}
.faq-q+.faq-a{font-size:14px;color:var(--muted);line-height:1.7;display:none;padding:0 0 8px}
.faq-q+.faq-a.open{display:block}
.section-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.inline-list{list-style:none;padding:0;margin:0 0 16px}
.inline-list li{padding:5px 0 5px 20px;position:relative;font-size:14px;color:var(--muted)}
.inline-list li::before{content:'\25B6';position:absolute;left:0;color:var(--accent);font-size:11px}

.cost-table{width:100%;border-collapse:collapse;font-size:14px}
.cost-table th,.cost-table td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--border)}
.cost-table th{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted)}
.cost-table tr:hover{background:rgba(255,255,255,0.02)}
.cost-table .highlight td{color:var(--accent);font-weight:600}

footer{padding:60px 0;border-top:1px solid var(--border);margin-top:80px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:40px}}
.footer-links a{display:block;padding:6px 0;font-size:14px;color:var(--muted);text-decoration:none;transition:color .3s}
.footer-links a:hover{color:var(--accent)}