:root{--bg:#030a0a;--surface:#061212;--card:#0a1a1a;--teal:#14b8a6;--cyan:#22d3ee;--gold:#f59e0b;--white:#f0fdfa;--gray:#94a3b8;--border:rgba(20,184,166,0.15)}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--white);line-height:1.7}a{color:var(--cyan);text-decoration:none;transition:.2s}a:hover{color:var(--gold)}

/* Topbar */
.topbar{background:var(--gold);color:#000;font-size:12px;padding:8px 0;text-align:center;font-weight:600}.topbar span{margin:0 15px}

/* Header */
.hdr{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 0}.hdr-wrap{max-width:1300px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:32px;font-weight:900;letter-spacing:-1px}.logo .c{color:var(--teal)}.logo .m{color:var(--gold)}.nav{display:flex;gap:32px}.nav a{color:var(--gray);font-size:14px;font-weight:500;padding:8px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--white);border-color:var(--teal)}.hdr-act{display:flex;gap:12px}.btn{padding:12px 24px;border-radius:50px;font-weight:600;font-size:13px;cursor:pointer;transition:.3s;display:inline-block;border:none}.btn-ghost{background:transparent;border:2px solid var(--teal);color:var(--teal)}.btn-ghost:hover{background:var(--teal);color:var(--bg)}.btn-primary{background:linear-gradient(135deg,var(--teal),#0d9488);color:white;box-shadow:0 4px 20px rgba(20,184,166,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(20,184,166,0.4)}.m-menu{display:none;background:none;border:none;color:var(--white);font-size:28px;cursor:pointer}

/* Hero */
.hero{padding:80px 0;background:linear-gradient(135deg,var(--surface) 50%,var(--card) 50%);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(20,184,166,0.1),transparent 60%)}.hero-wrap{max-width:1300px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-block;background:rgba(20,184,166,0.15);color:var(--teal);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:600;margin-bottom:20px}.hero h1{font-size:clamp(36px,5vw,56px);line-height:1.1;margin-bottom:20px}.hero h1 .hl{background:linear-gradient(135deg,var(--teal),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{color:var(--gray);font-size:18px;margin-bottom:32px;max-width:500px}.hero-btns{display:flex;gap:16px}.hero-visual{position:relative;z-index:1;text-align:center}.hero-visual img{max-width:100%;filter:drop-shadow(0 20px 40px rgba(20,184,166,0.2))}

/* Floating Stats */
.float-stats{max-width:1300px;margin:-40px auto 0;padding:0 24px;position:relative;z-index:10}.stats-bar{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:30px 40px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;box-shadow:0 20px 60px rgba(0,0,0,0.4)}.stat-item{text-align:center;padding:0 20px;border-right:1px solid var(--border)}.stat-item:last-child{border-right:none}.stat-val{font-size:32px;font-weight:800;color:var(--teal)}.stat-label{font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-top:4px}

/* Section */
.section{padding:80px 0}.section-wrap{max-width:1300px;margin:0 auto;padding:0 24px}.section-head{text-align:center;margin-bottom:50px}.section-head h2{font-size:36px;margin-bottom:12px}.section-head p{color:var(--gray);max-width:600px;margin:0 auto}

/* Horizontal Scroll Cards */
.h-scroll{display:flex;gap:20px;overflow-x:auto;padding:20px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.h-scroll::-webkit-scrollbar{height:6px}.h-scroll::-webkit-scrollbar-track{background:var(--card)}.h-scroll::-webkit-scrollbar-thumb{background:var(--teal);border-radius:3px}.h-card{flex:0 0 280px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;scroll-snap-align:start;transition:.3s}.h-card:hover{border-color:var(--teal);transform:translateY(-4px)}.h-card-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(20,184,166,0.2),rgba(20,184,166,0.05));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px}.h-card h3{font-size:18px;margin-bottom:8px}.h-card p{color:var(--gray);font-size:14px;line-height:1.6}

/* Tabs */
.tabs{background:var(--surface);border-radius:16px;overflow:hidden;border:1px solid var(--border)}.tab-nav{display:flex;background:var(--card);border-bottom:1px solid var(--border)}.tab-btn{flex:1;padding:18px 24px;background:none;border:none;color:var(--gray);font-size:14px;font-weight:600;cursor:pointer;transition:.3s;border-bottom:3px solid transparent}.tab-btn:hover{color:var(--white)}.tab-btn.active{color:var(--teal);border-color:var(--teal);background:var(--surface)}.tab-content{padding:32px;display:none}.tab-content.active{display:block}.tab-content h3{color:var(--gold);margin-bottom:16px}.tab-content p{color:var(--gray);margin-bottom:12px}.tab-content ul{margin:16px 0 16px 24px;color:var(--gray)}.tab-content li{margin-bottom:8px}

/* Info Grid */
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:24px 0}.info-box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}.info-box h4{color:var(--teal);font-size:14px;margin-bottom:12px}.info-box p{color:var(--gray);font-size:14px}

/* Two Column */
.two-col{display:grid;grid-template-columns:1fr 360px;gap:40px}.main-col h1{font-size:32px;margin-bottom:20px}.main-col h2{font-size:24px;color:var(--white);margin:32px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.main-col h3{font-size:18px;color:var(--teal);margin:24px 0 12px}.main-col p{color:var(--gray);margin-bottom:16px}.main-col ul,.main-col ol{margin:16px 0 20px 24px;color:var(--gray)}.main-col li{margin-bottom:10px}.main-col li strong{color:var(--gold)}.side-col{position:sticky;top:100px;height:fit-content}.side-box{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:20px}.side-box h4{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.side-box ul{list-style:none}.side-box li{padding:10px 0;border-bottom:1px solid var(--border)}.side-box li:last-child{border-bottom:none}.side-box a{color:var(--white);font-size:14px}.side-cta{background:linear-gradient(135deg,var(--teal),#0d9488);border-radius:16px;padding:28px;text-align:center}.side-cta h4{font-size:20px;margin-bottom:8px}.side-cta p{font-size:14px;opacity:.9;margin-bottom:16px}.side-cta .btn{background:var(--bg);color:var(--teal)}

/* Data Table */
.d-table{width:100%;border-collapse:collapse;margin:20px 0}.d-table tr{border-bottom:1px solid var(--border)}.d-table td{padding:14px 16px}.d-table td:first-child{color:var(--gray);width:40%}.d-table td:last-child{font-weight:600}

/* Pros/Cons */
.eval-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.eval-box{background:var(--card);border-radius:12px;padding:20px}.eval-box.pro{border-left:4px solid #10b981}.eval-box.con{border-left:4px solid #f43f5e}.eval-box h4{font-size:14px;margin-bottom:12px}.eval-box.pro h4{color:#10b981}.eval-box.con h4{color:#f43f5e}.eval-box ul{list-style:none;font-size:14px;color:var(--gray)}.eval-box li{padding:5px 0;padding-left:20px;position:relative}.eval-box li::before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%}.eval-box.pro li::before{background:#10b981}.eval-box.con li::before{background:#f43f5e}

/* Auth */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 60px}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:48px;width:100%;max-width:420px;text-align:center}.auth-card .icon{width:80px;height:80px;background:linear-gradient(135deg,var(--teal),#0d9488);border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;font-size:36px}.auth-card h1{font-size:26px;margin-bottom:10px}.auth-card .sub{color:var(--gray);margin-bottom:28px}.auth-card .btns{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.auth-card .btns .btn{width:100%}.auth-card .note{color:var(--gray);font-size:13px}

/* FAQ */
.faq-list{margin:24px 0}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden}.faq-q{padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;font-weight:600}.faq-q::after{content:'+';color:var(--teal);font-size:20px;transition:.3s}.faq-item.open .faq-q::after{transform:rotate(45deg)}.faq-a{padding:0 20px 18px;color:var(--gray);display:none}.faq-item.open .faq-a{display:block}

/* Image */
.img-wrap{margin:24px 0;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.img-wrap img{width:100%;display:block}

/* Footer */
.footer{background:var(--surface);border-top:1px solid var(--border);padding:60px 0 30px;margin-top:80px}.footer-wrap{max-width:1300px;margin:0 auto;padding:0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand .logo{margin-bottom:16px}.footer-brand p{color:var(--gray);font-size:13px;line-height:1.7;max-width:280px}.footer-col h5{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px}.footer-col a{display:block;color:var(--gray);font-size:13px;margin-bottom:10px}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--border)}.footer-bottom p{color:var(--gray);font-size:12px;margin-bottom:12px}.disclaimer{display:inline-block;background:rgba(244,63,94,0.1);border:1px solid rgba(244,63,94,0.2);padding:14px 24px;border-radius:10px;font-size:11px;color:var(--gray)}

/* Responsive */
@media(max-width:1100px){.hero-wrap{grid-template-columns:1fr}.hero-visual{display:none}.stats-bar{grid-template-columns:repeat(3,1fr)}.stat-item:nth-child(4),.stat-item:nth-child(5){display:none}.two-col{grid-template-columns:1fr}.side-col{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.topbar{display:none}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);flex-direction:column;padding:20px;gap:0;border-bottom:1px solid var(--border)}.nav a{padding:14px 0;border-bottom:1px solid var(--border)}.nav.active{display:flex}.m-menu{display:block}.hdr-act{display:flex;gap:6px}.stats-bar{grid-template-columns:1fr 1fr;padding:24px}.stat-item{border-right:none;border-bottom:1px solid var(--border);padding-bottom:16px}.stat-item:nth-child(3),.stat-item:nth-child(4),.stat-item:nth-child(5){display:none}.h-scroll{padding-left:24px}.tab-nav{flex-wrap:wrap}.tab-btn{flex:0 0 50%}.info-grid,.eval-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}}
@media(max-width:768px){.hdr-act .btn{padding:8px 12px;font-size:11px}}