:root,html{--s1:6px;--s2:10px;--s3:16px;--s4:22px;--s5:32px;--s6:48px;--s7:72px;--card-ink:rgba(10,16,28,0.72);--glass-ink:rgba(10,16,28,0.48)}body{background:radial-gradient(55% 38% at 12% 16%,rgba(255,153,102,.18) 0,transparent 60%),radial-gradient(48% 42% at 88% 82%,rgba(51,102,204,.14) 0,transparent 56%),radial-gradient(40% 30% at 50% 50%,rgba(255,187,136,.08) 0,transparent 52%),linear-gradient(168deg,#070c18 0,var(--surface) 44%,#080e1a 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 420px at 14% 22%,rgba(255,153,102,.16) 0,transparent 70%),radial-gradient(circle 380px at 86% 74%,rgba(51,102,204,.13) 0,transparent 68%),radial-gradient(circle 300px at 50% 48%,rgba(255,187,136,.08) 0,transparent 64%);filter:blur(150px);animation:orbDrift 24s ease-in-out infinite alternate}@keyframes orbDrift{0%{transform:translate(0) scale(1)}33%{transform:translate(16px,-10px) scale(1.03)}66%{transform:translate(-12px,14px) scale(.97)}to{transform:translate(8px,-6px) scale(1.01)}}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;letter-spacing:-.01em}.hero-title{font-size:clamp(2.2rem,8vw,3.8rem);line-height:1.08;letter-spacing:-.02em;font-weight:800;max-width:18ch;margin:0 0 var(--s3)}.hero-title em{font-style:normal;color:#fff;background:linear-gradient(105deg,var(--primary) 0,var(--bridge) 50%,#6699DD 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;filter:drop-shadow(0 4px 18px rgba(255,153,102,.5))}.hero-sub{font-size:1.14rem;line-height:1.52;max-width:44ch;color:var(--ink);opacity:.88;margin:0 0 var(--s4)}.head{margin-bottom:var(--s4);max-width:48ch}.head h2{font-size:clamp(1.55rem,5vw,2.2rem);margin:0 0 var(--s2);font-weight:800}.head p{margin:0;font-size:1.02rem}.head p,.slabel{color:var(--ink-muted)}.slabel{font-size:.86rem;font-weight:600;font-family:var(--font-body);margin:0 0 var(--s2)}.slabel b{color:var(--primary)}.prose p{color:var(--ink);opacity:.84}.prose .lead{color:var(--ink);opacity:1;font-size:1.14rem}.fcard,.panel,.pcbox,.rcard,.scene,.test-card,.verdict-grid{backdrop-filter:blur(44px) saturate(2) brightness(1.08);-webkit-backdrop-filter:blur(44px) saturate(2) brightness(1.08);background:var(--card-ink);border:1px solid var(--border);border-radius:4px}.fcard{padding:var(--s4);transition:border-color .25s,box-shadow .25s}.fcard:hover{border-color:rgba(255,153,102,.3);box-shadow:0 0 12px rgba(255,153,102,.16),0 0 48px rgba(255,153,102,.05)}.fcard .ico{color:var(--primary)}.fcard h3{font-size:1.08rem;margin:var(--s2) 0 var(--s1)}.rcard{overflow:hidden;transition:transform .25s,box-shadow .25s}.rcard:hover{transform:translateY(-3px);box-shadow:0 0 16px rgba(255,153,102,.18),0 0 56px rgba(255,153,102,.05)}.rcard .slot img{transition:transform .4s}.rcard:hover .slot img{transform:scale(1.03)}.stats .num{font-family:var(--font-head);font-weight:800;font-size:clamp(1.5rem,4vw,2rem);color:var(--primary)}.stats .lbl{color:var(--ink-muted);font-size:.88rem}.scene{overflow:hidden;transition:border-color .25s}.scene:hover{border-color:rgba(102,153,221,.28)}.scene-tag{font-size:.78rem;font-weight:600;color:#6699DD}.scene h3{font-size:1.05rem;margin:var(--s1) 0}.test-card{padding:var(--s4)}.test-card .body{font-size:1.02rem;color:var(--ink);opacity:.88;line-height:1.55}.test-card .name{color:#6699DD;font-weight:600;font-size:.9rem}.pcbox{padding:var(--s4)}.pcbox.pros li .ico{color:#4ade80}.pcbox.cons li .ico{color:var(--ink-muted)}.btn-primary,a.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--bridge) 100%);color:#060a14;font-weight:700;border:none;border-radius:4px;transition:box-shadow .25s,transform .15s}.btn-primary:hover,a.btn-primary:hover{box-shadow:0 0 14px rgba(255,153,102,.35),0 0 52px rgba(255,153,102,.1);transform:translateY(-1px)}.btn-secondary,a.btn-secondary{border:1px solid rgba(102,153,221,.32);color:#6699DD;border-radius:4px;transition:border-color .25s,background .25s}.btn-secondary:hover,a.btn-secondary:hover{border-color:#6699DD;background:rgba(102,153,221,.08)}.sticky-bar{backdrop-filter:blur(44px) saturate(2) brightness(1.08);-webkit-backdrop-filter:blur(44px) saturate(2) brightness(1.08);background:rgba(6,10,20,.82);border-top:1px solid var(--border)}.chip-row li{background:rgba(255,153,102,.1);border:1px solid rgba(255,153,102,.18);color:var(--ink);border-radius:4px;font-size:.82rem}.mock-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px}.three-scenes{width:clamp(250px,58vw,320px);backdrop-filter:blur(46px) saturate(2.1) brightness(1.08);-webkit-backdrop-filter:blur(46px) saturate(2.1) brightness(1.08);background:rgba(10,16,28,.68);border:1px solid var(--border);border-radius:4px;overflow:hidden;box-shadow:0 0 18px rgba(255,153,102,.12),0 0 56px rgba(255,153,102,.04)}.mock-head{padding:var(--s2) var(--s3);display:flex;align-items:baseline;gap:var(--s2);border-bottom:1px solid var(--border)}.mock-title{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--primary)}.mock-sub{font-size:.74rem;color:var(--ink-muted)}.mock-body{padding:var(--s2) var(--s3);flex-direction:column}.mock-body,.scene-card{display:flex;gap:var(--s2)}.scene-card{padding:var(--s2);border:1px solid var(--border);border-radius:4px;transition:border-color .25s,background .25s}.scene-card--active{border-color:rgba(255,153,102,.36);background:rgba(255,153,102,.06);box-shadow:0 0 12px rgba(255,153,102,.1)}.scene-card-portrait{width:48px;height:48px;border-radius:4px;overflow:hidden;flex-shrink:0}.scene-card-portrait .slot,.scene-card-portrait .slot img{width:100%;height:100%;object-fit:cover}.scene-card-info{display:flex;flex-direction:column;gap:1px;min-width:0}.scene-card-tag{font-size:.68rem;font-weight:600;color:#6699DD;text-transform:uppercase;letter-spacing:.04em}.scene-card-label{font-family:var(--font-head);font-size:.88rem;font-weight:700;color:var(--ink)}.scene-card-name{font-size:.74rem;color:var(--primary);font-weight:600}.scene-card-line{font-size:.74rem;color:var(--ink-muted);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-foot{padding:var(--s2) var(--s3);flex-direction:column;align-items:center;border-top:1px solid var(--border)}.mock-foot,.mock-row{display:flex;gap:var(--s1)}.mock-av{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid var(--border)}.mock-av .slot,.mock-av .slot img{width:100%;height:100%;object-fit:cover}.mock-note{font-size:.72rem;color:var(--ink-muted);margin:0}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{color:var(--ink);font-weight:600}.faq-num,.verdict-mark{color:var(--primary)}.verdict-mark{font-family:var(--font-head);font-weight:800}.verdict-bar-fill{background:linear-gradient(90deg,var(--primary),var(--bridge))}.related-card{backdrop-filter:blur(44px) saturate(2) brightness(1.08);-webkit-backdrop-filter:blur(44px) saturate(2) brightness(1.08);background:var(--card-ink);border:1px solid var(--border);border-radius:4px;transition:border-color .25s}.related-card:hover{border-color:rgba(102,153,221,.24)}.mood-line{border:1px solid var(--border);border-radius:4px;padding:var(--s2) var(--s3);cursor:pointer;color:var(--ink);transition:border-color .2s,background .2s}.mood-line:hover{border-color:var(--primary);background:rgba(255,153,102,.06)}.vibe-card{border:1px solid var(--border);border-radius:4px;padding:var(--s3);transition:border-color .2s,background .2s}.vibe-card:hover{border-color:rgba(102,153,221,.32);background:rgba(51,102,204,.06)}.vibe-card .vibe-icon{font-size:1.4rem}.vibe-card h4{font-size:.92rem;margin:var(--s1) 0 2px;color:var(--ink)}.vibe-card p{font-size:.82rem;color:var(--ink-muted);margin:0}.band.final-cta{position:relative}.band.final-cta:before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,153,102,.12) 0,transparent 70%);filter:blur(80px);pointer-events:none}footer{border-top:1px solid var(--border)}.foot-col h2{font-family:var(--font-body);letter-spacing:0}@media (max-width:640px){.three-scenes{width:clamp(200px,72vw,280px)}.hero-title{max-width:14ch}.scene-card-portrait{width:40px;height:40px}.mock-av{width:28px;height:28px}}