.relationship-hero{text-align:center;isolation:isolate;max-width:900px;margin:8px auto 18px;padding:clamp(34px,6vw,62px) 24px 30px;position:relative;overflow:hidden}.relationship-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#a94bd329,#0000 67%);width:min(580px,92vw);height:330px;position:absolute;top:29%;left:50%;transform:translate(-50%,-50%)}.relationship-hero .eyebrow{margin-bottom:22px}.relationship-names{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:start;gap:12px;max-width:780px;margin:0 auto;display:grid}.relationship-person{justify-items:center;gap:8px;min-width:0;display:grid}.relationship-person>strong{overflow-wrap:anywhere;letter-spacing:-.045em;max-width:100%;font-size:clamp(28px,4vw,40px);line-height:1.08}.relationship-person>small{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.relationship-zodiac{border:1px solid var(--border);background:var(--surface-secondary);max-width:100%;color:var(--text-secondary);border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;line-height:1.25;display:inline-flex}.relationship-zodiac .zodiac-icon{width:18px;height:18px;color:var(--purple);filter:none;flex:0 0 18px}.relationship-heart{width:34px;height:34px;color:var(--pink);place-items:center;margin:4px auto 0;display:grid}.relationship-heart:before,.relationship-heart:after{content:"";background:linear-gradient(90deg,#0000,#dc67c261);width:74px;height:1px;position:absolute;transform:translate(-47px)}.relationship-heart:after{transform:translate(47px)rotate(180deg)}.relationship-heart svg{fill:none;stroke:currentColor;stroke-width:1.7px;filter:drop-shadow(0 0 7px #e25eb866);width:20px}.relationship-index{justify-items:center;gap:1px;margin:clamp(26px,4vw,38px) auto 0;display:grid}.relationship-index strong{background:linear-gradient(112deg, var(--gradient-pink) 12%, var(--gradient-purple) 78%);color:#0000;letter-spacing:-.08em;filter:drop-shadow(0 8px 26px #b44dd229);-webkit-background-clip:text;background-clip:text;font-size:clamp(78px,10vw,108px);line-height:.88}.relationship-index strong small{letter-spacing:-.04em;margin-left:5px;font-size:.47em}.relationship-index>span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-size:12px;font-weight:700}.premium-score-comparison{max-width:420px;color:var(--text-secondary);grid-template-columns:auto auto;justify-content:center;gap:4px 14px;margin:14px auto -2px;font-size:12px;display:grid}.premium-score-comparison b{color:var(--text-primary)}.premium-score-comparison small{color:var(--text-muted);grid-column:1/-1;line-height:1.45}.relationship-hero h1{letter-spacing:-.045em;max-width:760px;margin:22px auto 0;font-size:clamp(27px,4vw,39px);line-height:1.14}.relationship-summary{max-width:690px;color:var(--text-secondary);margin:14px auto 0;font-size:15px;line-height:1.62}.relationship-quick{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:24px;display:flex}.relationship-quick>span{border:1px solid var(--border);background:var(--surface-secondary);min-height:38px;color:var(--text-secondary);border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:inline-flex}.relationship-quick svg{fill:none;width:16px;height:16px;stroke:var(--pink);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.relationship-quick b{color:var(--text-primary)}.relationship-quick--ai{background:linear-gradient(100deg, var(--gradient-pink), var(--gradient-purple));min-height:38px;box-shadow:var(--shadow-brand);background-size:160% 160%;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;color:#fff!important}.relationship-quick--ai svg{stroke:#fff}.relationship-quick--ai .product-price b{color:#fff!important}.relationship-quick--ai:hover{filter:brightness(1.08)}.relationship-method{max-width:630px;color:var(--text-muted);margin:22px auto 0;font-size:12px}.relationship-method summary{cursor:pointer;justify-content:center;align-items:center;gap:6px;list-style:none;display:flex}.relationship-method summary svg{color:var(--purple)}.relationship-method p{margin:9px 0 0;line-height:1.55}@media (prefers-reduced-motion:no-preference){.relationship-quick--ai{animation:6s ease-in-out infinite premium-cta-glow}.relationship-quick--ai svg{animation:2.8s ease-in-out infinite relationship-ai}@keyframes relationship-ai{50%{filter:drop-shadow(0 0 6px #fff);transform:scale(1.12)}}}@media (max-width:600px){.relationship-hero{margin-top:0;padding:30px 4px 22px}.relationship-hero:before{height:280px;top:37%}.relationship-names{grid-template-columns:1fr;gap:12px}.relationship-person>strong{font-size:clamp(30px,9vw,38px)}.relationship-heart{margin:-2px auto}.relationship-heart:before,.relationship-heart:after{display:none}.relationship-index{margin-top:30px}.relationship-index strong{font-size:clamp(80px,25vw,100px)}.relationship-hero h1{font-size:28px}.relationship-summary{font-size:14px}.relationship-quick{justify-items:stretch;max-width:300px;margin-left:auto;margin-right:auto;display:grid}.relationship-quick>span{justify-content:center}}