*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--wic-obsidian: #050509;--wic-void: #0a0a11;--wic-soft: #11111a;--wic-gold: #f7b733;--wic-gold-light: #fceabb;--wic-gold-deep: #d88c00;--clw-crimson: #d42b2b;--clw-ember: #ff5c1a;--clw-stinger: #ff2222;--primary: #f7b733;--primary-hot: #ff8c00;--accent: #d42b2b;--accent-bright: #ff5c1a;--grad-hero: linear-gradient(135deg, #f7b733 0%, #ff8c00 45%, #d42b2b 100%);--grad-gold: linear-gradient(90deg, #fceabb 0%, #f7b733 50%, #d88c00 100%);--grad-fire: linear-gradient(135deg, #d42b2b 0%, #ff8c00 50%, #f7b733 100%);--grad-card: linear-gradient(160deg, rgba(247,183,51,.06) 0%, rgba(212,43,43,.04) 100%);--bg: #050509;--bg2: #0a0a12;--bg-card: #0d0d16;--bg-nav: rgba(5,5,9,.92);--text: #f9fbff;--muted: #a0a4b8;--border: rgba(247,183,51,.12);--border-hot: rgba(247,183,51,.35);--border-red: rgba(212,43,43,.25);--shadow-gold: 0 0 40px rgba(247,183,51,.2);--shadow-fire: 0 0 40px rgba(212,43,43,.2);--shadow-card: 0 24px 60px rgba(0,0,0,.6);--font-mono: "Share Tech Mono", monospace;--font-head: "Orbitron", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(247,183,51,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 110%,rgba(212,43,43,.05) 0%,transparent 50%)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--accent-bright);text-decoration:none}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:var(--bg-nav);border-bottom:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.nav-logo{font-family:var(--font-head);font-size:15px;font-weight:900;letter-spacing:.22em;display:flex;align-items:center;gap:10px;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-scorpion{width:32px;height:32px;flex-shrink:0;filter:drop-shadow(0 0 5px rgba(212,43,43,.8));animation:scorpion-glow 3s ease-in-out infinite}.nav-links{display:flex;gap:28px;font-size:12px;letter-spacing:.06em}.nav-links a{color:var(--muted);transition:color .2s}.nav-links a:hover{color:var(--primary)}.hero{min-height:92vh;display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:center;padding:60px 5vw 40px;max-width:1200px;margin:0 auto;position:relative}.hero:before{content:"";position:absolute;width:600px;height:600px;left:-200px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(247,183,51,.06) 0%,transparent 65%);pointer-events:none;border-radius:50%}.hero:after{content:"";position:absolute;width:400px;height:400px;right:60px;bottom:-100px;background:radial-gradient(circle,rgba(212,43,43,.06) 0%,transparent 65%);pointer-events:none;border-radius:50%}.badge{display:inline-block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:#f7b73314;color:var(--primary);border:1px solid rgba(247,183,51,.25);padding:5px 14px;border-radius:20px;margin-bottom:22px}.hero-scorpion-wrap{margin-bottom:20px}.hero-scorpion{width:170px;height:170px;filter:drop-shadow(0 0 16px rgba(212,43,43,.7)) drop-shadow(0 0 40px rgba(247,183,51,.2));animation:scorpion-glow 3s ease-in-out infinite}.hero-text h1{font-family:var(--font-head);font-size:clamp(52px,8vw,96px);font-weight:900;line-height:.88;letter-spacing:-.02em;margin-bottom:24px;color:var(--text)}.gradient-text{background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:15px;color:var(--muted);max-width:460px;line-height:1.85;margin-bottom:36px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-primary{display:inline-block;background:linear-gradient(90deg,#fce74f,#d88c00);color:#000;font-family:var(--font-head);font-size:12px;font-weight:700;letter-spacing:.1em;padding:13px 30px;border-radius:36px;box-shadow:0 4px 24px #f7b73359;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #f7b73380;text-decoration:none;color:#000}.btn-primary.large{padding:16px 42px;font-size:14px}.btn-ghost{display:inline-block;border-radius:36px;padding:13px 26px;font-size:12px;letter-spacing:.06em;color:var(--muted);background:transparent;border:1px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1px #ffffff26;transition:color .2s,box-shadow .2s}.btn-ghost:hover{color:var(--primary);box-shadow:inset 0 0 0 1px #f7b73380,0 0 16px #f7b7331a;text-decoration:none}.hero-avatar{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-frame{position:relative;width:280px;height:420px;border-radius:12px;overflow:hidden;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(160deg,#f7b73380,#d42b2b4d,#f7b7331a) border-box;border:1px solid transparent;box-shadow:0 0 0 1px #f7b73314,0 0 40px #d42b2b1f,inset 0 0 60px #00000080}.avatar-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(247,183,51,.07) 0%,transparent 60%),radial-gradient(ellipse 80% 40% at 50% 100%,rgba(212,43,43,.07) 0%,transparent 60%)}.avatar-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.avatar-hud{position:absolute;bottom:14px;left:14px;z-index:10;display:flex;align-items:center;gap:6px;background:#050509d1;border:1px solid rgba(247,183,51,.2);border-radius:6px;padding:5px 12px;font-size:10px;letter-spacing:.14em;font-family:var(--font-head);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-dot{width:6px;height:6px;border-radius:50%;animation:pulse 1.5s ease-in-out infinite;flex-shrink:0;transition:background .4s}.avatar-scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px)}.avatar-caption{font-size:10px;color:var(--muted);letter-spacing:.1em;opacity:.6}.states-strip{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:22px 5vw;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);background-image:linear-gradient(90deg,transparent,rgba(247,183,51,.04) 50%,transparent)}.state-chip{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:6px 16px;transition:all .4s}.state-chip.active{color:var(--chip-color);border-color:var(--chip-color);background:#0000004d;box-shadow:0 0 14px color-mix(in srgb,var(--chip-color) 25%,transparent)}.chip-dot{width:5px;height:5px;border-radius:50%;background:var(--chip-color, #333);animation:pulse 1.5s ease-in-out infinite}.state-chip:not(.active) .chip-dot{background:#2a2a3a;animation:none}.features{padding:90px 5vw;max-width:1100px;margin:0 auto;text-align:center}.features h2{font-family:var(--font-head);font-size:30px;font-weight:700;letter-spacing:.12em;margin-bottom:52px;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;text-align:left}.feature-card{background:var(--bg-card);background-image:var(--grad-card);border:1px solid var(--border);border-radius:12px;padding:28px 24px;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad-fire);opacity:0;transition:opacity .3s}.feature-card:hover{border-color:#f7b7334d;box-shadow:0 0 30px #f7b7330f,var(--shadow-card);transform:translateY(-2px)}.feature-card:hover:before{opacity:1}.feature-icon{font-size:26px;display:block;margin-bottom:14px}.feature-card h3{font-family:var(--font-head);font-size:12px;letter-spacing:.1em;margin-bottom:10px;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card p{font-size:13px;color:var(--muted);line-height:1.75}.arch{padding:70px 5vw;background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;position:relative;overflow:hidden}.arch:before{content:"";position:absolute;width:500px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(247,183,51,.05) 0%,transparent 70%);pointer-events:none}.arch h2{font-family:var(--font-head);font-size:26px;letter-spacing:.12em;margin-bottom:44px;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arch-diagram{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;max-width:900px;margin:0 auto}.arch-box{background:#0a0a12e6;border:1px solid var(--border);border-radius:8px;padding:18px 24px;min-width:160px;display:flex;flex-direction:column;gap:4px}.arch-box.highlight{border-color:#f7b73366;box-shadow:0 0 24px #f7b7331a,0 0 60px #d42b2b0f;background-image:var(--grad-card)}.arch-box span{font-family:var(--font-head);font-size:11px;letter-spacing:.1em;color:var(--text)}.arch-box small{font-size:10px;color:var(--muted)}.arch-arrow{padding:0 16px;font-size:10px;color:var(--muted);text-align:center;line-height:1.4;white-space:nowrap}.arch-arrow:before{content:"──▶";display:block;font-size:16px;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.download{padding:90px 5vw;display:flex;justify-content:center;position:relative}.download-card{background:var(--bg-card);border:1px solid transparent;background-clip:padding-box;border-radius:20px;padding:52px 60px;text-align:center;max-width:560px;box-shadow:0 0 0 1px #f7b73326,0 0 80px #f7b73314,0 0 40px #d42b2b0d,var(--shadow-card);position:relative;overflow:hidden}.download-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad-hero)}.download-card h2{font-family:var(--font-head);font-size:26px;letter-spacing:.12em;margin-bottom:14px;background:var(--grad-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.download-card p{color:var(--muted);margin-bottom:32px;font-size:14px;line-height:1.7}.dl-actions{margin-bottom:28px}.dl-stack{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.dl-stack span{font-size:10px;letter-spacing:.1em;color:var(--muted);border:1px solid rgba(247,183,51,.12);border-radius:4px;padding:3px 10px;background:#f7b73308}.footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid var(--border);font-size:11px;color:var(--muted);letter-spacing:.08em;background:var(--bg2)}.footer a{color:var(--muted)}.footer a:hover{color:var(--primary)}@keyframes scorpion-glow{0%,to{filter:drop-shadow(0 0 6px rgba(212,43,43,.7)) drop-shadow(0 0 14px rgba(247,183,51,.15))}50%{filter:drop-shadow(0 0 14px rgba(212,43,43,.9)) drop-shadow(0 0 28px rgba(247,183,51,.3))}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media (max-width: 768px){.hero{grid-template-columns:1fr;text-align:center;padding-top:40px}.hero:before,.hero:after{display:none}.hero-sub{margin:0 auto 36px}.hero-actions{justify-content:center}.hero-avatar{order:-1}.hero-scorpion{width:130px;height:130px}.arch-diagram{flex-direction:column}.arch-arrow{transform:rotate(90deg)}.download-card{padding:36px 24px}}