/* ===== GLOBAL ENHANCEMENTS ===== */
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}

/* HERO */
.hero{background:radial-gradient(ellipse 120% 80% at 60% -20%,rgba(124,58,237,0.22) 0%,transparent 55%),radial-gradient(ellipse 80% 60% at 0% 80%,rgba(6,182,212,0.08) 0%,transparent 50%),var(--bg)}
.hero-glow{position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:1100px;height:700px;background:radial-gradient(ellipse,rgba(124,58,237,0.18) 0%,rgba(59,130,246,0.06) 40%,transparent 70%);pointer-events:none;animation:glowPulse 6s ease-in-out infinite}
@keyframes glowPulse{0%,100%{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.05)}}
.hero-grid{background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 100% 80% at 50% 0%,black 0%,transparent 75%)}
.hero-title{font-size:72px;font-weight:900;line-height:1.05;letter-spacing:-3px;margin-bottom:28px}
.gradient-text{background:linear-gradient(135deg,#fff 0%,#c4b5fd 35%,#60a5fa 70%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:shimmerText 5s ease-in-out infinite}
@keyframes shimmerText{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero-badge{background:linear-gradient(135deg,rgba(124,58,237,0.12),rgba(59,130,246,0.08));border:1px solid rgba(167,139,250,0.25);backdrop-filter:blur(8px)}
.hero-badge:hover{background:linear-gradient(135deg,rgba(124,58,237,0.2),rgba(59,130,246,0.15));border-color:rgba(167,139,250,0.4);text-decoration:none}
.badge-dot{background:linear-gradient(135deg,#a78bfa,#60a5fa);box-shadow:0 0 8px rgba(167,139,250,0.6)}

/* MODEL TAGS */
.hero-models{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.model-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:5px 12px;font-size:12px;color:var(--text-muted)}
.model-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.model-dot-green{background:#34d399;box-shadow:0 0 6px rgba(52,211,153,0.6)}
.model-dot-blue{background:#60a5fa;box-shadow:0 0 6px rgba(96,165,250,0.5)}
.model-dot-purple{background:#a78bfa;box-shadow:0 0 6px rgba(167,139,250,0.5)}
.os-tag{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:3px 10px;font-size:12px;color:var(--text-dim)}
.os-coming{opacity:.4}

/* MOCKUP */
.mockup-window{box-shadow:0 60px 160px rgba(0,0,0,0.8),0 0 0 1px rgba(255,255,255,0.06),inset 0 1px 0 rgba(255,255,255,0.08)}

/* STATS BAR */
.stats-bar{background:linear-gradient(90deg,#060610,#0a0a18,#060610);border-top:1px solid rgba(124,58,237,0.12);border-bottom:1px solid rgba(6,182,212,0.08);position:relative;overflow:hidden}
.stats-bar::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(124,58,237,0.04),rgba(6,182,212,0.03),transparent);pointer-events:none}
.stat-num{background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ===== FEATURE BLOCKS ===== */
.feat-block{padding:0}
.feat-block .section{padding:80px 40px}
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.feat-row-rev{direction:rtl}.feat-row-rev>*{direction:ltr}
.feat-text h2{font-size:38px;font-weight:900;letter-spacing:-1px;line-height:1.2;margin-bottom:16px}
.feat-text p{font-size:15px;color:var(--text-dim);line-height:1.8;margin-bottom:28px}
.feat-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;display:inline-block;padding:3px 12px;border-radius:99px}
.feat-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.feat-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-dim)}
.dot-c{width:7px;height:7px;border-radius:50%;flex-shrink:0}

/* TEAL */
.feat-teal{background:linear-gradient(180deg,#071420 0%,#0a1628 50%,#071420 100%);border-top:1px solid rgba(6,182,212,0.08);border-bottom:1px solid rgba(6,182,212,0.08)}
.feat-eyebrow.teal{background:rgba(6,182,212,0.1);color:#22d3ee;border:1px solid rgba(6,182,212,0.2)}
.grad-teal{background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.teal-c{background:#06b6d4}
.teal-card{border-color:rgba(6,182,212,0.25)!important;background:linear-gradient(135deg,rgba(6,182,212,0.07),rgba(6,182,212,0.02))!important}
.teal-card .fv-tag{background:rgba(6,182,212,0.12);color:#22d3ee;border-color:rgba(6,182,212,0.2)}
.fv-suggest{background:rgba(6,182,212,0.1);border-left:2px solid #06b6d4;padding-left:6px;border-radius:2px}

/* INDIGO */
.feat-indigo{background:linear-gradient(180deg,#0a0a1e 0%,#0c0c22 50%,#0a0a1e 100%);border-top:1px solid rgba(99,102,241,0.08);border-bottom:1px solid rgba(99,102,241,0.08)}
.feat-eyebrow.indigo{background:rgba(99,102,241,0.1);color:#a5b4fc;border:1px solid rgba(99,102,241,0.2)}
.grad-indigo{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.indigo-c{background:#6366f1}
.indigo-card{border-color:rgba(99,102,241,0.25)!important;background:linear-gradient(135deg,rgba(99,102,241,0.07),rgba(99,102,241,0.02))!important}
.indigo-tag{background:rgba(99,102,241,0.12)!important;color:#a5b4fc!important;border-color:rgba(99,102,241,0.2)!important}

/* ORANGE */
.feat-orange{background:linear-gradient(180deg,#120d06 0%,#150f08 50%,#120d06 100%);border-top:1px solid rgba(251,146,60,0.08);border-bottom:1px solid rgba(251,146,60,0.08)}
.feat-eyebrow.orange{background:rgba(251,146,60,0.1);color:#fb923c;border:1px solid rgba(251,146,60,0.2)}
.grad-orange{background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.orange-c{background:#f97316}
.orange-card{border-color:rgba(251,146,60,0.25)!important;background:linear-gradient(135deg,rgba(251,146,60,0.07),rgba(251,146,60,0.02))!important}
.orange-tag{background:rgba(251,146,60,0.12)!important;color:#fb923c!important;border-color:rgba(251,146,60,0.2)!important}
.diff-row{font-family:'Fira Code','Courier New',monospace;font-size:12.5px;padding:3px 8px;border-radius:4px;margin-bottom:2px;line-height:1.7}
.diff-row.del{background:rgba(239,68,68,0.08);border-left:3px solid rgba(239,68,68,0.4);color:#fca5a5}
.diff-row.add{background:rgba(16,185,129,0.07);border-left:3px solid rgba(16,185,129,0.4)}
.diff-arrow{font-size:12px;color:var(--text-muted);padding:6px 8px;font-style:italic}

/* GREEN */
.feat-green{background:linear-gradient(180deg,#060f0a 0%,#071410 50%,#060f0a 100%);border-top:1px solid rgba(16,185,129,0.08);border-bottom:1px solid rgba(16,185,129,0.08)}
.feat-eyebrow.green{background:rgba(16,185,129,0.1);color:#34d399;border:1px solid rgba(16,185,129,0.2)}
.grad-green{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.green-c{background:#10b981}
.green-card{border-color:rgba(16,185,129,0.25)!important;background:linear-gradient(135deg,rgba(16,185,129,0.07),rgba(16,185,129,0.02))!important}
.green-tag{background:rgba(16,185,129,0.12)!important;color:#34d399!important;border-color:rgba(16,185,129,0.2)!important}
.ext-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}
.ext-item:last-child{border-bottom:none}
.ext-icon{font-size:16px;width:24px;text-align:center}
.ext-name{flex:1;color:var(--text-dim)}
.ext-ok{color:#34d399;font-size:12px;font-weight:600}

/* FEAT VISUAL CARD */
.feat-visual{position:relative}
.fv-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.5)}
.fv-tag{font-size:11px;font-weight:700;padding:8px 14px;background:rgba(124,58,237,0.1);color:var(--purple-light);border-bottom:1px solid var(--border);letter-spacing:.5px}
.fv-body{padding:16px 18px;font-size:13px}
.fv-line{font-family:'Fira Code','Courier New',monospace;font-size:12.5px;line-height:1.8;white-space:nowrap;overflow:hidden}
.chat-body{display:flex;flex-direction:column;gap:8px}
.fv-chat{padding:8px 12px;border-radius:8px;font-size:13px;line-height:1.5}
.fv-chat.user{background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.2);color:var(--text-dim);text-align:right}
.fv-chat.ai{background:var(--bg3);border:1px solid var(--border);color:var(--text)}
.fv-chat code{background:rgba(0,0,0,0.3);border-radius:3px;padding:1px 5px;font-size:11px;color:#c3e88d;font-family:monospace}
.code-font{font-family:'Fira Code','Courier New',monospace}

/* COMPAT TAGS */
.compat-logos{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.compat-tag{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:5px 14px;font-size:13px;color:var(--text-dim);font-weight:500}

/* PRICING SECTION */
.pricing-section{background:linear-gradient(180deg,#08080f 0%,#0a0a16 50%,#08080f 100%)}

@media(max-width:900px){.feat-row{grid-template-columns:1fr;gap:32px}.feat-row-rev{direction:ltr}.feat-block .section{padding:60px 24px}.feat-text h2{font-size:28px}}

/* SCENARIOS */
.scenarios-section{background:linear-gradient(180deg,#07070f 0%,#0a0a14 50%,#08080f 100%);position:relative;overflow:hidden}
.scenarios-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,0.3),rgba(6,182,212,0.2),transparent)}
.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scenario-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:16px;padding:28px;position:relative;overflow:hidden;transition:all .3s}
.scenario-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,0.12)}
.sc-glow{position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;opacity:.15;filter:blur(30px);transition:opacity .3s}
.scenario-card:hover .sc-glow{opacity:.3}
.sc-glow-blue{background:#3b82f6}
.sc-glow-purple{background:#8b5cf6}
.sc-glow-teal{background:#06b6d4}
.sc-glow-orange{background:#f97316}
.sc-glow-green{background:#10b981}
.sc-glow-pink{background:#ec4899}
.sc-blue{border-color:rgba(59,130,246,0.12)}.sc-blue:hover{border-color:rgba(59,130,246,0.3);box-shadow:0 20px 48px rgba(59,130,246,0.08)}
.sc-purple{border-color:rgba(139,92,246,0.12)}.sc-purple:hover{border-color:rgba(139,92,246,0.3);box-shadow:0 20px 48px rgba(139,92,246,0.08)}
.sc-teal{border-color:rgba(6,182,212,0.12)}.sc-teal:hover{border-color:rgba(6,182,212,0.3);box-shadow:0 20px 48px rgba(6,182,212,0.08)}
.sc-orange{border-color:rgba(249,115,22,0.12)}.sc-orange:hover{border-color:rgba(249,115,22,0.3);box-shadow:0 20px 48px rgba(249,115,22,0.08)}
.sc-green{border-color:rgba(16,185,129,0.12)}.sc-green:hover{border-color:rgba(16,185,129,0.3);box-shadow:0 20px 48px rgba(16,185,129,0.08)}
.sc-pink{border-color:rgba(236,72,153,0.12)}.sc-pink:hover{border-color:rgba(236,72,153,0.3);box-shadow:0 20px 48px rgba(236,72,153,0.08)}
.sc-icon{font-size:36px;margin-bottom:16px}
.scenario-card h3{font-size:17px;font-weight:700;margin-bottom:10px;letter-spacing:-.3px}
.scenario-card p{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:16px}
.sc-tags{display:flex;flex-wrap:wrap;gap:6px}
.sc-tags span{font-size:11px;padding:3px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);color:var(--text-muted)}
@media(max-width:960px){.scenarios-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.scenarios-grid{grid-template-columns:1fr}}