:root,html{--s1:6px;--s2:10px;--s3:16px;--s4:22px;--s5:32px;--s6:48px;--s7:72px;--card-ink:rgba(8,16,16,0.72);--glass-ink:rgba(8,16,16,0.48)}body{background:radial-gradient(56% 42% at 10% 14%,rgba(238,136,102,.16) 0,transparent 56%),radial-gradient(48% 40% at 88% 80%,rgba(119,221,187,.12) 0,transparent 52%),radial-gradient(40% 34% at 50% 50%,rgba(221,119,136,.07) 0,transparent 48%),linear-gradient(165deg,#081212 0,var(--surface) 44%,#040a0a 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 480px at 16% 20%,rgba(238,136,102,.14) 0,transparent 66%),radial-gradient(circle 420px at 84% 76%,rgba(119,221,187,.1) 0,transparent 64%),radial-gradient(circle 360px at 48% 44%,rgba(221,119,136,.06) 0,transparent 60%);filter:blur(150px);animation:orbDrift 22s ease-in-out infinite alternate}@keyframes orbDrift{0%{transform:scale(1) translate(0);opacity:1}25%{transform:scale(1.05) translate(14px,-12px);opacity:.93}50%{transform:scale(.95) translate(-10px,16px);opacity:1}75%{transform:scale(1.03) translate(8px,6px);opacity:.94}to{transform:scale(1) translate(-6px,-8px);opacity:1}}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;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.68' 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.06;letter-spacing:-.02em;font-weight:700;max-width:18ch;margin:0 0 var(--s3)}.hero-title em{font-style:normal;color:#fff;background:linear-gradient(115deg,var(--accent) 0,var(--bridge) 38%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;filter:drop-shadow(0 4px 22px rgba(238,136,102,.45))}.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:700}.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);letter-spacing:0}.slabel b{color:var(--accent)}.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(46px) saturate(2.1) brightness(1.09);-webkit-backdrop-filter:blur(46px) saturate(2.1) brightness(1.09);background:var(--card-ink);border:1px solid var(--border);border-radius:4px}.fcard,.rcard{position:relative}.fcard:before,.rcard:before{content:"";position:absolute;inset:-1px;border-radius:4px;padding:1px;background:linear-gradient(140deg,rgba(238,136,102,.22),rgba(119,221,187,.14));-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;pointer-events:none;opacity:0;transition:opacity .3s}.fcard:hover:before,.rcard:hover:before{opacity:1}.fcard{padding:var(--s4);transition:border-color .25s,box-shadow .25s}.fcard:hover{border-color:rgba(238,136,102,.22);box-shadow:0 0 14px rgba(238,136,102,.14),0 0 52px rgba(238,136,102,.04)}.fcard .ico{color:var(--accent)}.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 18px rgba(238,136,102,.16),0 0 60px rgba(238,136,102,.04)}.rcard .slot img{transition:transform .4s}.rcard:hover .slot img{transform:scale(1.03)}.stats .num{font-family:var(--font-head);font-weight:700;font-size:clamp(1.5rem,4vw,2rem);color:var(--accent)}.stats .lbl{color:var(--ink-muted);font-size:.88rem}.scene{overflow:hidden;transition:border-color .25s}.scene:hover{border-color:rgba(119,221,187,.26)}.scene-tag{font-size:.78rem;font-weight:600;color:var(--primary);letter-spacing:0}.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:#fff;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 16px rgba(238,136,102,.36),0 0 56px rgba(238,136,102,.1);transform:translateY(-1px)}.btn-secondary,a.btn-secondary{border:1px solid rgba(119,221,187,.3);color:var(--primary);border-radius:4px;transition:border-color .25s,background .25s}.btn-secondary:hover,a.btn-secondary:hover{border-color:var(--primary);background:rgba(119,221,187,.07)}.sticky-bar{backdrop-filter:blur(46px) saturate(2.1) brightness(1.09);-webkit-backdrop-filter:blur(46px) saturate(2.1) brightness(1.09);background:rgba(6,14,14,.84);border-top:1px solid var(--border)}.chip-row li{background:rgba(238,136,102,.09);border:1px solid rgba(238,136,102,.16);color:var(--ink);border-radius:4px;font-size:.82rem}.mock-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px}.style-palette{width:clamp(244px,58vw,320px);backdrop-filter:blur(48px) saturate(2.2) brightness(1.08);-webkit-backdrop-filter:blur(48px) saturate(2.2) brightness(1.08);background:rgba(8,16,16,.66);border:1px solid var(--border);border-radius:4px;overflow:hidden;position:relative;box-shadow:0 0 20px rgba(238,136,102,.1),0 0 60px rgba(238,136,102,.03)}.sp-emoji{position:absolute;top:-10px;right:12px;font-size:1.6rem;z-index:2;filter:drop-shadow(0 2px 10px rgba(238,136,102,.35));animation:emojiFloat 4s ease-in-out infinite alternate}@keyframes emojiFloat{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-8px) rotate(6deg)}}.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(--accent)}.mock-sub{font-size:.74rem;color:var(--ink-muted)}.mock-body{padding:var(--s3);display:flex;flex-direction:column;gap:var(--s3)}.sp-swatches{display:flex;gap:var(--s2)}.sp-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:rgba(8,16,16,.4);transition:border-color .25s,box-shadow .25s;cursor:default}.sp-active{border-color:rgba(238,136,102,.4);box-shadow:0 0 8px rgba(238,136,102,.18),0 0 28px rgba(238,136,102,.05);background:rgba(238,136,102,.06)}.sp-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sp-active .sp-dot{box-shadow:0 0 6px currentColor}.sp-label{font-size:.72rem;font-weight:600;color:var(--ink-muted);white-space:nowrap}.sp-active .sp-label{color:var(--ink)}.sp-portrait{position:relative;aspect-ratio:3/4;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.sp-portrait .slot,.sp-portrait .slot img{width:100%;height:100%;object-fit:cover}.sp-portrait-meta{position:absolute;bottom:0;left:0;right:0;padding:var(--s2) var(--s3);background:linear-gradient(0deg,rgba(6,14,14,.82),transparent);display:flex;align-items:center;gap:var(--s2)}.sp-portrait-meta b{font-family:var(--font-head);font-size:.94rem;color:var(--ink)}.sp-style-tag{font-size:.68rem;font-weight:600;color:var(--primary);background:rgba(119,221,187,.1);padding:2px 8px;border-radius:4px;border:1px solid rgba(119,221,187,.18)}.sp-foot{flex-direction:column;align-items:center}.mock-row,.sp-foot{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(--accent)}.verdict-mark{font-family:var(--font-head);font-weight:700}.verdict-bar-fill{background:linear-gradient(90deg,var(--accent),var(--bridge))}.related-card{backdrop-filter:blur(46px) saturate(2.1) brightness(1.09);-webkit-backdrop-filter:blur(46px) saturate(2.1) brightness(1.09);background:var(--card-ink);border:1px solid var(--border);border-radius:4px;transition:border-color .25s}.related-card:hover{border-color:rgba(119,221,187,.22)}.rs-card{border:1px solid var(--border);border-radius:4px;padding:var(--s2) var(--s3);color:var(--ink);transition:border-color .2s,background .2s}.rs-card:hover{border-color:var(--primary);background:rgba(119,221,187,.05)}.sd-card{border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--card-ink);transition:border-color .2s}.sd-card:hover{border-color:rgba(238,136,102,.28)}.band.final-cta{position:relative}.band.final-cta:before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(238,136,102,.12) 0,rgba(119,221,187,.04) 50%,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){.style-palette{width:clamp(200px,74vw,280px)}.hero-title{max-width:14ch}.sp-swatches{gap:6px}.sp-chip{padding:3px 7px}.sp-label{font-size:.66rem}.sp-dot{width:8px;height:8px}.mock-av{width:28px;height:28px}}