:root,html{--s1:6px;--s2:10px;--s3:16px;--s4:22px;--s5:32px;--s6:48px;--s7:72px;--card-ink:rgba(16,12,28,0.72);--glass-ink:rgba(16,12,28,0.44);--glow-accent:rgba(255,107,138,0.22);--glow-primary:rgba(102,136,204,0.16)}body{background:radial-gradient(50% 38% at 22% 18%,rgba(255,107,138,.22) 0,transparent 56%),radial-gradient(44% 36% at 78% 76%,rgba(102,136,204,.18) 0,transparent 52%),radial-gradient(36% 30% at 50% 46%,rgba(204,119,170,.1) 0,transparent 48%),radial-gradient(28% 22% at 66% 30%,rgba(255,107,138,.08) 0,transparent 44%),linear-gradient(168deg,#0e0a1a 0,var(--surface) 40%,#080614 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 440px at 16% 20%,rgba(255,107,138,.22) 0,transparent 66%),radial-gradient(circle 380px at 84% 72%,rgba(102,136,204,.18) 0,transparent 64%),radial-gradient(circle 300px at 50% 50%,rgba(204,119,170,.1) 0,transparent 58%);filter:blur(150px);animation:orbFloat 24s ease-in-out infinite alternate}@keyframes orbFloat{0%{transform:translate(0) scale(1)}25%{transform:translate(16px,-18px) scale(1.05)}50%{transform:translate(-10px,22px) scale(.96)}75%{transform:translate(14px,-8px) scale(1.02)}to{transform:translate(-6px,12px) scale(1.04)}}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.028;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;text-transform:none}.hero-title{font-size:clamp(2.4rem,8.5vw,4rem);line-height:1.06;letter-spacing:-.015em;font-weight:700;max-width:18ch;margin:0 0 var(--s3)}.hero-title em{font-style:normal;color:#fff;background:linear-gradient(125deg,var(--accent) 0,#ff8eb0 30%,var(--bridge) 60%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;filter:drop-shadow(0 2px 16px rgba(255,107,138,.55)) drop-shadow(0 0 40px rgba(255,107,138,.2))}.hero-sub{font-size:1.14rem;line-height:1.56;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.6rem,5vw,2.3rem);margin:0 0 var(--s2);text-shadow:0 0 40px rgba(255,107,138,.12)}.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(--accent);text-shadow:0 0 18px rgba(255,107,138,.3)}.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(48px) saturate(2.2) brightness(1.1);-webkit-backdrop-filter:blur(48px) saturate(2.2) brightness(1.1);background:var(--card-ink);border:1px solid var(--border);border-radius:4px}.fcard{padding:var(--s4);transition:border-color .25s,box-shadow .25s,transform .25s;position:relative}.fcard:before{content:"";position:absolute;inset:-1px;border-radius:4px;padding:1px;background:linear-gradient(135deg,rgba(255,107,138,.18),rgba(102,136,204,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .3s;pointer-events:none}.fcard:hover:before{opacity:1}.fcard:hover{transform:translateY(-2px);box-shadow:0 0 18px rgba(255,107,138,.18),0 0 56px rgba(255,107,138,.06)}.fcard .ico{color:var(--accent);filter:drop-shadow(0 0 8px rgba(255,107,138,.35))}.fcard h3{font-size:1.08rem;margin:var(--s2) 0 var(--s1)}.rcard{overflow:hidden;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 0 12px rgba(255,107,138,.08)}.rcard:after{content:"";position:absolute;inset:0;border-radius:4px;background:linear-gradient(180deg,transparent 50%,rgba(10,8,22,.8) 90%);pointer-events:none;z-index:1}.rcard:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 0 20px rgba(255,107,138,.22),0 0 60px rgba(255,107,138,.06),0 0 4px rgba(255,107,138,.3)}.rcard .slot img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.rcard:hover .slot img{transform:scale(1.05)}.stats .num{font-family:var(--font-head);font-size:clamp(1.5rem,4vw,2.1rem);color:var(--accent);text-shadow:0 0 24px rgba(255,107,138,.35),0 0 60px rgba(255,107,138,.1)}.stats .lbl{color:var(--ink-muted);font-size:.88rem}.scene{overflow:hidden;transition:border-color .25s,box-shadow .25s}.scene:hover{border-color:rgba(102,136,204,.3);box-shadow:0 0 14px rgba(102,136,204,.1)}.scene-tag{font-size:.78rem;font-weight:600;color:var(--primary)}.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:var(--primary);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(--accent) 0,var(--bridge) 100%);color:#0a0816;font-weight:700;border:none;border-radius:4px;transition:box-shadow .25s,transform .15s;box-shadow:0 0 12px rgba(255,107,138,.2)}.btn-primary:hover,a.btn-primary:hover{box-shadow:0 0 8px rgba(255,107,138,.5),0 0 24px rgba(255,107,138,.25),0 0 64px rgba(204,119,170,.12);transform:translateY(-1px)}.btn-secondary,a.btn-secondary{border:1px solid rgba(102,136,204,.35);color:var(--primary);border-radius:4px;transition:border-color .25s,background .25s,box-shadow .25s}.btn-secondary:hover,a.btn-secondary:hover{border-color:var(--primary);background:rgba(102,136,204,.08);box-shadow:0 0 12px rgba(102,136,204,.14)}.sticky-bar{backdrop-filter:blur(48px) saturate(2.2) brightness(1.1);-webkit-backdrop-filter:blur(48px) saturate(2.2) brightness(1.1);background:rgba(10,8,22,.88);border-top:1px solid var(--border);box-shadow:0 -4px 24px rgba(10,8,22,.5)}.chip-row li{background:rgba(255,107,138,.1);border:1px solid rgba(255,107,138,.2);color:var(--ink);border-radius:4px;font-size:.82rem;transition:background .2s,border-color .2s}.chip-row li:hover{background:rgba(255,107,138,.16);border-color:rgba(255,107,138,.32)}.mock-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px}.art-panels{width:clamp(240px,56vw,310px);backdrop-filter:blur(48px) saturate(2.2) brightness(1.1);-webkit-backdrop-filter:blur(48px) saturate(2.2) brightness(1.1);background:rgba(16,12,28,.72);border:1px solid rgba(255,107,138,.14);border-radius:4px;overflow:hidden;box-shadow:0 0 22px rgba(255,107,138,.14),0 0 64px rgba(255,107,138,.04),inset 0 1px 0 rgba(255,255,255,.04);position:relative}.mock-head{padding:var(--s2) var(--s3);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.mock-title{font-family:var(--font-head);font-size:.92rem;color:var(--accent);font-weight:700;text-shadow:0 0 14px rgba(255,107,138,.3)}.mock-sub{font-size:.72rem;color:var(--ink-muted)}.mock-body{padding:var(--s2) var(--s3);display:flex;flex-direction:column;gap:var(--s2);min-height:160px;position:relative}.mock-emoji{position:absolute;top:4px;right:8px;font-size:1.1rem;opacity:.7;animation:emojiFloat 4s ease-in-out infinite alternate}@keyframes emojiFloat{0%{transform:translate(0) rotate(-4deg)}to{transform:translate(-6px,-8px) rotate(6deg)}}.art-panel{display:flex;gap:var(--s2);padding:var(--s1) var(--s2);border:1px solid var(--border);border-radius:4px;background:rgba(16,12,28,.4);transition:border-color .25s,box-shadow .25s,background .25s}.art-panel--active{border-color:rgba(255,107,138,.35);background:rgba(255,107,138,.08);box-shadow:0 0 12px rgba(255,107,138,.16),0 0 40px rgba(255,107,138,.05)}.art-panel-thumb{width:42px;height:42px;border-radius:4px;overflow:hidden;flex-shrink:0;border:1px solid var(--border)}.art-panel-thumb .slot,.art-panel-thumb .slot img{width:100%;height:100%;object-fit:cover}.art-panel-info{display:flex;flex-direction:column;gap:1px;min-width:0}.art-panel-name{font-family:var(--font-head);font-size:.82rem;color:var(--ink)}.art-panel-style{font-size:.68rem;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.art-panel-preview{font-size:.7rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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);transition:border-color .2s,box-shadow .2s}.mock-av:hover{border-color:rgba(255,107,138,.3);box-shadow:0 0 8px rgba(255,107,138,.2)}.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}.compare-bar-fill{background:linear-gradient(90deg,var(--accent),var(--bridge));box-shadow:0 0 10px rgba(255,107,138,.25)}.memory-fact{color:var(--ink)}.memory-callback{color:var(--ink-muted);font-style:italic}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{color:var(--ink);font-weight:600}.faq-num{color:var(--accent);text-shadow:0 0 12px rgba(255,107,138,.25)}.verdict-mark{color:var(--accent);font-family:var(--font-head);text-shadow:0 0 20px rgba(255,107,138,.3)}.verdict-bar-fill{background:linear-gradient(90deg,var(--accent),var(--bridge));box-shadow:0 0 8px rgba(255,107,138,.2)}.related-card{backdrop-filter:blur(48px) saturate(2.2) brightness(1.1);-webkit-backdrop-filter:blur(48px) saturate(2.2) brightness(1.1);background:var(--card-ink);border:1px solid var(--border);border-radius:4px;transition:border-color .25s,box-shadow .25s,transform .25s}.related-card:hover{border-color:rgba(102,136,204,.26);box-shadow:0 0 14px rgba(102,136,204,.1);transform:translateY(-2px)}.band.final-cta{position:relative}.band.final-cta:before{content:"";position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,138,.16) 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}.band+.band{border-top:1px solid rgba(255,107,138,.06)}@media (max-width:640px){.art-panels{width:clamp(200px,72vw,270px)}.hero-title{max-width:14ch}.art-panel-thumb{width:36px;height:36px}.mock-av{width:28px;height:28px}}