@import url("https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400;500;600;700&family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap");:root,html{--s1:6px;--s2:10px;--s3:16px;--s4:22px;--s5:32px;--s6:48px;--s7:72px;--card-ink:rgba(10,12,18,0.68);--glass-ink:rgba(10,12,18,0.44)}body{background:radial-gradient(58% 42% at 14% 16%,rgba(255,68,119,.14) 0,transparent 56%),radial-gradient(44% 38% at 86% 80%,rgba(153,187,204,.11) 0,transparent 52%),radial-gradient(36% 26% at 52% 44%,rgba(221,85,153,.07) 0,transparent 48%),linear-gradient(168deg,#0c0e16 0,var(--surface) 40%,#080a10 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 420px at 12% 22%,rgba(255,68,119,.16) 0,transparent 66%),radial-gradient(circle 380px at 88% 74%,rgba(153,187,204,.13) 0,transparent 64%),radial-gradient(circle 300px at 46% 52%,rgba(221,85,153,.09) 0,transparent 60%);filter:blur(150px);animation:orbDrift 28s ease-in-out infinite alternate}@keyframes orbDrift{0%{transform:translate(0) scale(1)}25%{transform:translate(16px,-14px) scale(1.03)}50%{transform:translate(-8px,18px) scale(.97)}75%{transform:translate(12px,-6px) scale(1.01)}to{transform:translate(-6px,10px) scale(1.02)}}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:600;letter-spacing:.01em;text-transform:none}.hero-title{font-size:clamp(2.1rem,7.5vw,3.6rem);line-height:1.12;letter-spacing:-.01em;font-weight:700;max-width:18ch;margin:0 0 var(--s3)}.hero-title em{font-style:normal;color:#fff;background:linear-gradient(125deg,var(--primary) 0,var(--bridge) 40%,var(--accent) 80%,var(--primary) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;filter:drop-shadow(0 3px 16px rgba(255,68,119,.5))}.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.55rem,5vw,2.2rem);margin:0 0 var(--s2)}.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(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,.scene,.test-card{position:relative}.fcard:before,.scene:before,.test-card:before{content:"";position:absolute;inset:-1px;border-radius:4px;padding:1px;background:linear-gradient(145deg,rgba(255,68,119,.28),rgba(221,85,153,.12) 40%,rgba(153,187,204,.2));-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,.scene:hover:before,.test-card:hover:before{opacity:1}.fcard{padding:var(--s4);transition:border-color .25s,box-shadow .25s}.fcard:hover{border-color:rgba(255,68,119,.24);box-shadow:0 0 14px rgba(255,68,119,.16),0 0 52px rgba(255,68,119,.04)}.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 18px rgba(255,68,119,.18),0 0 60px rgba(255,68,119,.05)}.rcard .slot img{transition:transform .4s}.rcard:hover .slot img{transform:scale(1.03)}.stats .num{font-family:var(--font-head);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(153,187,204,.28)}.scene-tag{font-size:.78rem;font-weight:600;color:var(--accent)}.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(--accent);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) 55%,var(--accent) 120%);color:#0a0c12;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(255,68,119,.36),0 0 56px rgba(221,85,153,.1);transform:translateY(-1px)}.btn-secondary,a.btn-secondary{border:1px solid rgba(153,187,204,.3);color:var(--accent);border-radius:4px;transition:border-color .25s,background .25s}.btn-secondary:hover,a.btn-secondary:hover{border-color:var(--accent);background:rgba(153,187,204,.06)}.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(10,12,18,.86);border-top:1px solid var(--border)}.chip-row li{background:rgba(255,68,119,.08);border:1px solid rgba(255,68,119,.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}.video-preview{width:clamp(240px,56vw,310px);backdrop-filter:blur(48px) saturate(2.2) brightness(1.08);-webkit-backdrop-filter:blur(48px) saturate(2.2) brightness(1.08);background:rgba(10,12,18,.64);border:1px solid var(--border);border-radius:4px;overflow:hidden;position:relative;box-shadow:0 0 20px rgba(255,68,119,.12),0 0 64px rgba(255,68,119,.04)}.video-preview:before{content:"";position:absolute;inset:-1px;border-radius:4px;padding:1px;background:linear-gradient(160deg,rgba(255,68,119,.4),rgba(221,85,153,.18) 35%,rgba(153,187,204,.32) 70%,rgba(255,68,119,.2));-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;z-index:1}.mock-portrait-frame{position:relative;aspect-ratio:3/4;overflow:hidden;max-height:260px}.mock-portrait-frame .slot,.mock-portrait-frame .slot img{width:100%;height:100%;object-fit:cover}.mock-badge{position:absolute;top:var(--s2);left:var(--s2);right:var(--s2);font-size:.62rem;font-weight:700;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:rgba(10,12,18,.72);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(255,68,119,.2);border-radius:4px;padding:4px 8px;text-align:center;z-index:2}.mock-portrait-frame:not(:has(.mock-badge)){display:none}.mock-chat-overlay{position:relative;z-index:2}.mock-head{padding:var(--s1) var(--s3);display:flex;align-items:baseline;gap:var(--s2);border-bottom:1px solid var(--border)}.mock-title{font-family:var(--font-head);font-size:.92rem;font-weight:600;color:var(--primary)}.mock-sub{font-size:.72rem;color:var(--ink-muted)}.mock-body{padding:var(--s2) var(--s3);display:flex;flex-direction:column;gap:var(--s1);min-height:88px}.bubble{max-width:84%;padding:var(--s1) var(--s2);border-radius:4px;font-size:.78rem;line-height:1.4;position:relative}.bubble--her{align-self:flex-start;background:rgba(255,68,119,.1);border:1px solid rgba(255,68,119,.18);color:var(--ink)}.bubble--you{align-self:flex-end;background:rgba(153,187,204,.1);border:1px solid rgba(153,187,204,.16);color:var(--ink)}.bubble-text{display:inline}.bubble-react{position:absolute;bottom:-7px;right:-5px;font-size:.64rem;background:var(--card-ink);border:1px solid var(--border);border-radius:4px;padding:0 3px;line-height:1.6;z-index:3}.bubble--typing{background:rgba(255,68,119,.05);border-color:rgba(255,68,119,.12)}.typing-dots{display:flex;gap:4px;padding:2px 4px}.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--primary);opacity:.5;animation:dotPulse 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:.8;transform:scale(1)}}.mock-cta-row{padding:var(--s1) var(--s3) var(--s2)}.mock-cta-btn{display:block;text-align:center;font-size:.76rem;font-weight:700;font-family:var(--font-body);color:#0a0c12;background:linear-gradient(135deg,var(--primary) 0,var(--bridge) 60%,var(--accent) 140%);border-radius:4px;padding:6px 12px;letter-spacing:.02em}.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}.compare-split{border:1px solid var(--border);border-radius:4px}.faq-item,.ground-rule{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)}.verdict-bar-fill{background:linear-gradient(90deg,var(--primary),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(153,187,204,.24)}.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,68,119,.12) 0,transparent 68%);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){.video-preview{width:clamp(200px,74vw,280px)}.hero-title{max-width:14ch}.mock-portrait-frame{max-height:200px}.mock-av{width:28px;height:28px}.bubble{max-width:90%}}