:root{--ink:#302348;--muted:#766c87;--purple:#6a3de3;--plum:#522cc6;--lav:#efe7ff;--pink:#ffe1ed;--orange:#ff8464;--yellow:#ffe998;--mint:#d9f4e8;--bg:#fffaf6;--paper:#fff;--line:#eae2ee;--shadow:0 20px 60px rgba(71,38,97,.1);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);text-rendering:optimizeLegibility;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;min-width:320px}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff8e63;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Plus Jakarta Sans','DM Sans',sans-serif;letter-spacing:-.047em}p{line-height:1.76}h1{line-height:1.12}h2{line-height:1.19}h3{line-height:1.35}small{font-size:.76rem}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,250,246,.95);border-bottom:1px solid rgba(224,215,234,.68);backdrop-filter:blur(18px)}.header-inner{max-width:1390px;padding:13px 32px;margin:auto;display:flex;align-items:center;gap:25px;justify-content:space-between}.brand{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.66rem;font-weight:800;letter-spacing:-.075em;white-space:nowrap}.brand>span:nth-child(2){color:var(--purple)}.brand-star{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:5px;border-radius:12px;background:#ffe49f;color:#6a3de3;font-size:1.7rem;vertical-align:middle}.brand-dot{color:#ff896b}.nav-links{display:flex;align-items:center;gap:24px;font-weight:700;color:#6a6279;font-size:.88rem}.nav-links a{padding:12px 0;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current]{color:var(--purple)}.header-cta{border-radius:14px;background:var(--ink);color:white;padding:13px 19px;font-weight:800;font-size:.82rem;white-space:nowrap;transition:transform .2s}.header-cta:hover,.btn:hover{transform:translateY(-2px)}.mobile-toggle{display:none;background:white;border:1px solid var(--line);border-radius:11px;font-size:1.3rem;padding:8px 12px;color:var(--ink)}.hero{max-width:1450px;margin:auto;min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:84px 5.3% 95px;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;left:-170px;top:-160px;width:550px;height:550px;background:radial-gradient(circle,#faebff 0,transparent 68%);z-index:-1}.hero-left{max-width:635px;position:relative;z-index:2}.eyebrow{font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:var(--purple);display:inline-block;margin-bottom:19px}.hero h1{font-size:clamp(3.9rem,6vw,6.6rem);font-weight:800;letter-spacing:-.087em;margin:0 0 25px}.hero h1 em,.section h2 em,.tool-title em{font-style:normal;background:linear-gradient(105deg,#8450ea 14%,#ec5eaa 54%,#ff9461 85%);background-clip:text;color:transparent}.hero-heart{font-weight:400;color:#fc8f80;font-size:.69em}.hero-lead{font-size:1.17rem;max-width:540px;color:#6d627c;line-height:1.8}.hero-lead strong{color:var(--ink)}.hero-bullets{display:flex;gap:17px;flex-wrap:wrap;margin:30px 0 32px;color:#765c91;font-size:.85rem;font-weight:800}.text-jump{color:var(--purple);font-weight:900;border-bottom:2px solid var(--purple);padding-bottom:7px}.hero-right{position:relative;min-width:0}.orb{position:absolute;font-family:system-ui;display:grid;place-items:center;border-radius:50%;z-index:0}.orb-one{top:-95px;right:-25px;width:180px;height:180px;background:var(--pink);font-size:6rem;transform:rotate(16deg)}.orb-two{bottom:-85px;left:-66px;width:150px;height:150px;background:var(--yellow);font-size:5rem;transform:rotate(-12deg)}.orbit-arc{position:absolute;inset:-20% -24%;border:2px dashed #e6c7ea;border-radius:50%;z-index:-1;transform:rotate(-17deg)}.floating-badge{position:absolute;bottom:-29px;right:-18px;z-index:2;background:#ffe89d;box-shadow:0 12px 25px #ae822b25;border:1px solid white;border-radius:17px;padding:13px 17px;font-size:.79rem;font-weight:900;transform:rotate(-4deg)}.match-tool{position:relative;z-index:1;border:1px solid #eee3f6;border-radius:30px;box-shadow:var(--shadow);background:white;padding:28px 30px 24px;max-width:630px}.tool-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.69rem;font-weight:900;letter-spacing:.075em}.tool-live{color:var(--purple)}.tool-live i{width:8px;height:8px;border-radius:50%;background:#4fcb9f;display:inline-block;margin-right:6px;box-shadow:0 0 0 4px #e7f9f1}.tool-caption{color:#9990a9}.tool-title{margin-top:23px}.tool-title h2{font-size:clamp(1.7rem,2.1vw,2.2rem);line-height:1.2;margin:0 0 7px;letter-spacing:-.06em}.tool-title p{font-size:.84rem;color:var(--muted);margin:0 0 26px}.tool-fields{display:grid;grid-template-columns:1fr 50px 1fr;gap:11px;align-items:end}.tool-fields label{color:#8a7b99;letter-spacing:.09em;font-size:.69rem;font-weight:900;display:grid;gap:9px}.tool-fields select,.date-fields input{height:60px;width:100%;padding:0 36px 0 12px;border-radius:13px;border:1.5px solid #e8ddf3;background:#fbf8ff;color:var(--ink);font-size:.95rem;font-weight:800;cursor:pointer}.tool-fields select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%235f4583' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.swap-btn{height:48px;width:48px;border:1px solid #ebdff8;background:#f9f4ff;color:var(--purple);border-radius:50%;font-size:1.4rem;font-weight:800;cursor:pointer;transition:transform .2s}.swap-btn:hover{transform:rotate(180deg)}.birthday-disclosure{margin:18px 0 19px;border:1px solid #f0e8f3;border-radius:13px;background:#fdfbff;padding:12px 13px}.birthday-disclosure summary{list-style:none;display:flex;align-items:center;justify-content:space-between;color:var(--purple);font-size:.82rem;cursor:pointer;font-weight:800}.birthday-disclosure summary::-webkit-details-marker{display:none}.birthday-disclosure[open] summary span{transform:rotate(180deg)}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.date-fields label{font-size:.73rem;font-weight:800;color:#82728f}.date-fields input{height:42px;padding:0 7px;font-size:.78rem;display:block;margin-top:6px}.birth-note{margin:9px 0 0;font-size:.74rem;color:#897f99}.tool-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:51px;padding:13px 20px;font-weight:900;font-size:.89rem;transition:transform .2s,box-shadow .2s;cursor:pointer;text-align:center}.btn-primary{background:linear-gradient(110deg,#693ce6,#9253ef);color:white;box-shadow:0 11px 23px #6543c727}.btn-primary span,.btn-dark span{font-size:1.2rem}.btn-random{background:#ffe9a9;color:#5b3d42;border:1px solid #ffe0a1}.btn-outline{color:var(--purple);border:1px solid #cbb5ec;background:white}.btn-dark{color:#fff;background:#302348;white-space:nowrap}.tool-buttons .btn-primary{flex:1}.tool-error{font-size:.8rem;color:#a73d53;min-height:4px}.privacy-row{display:flex;justify-content:space-between;flex-wrap:wrap;color:#8c82a1;font-size:.69rem;font-weight:700;gap:8px;margin-top:17px}.match-result{margin-top:20px;border-radius:20px;border:1px solid #d6c6f2;background:linear-gradient(145deg,#f7f0ff,#fff5f9);padding:23px}.result-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.result-header strong{font-size:1.2rem;letter-spacing:-.05em}.result-summary{font-size:.83rem;color:#705b86}.result-score{background:#fff;border:1px solid #ebddf5;border-radius:14px;padding:14px;display:flex;align-items:center;gap:17px}.result-score strong{font-size:2.3rem;color:var(--purple);letter-spacing:-.08em}.result-score span{color:#706381;font-size:.8rem}.result-metrics{margin-top:15px;display:grid;gap:11px}.result-metric-head{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;font-weight:800}.result-track{height:8px;background:#e8ddf4;border-radius:40px;overflow:hidden;margin-top:6px}.result-track i{display:block;height:100%;border-radius:40px;background:linear-gradient(90deg,#7861ed,#f083b1)}.result-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.result-buttons a,.result-buttons button{border:1px solid #d9c8f0;border-radius:10px;background:#fff;color:#4d3c76;padding:11px 13px;font-size:.78rem;font-weight:900;cursor:pointer}.result-note{font-size:.73rem;margin-top:14px;color:#7f7290}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,125px);background:#2d2544;color:white;padding:12px 22px;border-radius:100px;box-shadow:0 8px 29px #27193a50;font-size:.86rem;z-index:500;transition:transform .24s;pointer-events:none}.toast.show{transform:translate(-50%,0)}
.section{padding:94px max(5.2%,calc((100vw - 1240px)/2))}.section-light{background:#f7f0ff}.section.slim{padding-top:54px;padding-bottom:65px}.section-head{text-align:center;max-width:730px;margin:0 auto 38px}.section-head.left{text-align:left;margin-left:0}.section-head h2{font-size:clamp(2rem,3.7vw,3.5rem);margin-bottom:17px}.section-head p{color:var(--muted);font-size:1.02rem}.intent-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.intent-cards.three{grid-template-columns:repeat(3,1fr)}.intent-card{border:1px solid #ece1ed;background:#fff;border-radius:22px;padding:30px 25px;min-height:240px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.intent-card:hover,.sign-card:hover,.pair-pill:hover,.pair-list:hover{transform:translateY(-4px);box-shadow:0 17px 32px #54308c16}.intent-icon{width:58px;height:58px;border-radius:17px;background:#ffdef1;color:#8e4bc6;display:grid;place-items:center;font-size:1.8rem;margin-bottom:25px}.intent-card:nth-child(2) .intent-icon{background:#fff0b9;color:#9e633d}.intent-card:nth-child(3) .intent-icon{background:#dff6ec;color:#3c9388}.intent-card:nth-child(4) .intent-icon{background:#e2e9ff;color:#5e68ba}.intent-card h3{font-size:1.19rem;margin-bottom:9px}.intent-card p{color:var(--muted);font-size:.86rem;margin-bottom:20px;flex:1}.intent-more{color:var(--purple);font-size:.81rem;font-weight:900}.pair-cloud{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.pair-pill{background:white;display:inline-flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #e9ddf3;border-radius:13px;font-weight:800;font-size:.84rem;transition:transform .2s,box-shadow .2s}.pair-pill span{font-size:1.12rem}.pair-pill b{color:var(--purple);background:#f0e9ff;padding:6px 7px;border-radius:8px;margin-left:5px;font-size:.8rem}.centered{text-align:center;margin-top:34px}.sign-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.sign-card{text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;background:white;padding:24px 10px 20px;border:1px solid #eadfee;border-radius:20px;min-width:0;transition:transform .2s,box-shadow .2s}.sign-card span{font-size:2.8rem;color:var(--purple)}.sign-card strong{font-size:.94rem}.sign-card small{color:var(--muted)}.split-text{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.split-text h2{font-size:clamp(2rem,3.7vw,3.2rem)}.split-text p{color:#685e78;line-height:1.85}.explain-card{border-radius:28px;border:2px dashed #d5b9ef;background:#fff;min-height:440px;padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;box-shadow:var(--shadow)}.explain-glyph{position:absolute;right:35px;top:24px;font-size:4.3rem;color:#f1a7ac}.explain-card>span:not(.explain-glyph):not(.explain-line){color:var(--purple);font-weight:800;font-size:.71rem;letter-spacing:.12em}.explain-card strong{font-size:2rem;letter-spacing:-.05em;margin-top:15px}.explain-card p{font-size:.85rem;max-width:300px;margin-bottom:10px}.explain-line{font-size:2rem;color:#e87eab}.upsell{max-width:1260px;margin:66px auto 74px;padding:38px 46px;border-radius:30px;background:#34224f;color:#fff;display:flex;align-items:center;gap:30px;position:relative;overflow:hidden}.upsell:after{content:'✺';position:absolute;right:22%;top:-130px;color:#ffffff09;font-size:450px;pointer-events:none}.upsell-icon{flex:0 0 110px;height:110px;width:110px;border:1px solid #ffcdac70;border-radius:50%;display:grid;place-items:center;color:#ffd29f;font-size:4rem;position:relative}.upsell-icon span{font-size:1.3rem;position:absolute;left:4px;top:7px}.upsell-copy{flex:1;position:relative;z-index:1}.sponsor-label{font-size:.7rem;color:#edba8a;font-weight:900;letter-spacing:.12em}.upsell h2{font-size:clamp(1.5rem,2.4vw,2.45rem);margin:9px 0}.upsell p{max-width:700px;color:#d2c6e3;margin-bottom:4px;font-size:.9rem}.upsell .fine-print{font-size:.72rem;color:#b8a9c7;margin-top:12px}.upsell .btn{background:#ffdf97;color:#302348;position:relative;z-index:1}.faq{max-width:900px;margin:0 auto}.faq details,.seo-faq details{border-bottom:1px solid #e6d8ed;padding:21px 5px}.faq summary,.seo-faq summary{cursor:pointer;font-weight:900;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after,.seo-faq summary:after{content:'+';color:var(--purple);font-size:1.4rem}.faq details[open] summary:after,.seo-faq details[open] summary:after{content:'−'}.faq details p,.seo-faq details p{color:#6f657e;margin:15px 0 0}.faq summary::-webkit-details-marker,.seo-faq summary::-webkit-details-marker{display:none}.footer{background:#2f2542;color:#fff;padding:70px max(5%,calc((100vw - 1280px)/2)) 30px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}.foot-brand{color:white}.foot-brand span{color:#e2b2ff}.footer-top p{font-size:.92rem;color:#d2c8de;max-width:350px;margin-top:18px}.footer-top small{color:#b2a6c3;display:block;line-height:1.7;max-width:350px}.foot-col{display:flex;flex-direction:column;gap:12px}.foot-col h3{font-size:.9rem;color:#f9ce92;letter-spacing:.05em}.foot-col a{font-size:.82rem;color:#ddd3e8}.foot-col a:hover{color:#fff}.footer-bottom{margin-top:52px;border-top:1px solid #615573;padding-top:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.74rem;color:#c1b5d1}.footer-bottom a{color:#efc49c}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#8b7b95;font-size:.78rem;font-weight:800;margin-bottom:28px}.breadcrumbs a:hover{color:var(--purple)}.article-hero,.sub-hero{background:linear-gradient(140deg,#f9eeff 0%,#fff7ee 65%,#fff6f9);padding:50px max(5.2%,calc((100vw - 1240px)/2)) 55px}.article-hero h1,.sub-hero h1{font-size:clamp(2.5rem,4.7vw,4.5rem);max-width:980px;margin:0 0 20px}.article-hero-flex{display:flex;align-items:center;justify-content:space-between;gap:40px}.article-hero-flex>div:first-child{max-width:780px}.article-subtitle,.wide-lead{font-size:1.06rem;max-width:750px;color:#746685}.chip-row{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.chip-row span{font-size:.8rem;color:#64468b;background:#fff;border:1px solid #e6d8f4;border-radius:30px;padding:9px 12px;font-weight:800}.pair-visual{flex:0 0 315px;min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.pair-visual:before,.pair-visual:after{content:'';position:absolute;inset:5px 4px;border:2px dashed #ebbaec;border-radius:50%;transform:rotate(13deg)}.pair-visual:after{inset:29px;border:1px solid #f9d6b6;transform:rotate(-10deg)}.pair-orbit{z-index:1;display:flex;align-items:center;justify-content:center;font-size:5.3rem;letter-spacing:.02em}.pair-orbit span{font-size:2.3rem;color:#f381b3;margin:0 5px}.pair-visual small{color:#8b6da5;font-weight:900;letter-spacing:.08em;z-index:1}.article-grid{max-width:1240px;padding:55px 5% 0;margin:auto;display:grid;grid-template-columns:minmax(0,810px) 270px;gap:55px}.article-grid article{min-width:0}.article-copy{max-width:820px}.article-copy h2{font-size:clamp(1.6rem,2.45vw,2.25rem);margin:43px 0 14px}.article-copy h2:first-child{margin-top:10px}.article-copy h3{font-size:1.28rem;margin-bottom:9px}.article-copy p,.article-copy li{font-size:.98rem;line-height:1.89;color:#625b6e}.article-copy strong{color:var(--ink)}.article-copy details{margin-bottom:5px}.score-panel{padding:28px;background:#fff;box-shadow:0 12px 45px #735e8e10;border:1px solid #ece0f1;border-radius:23px;display:flex;align-items:center;gap:34px;margin-bottom:44px}.score-ring{--deg:calc(var(--n)*3.6deg);width:170px;height:170px;flex:0 0 170px;border-radius:50%;background:conic-gradient(#8352e9 var(--deg),#f0e5ff 0);display:grid;place-items:center}.score-ring>div{background:white;border-radius:50%;height:132px;width:132px;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-ring strong{font-size:2.7rem;letter-spacing:-.08em;color:var(--purple)}.score-ring span{font-size:.8rem;font-weight:900;color:#a294b5}.score-bars{flex:1;display:grid;gap:14px}.metric-label{display:flex;justify-content:space-between;gap:10px;font-size:.87rem;font-weight:800}.metric-label strong{color:var(--purple)}.meter{height:9px;background:#ede7f5;border-radius:12px;overflow:hidden;margin-top:7px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#7450e6,#eb80af);border-radius:12px}.reading-dimension{border-top:1px solid #ecdfef;padding-top:27px;margin-top:31px}.dim-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.dim-heading h3{margin:0}.dim-heading span{text-transform:uppercase;color:#936bb9;font-size:.66rem;letter-spacing:.06em;font-weight:900}.insight-list{padding-left:24px;display:grid;gap:13px}.sticky-box{border:1px solid #e9dff0;border-radius:20px;background:white;padding:25px;position:sticky;top:100px}.sticky-box h3{font-size:1.08rem}.sticky-box>a{display:block;border-bottom:1px solid #efe9f3;padding:12px 0;font-size:.84rem;color:#67517c;font-weight:800}.sticky-box hr{border:0;border-top:1px solid #f0e7f3;margin:16px 0}.sticky-box p{font-size:.87rem;font-weight:900;margin-bottom:12px}.sticky-box>a.sidebar-action{border:0;text-align:center;background:#6d42dd;color:white;border-radius:10px}.sticky-box small{display:block;color:#9583a3;margin-top:12px}.article-grid+.upsell{margin-top:65px}.sign-hero{display:flex;align-items:center;gap:40px}.hero-zodiac{display:grid;place-items:center;width:170px;height:170px;flex:0 0 170px;border-radius:35px;color:#724cd4;background:radial-gradient(circle at 10% 10%,#fff1b3 0,#ffe3f0 53%,#e3d6ff 100%);font-size:6.5rem;box-shadow:0 17px 40px #7b50a225}.sign-hero h1{margin-bottom:16px}.pair-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.pair-list{border:1px solid #eadff0;background:#fff;border-radius:15px;padding:17px;display:flex;align-items:center;gap:14px;transition:transform .2s,box-shadow .2s}.pair-list-signs{font-size:1.65rem;white-space:nowrap}.pair-list>span:nth-child(2){flex:1;min-width:0}.pair-list strong,.pair-list small{display:block}.pair-list strong{font-size:.91rem}.pair-list small{font-size:.73rem;color:#90819c;margin-top:5px}.pair-list b{color:#7a49e8;font-size:.9rem}.pair-list>span:last-child{color:#afa0b9}.mini-panel{background:#fff;border:1px solid #e9ddf4;border-radius:23px;padding:33px;display:flex;gap:13px;flex-direction:column;box-shadow:0 16px 44px #7c55a411}.mini-panel h3{font-size:1.3rem;margin:9px 0 12px}.mini-panel h3:not(:first-child){margin-top:24px}.mini-panel .pair-pill{justify-content:space-between}.mini-panel p,.mini-panel li{font-size:.86rem;color:#6f607e}.mini-panel a:not(.pair-pill){color:var(--purple);font-weight:800}.choice-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.calc-page-wrap{max-width:660px;margin:38px auto 0}.calc-page-wrap .match-tool{max-width:none}.sub-hero:has(.calc-page-wrap){text-align:center}.sub-hero:has(.calc-page-wrap) .breadcrumbs{text-align:left}.sub-hero:has(.calc-page-wrap) .wide-lead{margin:auto}.sub-hero:has(.calc-page-wrap) h1{max-width:none}.calc-page-wrap .match-tool{text-align:left}.matrix-top{display:flex;align-items:center;justify-content:space-between;gap:17px}.matrix-top h2{font-size:2rem}.matrix-top label{font-size:.81rem;font-weight:800}.matrix-top select{border-radius:12px;padding:10px;border:1px solid #cfc1db;background:#fff;margin-left:9px}.matrix-caption{color:#85788d;font-size:.81rem}.matrix-scroll{overflow-x:auto;border-radius:20px;border:1px solid #e7dcea;background:white;box-shadow:var(--shadow);margin:24px 0 35px}.match-matrix{border-collapse:collapse;min-width:880px;width:100%;font-size:.73rem}.match-matrix th,.match-matrix td{text-align:center;padding:10px 5px;border:1px solid #f1eafa}.match-matrix thead th{background:#f6efff}.match-matrix thead th span{display:block;font-size:.63rem;font-weight:800}.match-matrix tbody th{text-align:left;background:#f9f3fc;padding:9px 12px;white-space:nowrap}.match-matrix td a{display:block;border-radius:8px;padding:6px 2px;background:#f8f4ff;color:#7352bd;font-weight:900}.match-matrix td a:hover{background:#e7d6ff}.match-matrix caption{padding:14px;text-align:left;color:#71637e;font-size:.84rem}.matrix-scroll+div#filtered-pairs{grid-template-columns:repeat(4,1fr)}#filtered-pairs .pair-pill{font-size:.73rem;justify-content:space-between}.section:has(>#filtered-pairs) .pair-list-grid{max-height:unset}.article-copy ol{padding-left:26px}.article-copy .seo-faq{margin-top:50px}.seo-faq h2{margin-bottom:8px}
@media(max-width:1160px){.nav-links{gap:14px;font-size:.8rem}.hero{gap:3%;padding-left:4%;padding-right:4%}.hero h1{font-size:clamp(3.6rem,5.5vw,5.4rem)}.intent-cards{grid-template-columns:repeat(2,1fr)}.sign-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.upsell{margin-left:4%;margin-right:4%;padding:35px}.matrix-scroll+div#filtered-pairs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.header-inner{padding:12px 20px}.mobile-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);box-shadow:0 16px 30px #54436818;padding:16px 22px;flex-direction:column;align-items:flex-start;gap:4px}.nav-links.open{display:flex}.nav-links a{width:100%;padding:12px}.header-cta{padding:12px;font-size:.74rem}.hero{grid-template-columns:1fr;gap:50px;padding:60px 6% 90px;max-width:720px}.hero h1{font-size:clamp(3.9rem,9vw,5.6rem)}.hero-right{width:100%;max-width:600px;margin:0 auto}.orb-one{right:-24px}.hero-left{max-width:600px}.section{padding:65px 5%}.article-grid{grid-template-columns:1fr;padding:45px 6%}.article-aside{display:none}.pair-visual{flex-basis:180px}.article-hero,.sub-hero{padding:46px 6%}.pair-orbit{font-size:4.1rem}.split-text{grid-template-columns:1fr;gap:30px}.explain-card{min-height:360px}.upsell{flex-wrap:wrap;padding:35px}.upsell .btn{margin-left:135px}.footer-top{grid-template-columns:repeat(3,1fr);gap:30px}.footer-top>div:first-child{grid-column:span 3}.matrix-scroll+div#filtered-pairs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.header-inner{padding:10px 15px;gap:10px}.brand{font-size:1.38rem}.brand-star{width:28px;height:28px;font-size:1.3rem;margin-right:3px}.header-cta{font-size:.68rem;padding:10px 9px}.mobile-toggle{font-size:1.1rem;padding:6px 9px}.hero{padding:43px 5% 80px;gap:40px}.hero h1{font-size:clamp(3.2rem,13vw,4.6rem);letter-spacing:-.085em}.hero-lead{font-size:1rem}.hero-bullets{gap:10px;font-size:.72rem}.eyebrow{font-size:.65rem}.match-tool{border-radius:23px;padding:22px 16px}.tool-title{margin-top:20px}.tool-title h2{font-size:1.7rem}.tool-fields{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:5px}.tool-fields select{padding:0 24px 0 8px;height:52px;font-size:.77rem;background-position:right 7px center}.swap-btn{height:34px;width:34px;font-size:1.2rem;align-self:end;margin-bottom:9px}.tool-buttons .btn{font-size:.81rem}.tool-buttons .btn-random{width:100%}.tool-buttons .btn-primary{width:100%}.orb-one{font-size:4rem;width:110px;height:110px;top:-45px;right:-20px}.orb-two{width:100px;height:100px;font-size:3.4rem;bottom:-50px;left:-17px}.floating-badge{font-size:.67rem;right:-3px;bottom:-38px}.section{padding:55px 5%}.section.slim{padding:38px 5%}.section-head{margin-bottom:27px}.section-head h2{font-size:2.2rem}.intent-cards,.intent-cards.three{grid-template-columns:1fr;gap:11px}.intent-card{min-height:0;padding:22px;display:grid;grid-template-columns:58px 1fr;column-gap:14px;align-items:center}.intent-icon{grid-row:span 3;margin:0;width:54px;height:54px}.intent-card h3{margin:0}.intent-card p{margin:4px 0;font-size:.8rem}.intent-more{font-size:.75rem}.pair-cloud{justify-content:stretch}.pair-cloud .pair-pill{flex:1;min-width:145px;justify-content:space-between;font-size:.77rem}.sign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sign-card{padding:15px 7px;gap:5px;border-radius:15px}.sign-card span{font-size:2rem}.sign-card strong{font-size:.79rem}.sign-card small{font-size:.66rem}.split-text h2{font-size:2.1rem}.explain-card{padding:27px;min-height:340px}.upsell{margin:37px 5%;padding:27px 24px;border-radius:24px;gap:15px}.upsell-icon{width:65px;height:65px;flex-basis:65px;font-size:2.5rem}.upsell h2{font-size:1.5rem}.upsell .btn{margin:0;width:100%;white-space:normal}.upsell-copy{flex-basis:calc(100% - 80px)}.footer{padding:52px 6% 28px}.footer-top{grid-template-columns:repeat(2,1fr)}.footer-top>div:first-child{grid-column:span 2}.footer-bottom{margin-top:28px}.article-hero,.sub-hero{padding:35px 5%}.article-hero h1,.sub-hero h1{font-size:clamp(2rem,8vw,2.9rem)}.article-hero-flex{align-items:flex-start;flex-direction:column;gap:5px}.pair-visual{min-height:180px;width:100%;flex:1 0 auto}.pair-orbit{font-size:4.4rem}.article-grid{padding:28px 5%}.score-panel{flex-direction:column;align-items:stretch;padding:20px;gap:21px}.score-ring{align-self:center;width:146px;height:146px;flex-basis:146px}.score-ring>div{width:115px;height:115px}.score-ring strong{font-size:2.3rem}.article-copy p,.article-copy li{font-size:.93rem}.article-copy h2{font-size:1.6rem;margin-top:32px}.dim-heading{display:block}.dim-heading span{display:block;margin-top:7px}.sign-hero{align-items:flex-start;gap:17px;flex-direction:column}.hero-zodiac{width:102px;height:102px;flex-basis:102px;border-radius:23px;font-size:4rem}.pair-list-grid,.matrix-scroll+div#filtered-pairs{grid-template-columns:1fr}.pair-list{padding:14px;gap:10px}.pair-list-signs{font-size:1.4rem}.choice-row .btn{width:100%}.mini-panel{padding:22px}.matrix-top{align-items:flex-start;flex-direction:column}.matrix-top h2{font-size:1.65rem}.date-fields{grid-template-columns:1fr}.privacy-row{font-size:.65rem}.result-buttons a,.result-buttons button{flex:1}.result-header strong{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.hero-seo{display:block;font-size:.22em;letter-spacing:.1em;font-weight:900;color:var(--purple);text-transform:uppercase;margin-bottom:23px} @media(max-width:600px){.hero-seo{font-size:.20em;letter-spacing:.07em;margin-bottom:19px}}

/* SignSpark NEON / v2 — purpose-built visual system from the approved concept image.
   No third-party font or image requests; cinematic illustration stored locally. */
:root{--ink:#f8f5ff;--muted:#c3b8de;--purple:#bd81ff;--plum:#a751ef;--lav:#2d1c54;--pink:#f861cf;--orange:#ff9666;--yellow:#ffd588;--mint:#47e7c3;--bg:#09071c;--paper:#191235;--line:rgba(187,128,255,.28);--shadow:0 22px 70px rgba(3,0,20,.54);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f8f5ff;background:#09071c;color-scheme:dark;scroll-behavior:smooth}
html{scroll-padding-top:85px}body{color:#f8f5ff;background:radial-gradient(ellipse at 52% 0%,#201054 0%,transparent 42%),radial-gradient(ellipse at 12% 55%,rgba(96,32,155,.18),transparent 42%),#09071c;min-width:320px}body::before{content:'';position:absolute;pointer-events:none;z-index:-1;inset:0 0 auto;height:1300px;background-image:radial-gradient(circle,#f0b8ffb0 1px,transparent 1.2px),radial-gradient(circle,#fee7a388 1px,transparent 1.8px),radial-gradient(circle,#a45cff80 1px,transparent 1.6px);background-size:131px 137px,211px 271px,311px 233px;background-position:20px 20px,60px 100px,180px 50px;opacity:.47}
#main-content{overflow:clip}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.036em;color:#fff8ff}p{color:#c8bfdd;line-height:1.68}strong{color:#fffbff}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #61d7ff;outline-offset:3px}
.site-header{border-bottom:1px solid #9b60e236;background:rgba(10,7,28,.79);backdrop-filter:blur(24px)}.header-inner{max-width:1540px;padding:13px 4.4%;min-height:74px;gap:24px}.brand,.foot-brand{font-family:Georgia,serif;font-weight:700;letter-spacing:-.06em;font-size:1.85rem;color:#fff;display:inline-flex;align-items:center;white-space:nowrap}.brand>span:nth-child(2){background:linear-gradient(100deg,#ff86dc,#ae80ff);background-clip:text;color:transparent}.brand-dot{display:none}.brand-star{display:inline-grid;place-items:center;line-height:1;width:43px;height:43px;margin-right:7px;border-radius:0;color:#ffb475;background:none;font-size:2.7rem;text-shadow:0 0 13px #ff7384,0 0 30px #ff8b69;transform:rotate(-8deg)}.nav-links{gap:26px;color:#ddd2ef;font-size:.86rem}.nav-links a{position:relative;font-weight:650;padding:12px 0}.nav-links a:hover,.nav-links a[aria-current]{color:#ffc8e9}.nav-links a[aria-current]:after{content:'';height:2px;left:0;right:0;bottom:1px;position:absolute;background:linear-gradient(90deg,#ff59bc,#ffa462);box-shadow:0 0 15px #ff79cb}.header-actions{display:flex;align-items:center;gap:9px}.icon-btn,.mobile-toggle{background:#23143f;border:1px solid #a667d869;color:#fff;border-radius:13px;width:39px;height:39px;display:grid;place-items:center;font-size:1.55rem;cursor:pointer;flex:0 0 auto}.icon-btn:hover,.mobile-toggle:hover{border-color:#fa71d9;box-shadow:0 0 16px #a643e260}.header-cta{border-radius:14px;background:linear-gradient(100deg,#f427d2,#ff8a60);box-shadow:0 5px 30px #ff44b050;color:#fff;font-weight:800;padding:13px 21px;text-align:center}.mobile-toggle{display:none}
.hero{max-width:1560px;min-height:740px;padding:65px 4.7% 44px;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:2%;overflow:visible;align-items:center}.hero::before{z-index:0;inset:-40px -10% 0;left:auto;right:-24%;height:830px;width:92%;background:radial-gradient(ellipse at 65% 40%,rgba(186,55,234,.24),transparent 58%),radial-gradient(ellipse at 24% 73%,rgba(59,82,214,.25),transparent 64%)}.hero-left{max-width:790px;z-index:3}.hero-kicker{color:#ffc38c!important;letter-spacing:.2em;font-size:.7rem}.hero h1{font-size:clamp(3.3rem,5.6vw,6rem);font-weight:700;letter-spacing:-.055em;line-height:.99;margin:4px 0 15px;text-shadow:0 0 20px #04001970}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#ffdb8a 5%,#ff9ca6 39%,#f56ad5 65%,#ad84ff 98%);background-clip:text;color:transparent;white-space:nowrap}.hero-heart{color:#ff85cf;position:relative;font-family:Georgia;font-weight:400;font-size:.6em;text-shadow:0 0 24px #ef5fea}.hero-seo{display:block;color:#d6add7;font-size:.18em;font-family:Inter,system-ui,sans-serif;letter-spacing:.12em;margin:0 0 15px;text-transform:uppercase;font-weight:750}.hero-lead{font-family:Georgia,serif;color:#fff3fb;font-size:clamp(1.12rem,1.65vw,1.52rem);line-height:1.36;margin:20px 0 12px;max-width:670px}.hero-desc{max-width:670px;color:#d4c3e4;font-size:.96rem;line-height:1.6;margin:0 0 25px}.hero-right{height:690px;position:relative;align-self:stretch;z-index:2;display:flex;align-items:center;justify-content:center;overflow:visible}.cosmic-art{position:absolute;inset:-32px -60px 20px -45px;background:url('/assets/images/cosmic-couple.webp') center 30%/cover no-repeat;mask-image:radial-gradient(ellipse 75% 75% at 55% 45%,black 44%,transparent 99%);filter:saturate(1.16);border-radius:50%;box-shadow:0 0 150px #8b40f450}.hero-orbit{position:absolute;font-size:3.6rem;color:#ffdd9c;text-shadow:0 0 24px #f96dcb;z-index:2;pointer-events:none}.orbit-one{top:5%;right:2%}.orbit-two{bottom:29%;left:2%;font-size:3rem}.orbit-three{top:17%;left:3%;font-size:2rem}.cosmic-caption{position:absolute;bottom:25px;right:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cosmic-caption span{border:1px solid #d675f17e;background:#181030d9;padding:10px 12px;color:#f5c5ed;border-radius:12px;font-size:.68rem;letter-spacing:.06em;font-weight:800;backdrop-filter:blur(12px)}
.match-tool{border:1px solid rgba(244,98,244,.52);background:linear-gradient(145deg,rgba(33,18,66,.95),rgba(9,9,36,.95));box-shadow:0 0 0 1px rgba(82,49,162,.4),0 13px 50px #09051fe8,0 0 42px #9d2bb139;border-radius:22px;padding:22px 23px;max-width:690px}.match-tool.compact{max-width:none}.tool-top{color:#d8b8fc}.tool-live{color:#eac8ff}.tool-live i{background:#5ce6cb;box-shadow:0 0 0 4px #55e5cb1d,0 0 14px #75fbe6}.tool-caption{color:#b7a0c7}.tool-title{margin-top:14px}.tool-title h2{font-family:Georgia,serif;font-size:1.47rem;letter-spacing:-.03em;margin-bottom:5px}.tool-title p{color:#c5afd9;font-size:.79rem;margin-bottom:17px}.tool-title em{background:linear-gradient(120deg,#f677cf,#ffbb71);background-clip:text;color:transparent;font-style:normal}.tool-fields{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:10px}.tool-fields label{color:#dabddd;font-size:.68rem;letter-spacing:.13em}.tool-fields select,.date-fields input{height:53px;color:#fcf8ff;background-color:#100b2b;border:1px solid #9c54da;border-radius:13px;padding:0 34px 0 13px;box-shadow:inset 0 0 25px #6b238f2a;font-size:.96rem}.tool-fields select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23eecaff' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;cursor:pointer}.tool-fields select option{background:#0e0828;color:#fff}.swap-btn{height:44px;width:44px;color:#fff;background:#2a124b;border:1px solid #dc5bee;box-shadow:0 0 21px #e854d343;font-size:1.65rem}.birthday-disclosure{background:#170d35;border:1px solid #884ac04d;padding:10px 13px;margin:14px 0}.birthday-disclosure summary{color:#caa6ed}.date-fields label{color:#d2c0e5}.birth-note{color:#bbaad1}.tool-buttons{gap:10px;margin:12px 0 0}.btn{font-family:Inter,ui-sans-serif,system-ui,sans-serif;border-radius:13px;font-weight:800;min-height:48px}.btn-primary{background:linear-gradient(105deg,#ec27d8,#f74eb1 45%,#ff9860);box-shadow:0 9px 31px #e938b75f;color:white}.btn-random{color:#f4dbfe;border:1px solid #ae6ce2;background:#100a2e;box-shadow:inset 0 0 22px #6a258b3b}.btn-outline{color:#efc1ff;border:1px solid #9459d5;background:#21133d}.btn-dark{background:linear-gradient(105deg,#ae3cec,#355fff);color:#fff}.tool-error{color:#ff9eb2}.privacy-row{border-top:1px solid #a25dc445;padding-top:13px;color:#bc9fc7;font-size:.65rem;gap:6px}.hero .privacy-row{margin-top:13px}
.match-result{background:linear-gradient(145deg,#231241,#100a29);border:1px solid #cf5dc9aa;box-shadow:0 0 30px #cf48d538;padding:17px;border-radius:16px}.result-header{flex-wrap:wrap}.result-header strong{font-family:Georgia,serif;font-size:1.25rem}.result-score{background:#110b29;border:1px solid #834bad;box-shadow:inset 0 0 34px #51259d33}.result-score strong{color:#ffc2ef}.result-score span,.result-summary,.result-note{color:#d1bce3}.result-track{background:#43305b}.result-track i{background:linear-gradient(90deg,#e93bbf,#7e86ff,#51dafa)}.result-buttons a,.result-buttons button{background:#291742;border:1px solid #8e57c0;color:#ffe4ff;cursor:pointer}.result-buttons a:hover,.result-buttons button:hover{background:#422562}.result-metric-head{color:#f7dafa}
.hero-bottom{max-width:1460px;padding:0 4.7%;margin:-54px auto 52px;position:relative;z-index:5}.teaser-score{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.75fr) auto;align-items:center;gap:24px;background:linear-gradient(110deg,#1c113ddf,#1d1247ef 55%,#170a33);box-shadow:0 0 45px #d248b328,0 12px 50px #030114de;border:1px solid #da57e37a;border-radius:24px;padding:22px 26px}.teaser-score h2{font-size:1.8rem;margin:2px 0 5px}.teaser-score h2 span{color:#f582e5}.teaser-score p{font-size:.75rem;line-height:1.45;margin:0}.teaser-rings{display:flex;justify-content:center;gap:13px;min-width:0}.teaser-rings>div{width:78px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.72rem;color:#e6daef}.teaser-rings strong{display:grid;place-items:center;width:68px;height:68px;position:relative;border:5px solid var(--ring);border-left-color:#544078;border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--ring) 35%,transparent);font-size:1.05rem}.teaser-rings small{white-space:nowrap;color:#d5c8e8}.teaser-link{color:#ffc9ff;font-size:.83rem;font-weight:800;white-space:nowrap;border-bottom:1px solid #ff8cea;padding-bottom:4px}
.section{background:transparent;padding:78px max(5.2%,calc((100vw - 1240px)/2))}.section-light{background:linear-gradient(125deg,#180d36,#100b2b);border-top:1px solid #572e7d2b;border-bottom:1px solid #6539802b}.eyebrow{color:#ffc394;font-size:.71rem;letter-spacing:.14em}.section-head h2{font-size:clamp(2rem,3.6vw,3.5rem)}.section-head h2 em,.split-text h2 em{background:linear-gradient(110deg,#ffd27f,#ff66b4,#ad85ff);background-clip:text;color:transparent;font-style:normal}.section-head p{color:#c7badd}.intent-card,.sign-card,.pair-pill,.pair-list,.mini-panel,.explain-card{border:1px solid #9d69dc45;background:linear-gradient(142deg,#20113f,#130e2f);box-shadow:0 8px 28px #07021d7d;color:#fff}.intent-card:hover,.sign-card:hover,.pair-pill:hover,.pair-list:hover{box-shadow:0 0 29px #b23dbc55;transform:translateY(-4px);border-color:#b466e9}.intent-icon{background:linear-gradient(145deg,#7330ab,#3b256c);color:#ffaddf;box-shadow:inset 0 0 22px #e5599a32;font-size:1.95rem}.intent-card:nth-child(2) .intent-icon{background:#352568;color:#a6ccff}.intent-card:nth-child(3) .intent-icon{background:#44204d;color:#ffb280}.intent-card:nth-child(4) .intent-icon{background:#26306b;color:#a6acff}.intent-card p,.sign-card small,.pair-list small{color:#bdb0d5}.intent-more{color:#f89ce7}.pair-pill{color:#f7eaff}.pair-pill b{color:#ffb7d3}.sign-card span{color:#ffbb7a;text-shadow:0 0 20px #d756bc8a}.explain-card{background:radial-gradient(circle at 65% 25%,#4f217d,#1b1139 65%)}.explain-card strong{color:#fff0fa}.explain-card p{color:#d3c0e5}.split-text h2{color:#fff}.split-text p{color:#c9bcda}.upsell{border:1px solid #d15de8b0;background:radial-gradient(circle at 10% 10%,#662373,#231347 48%,#170c39);box-shadow:0 8px 42px #ad32bb33}.upsell-icon{color:#ffb876;background:#251448;border:1px solid #d988d2}.upsell h2{color:#fff}.upsell p{color:#dac7ea}.sponsor-label{color:#ffd293}.fine-print{color:#b5a2c8!important}.faq details,.seo-faq details{background:#201438;border:1px solid #8c58b459;border-radius:13px;margin:8px 0;color:#fff}.faq summary,.seo-faq summary{color:#f4e9ff}.faq details[open],.seo-faq details[open]{border-color:#e379df}.faq p,.seo-faq p{color:#c9b7d9}
.sub-hero,.article-hero{background:radial-gradient(ellipse at 90% 10%,#4d216b 0%,transparent 43%),radial-gradient(ellipse at 0% 60%,#26135a 0%,transparent 55%),#100a2a;border-bottom:1px solid #833cab7a;color:#fff}.sub-hero h1,.article-hero h1{font-family:Georgia,serif;color:#ffeffe;font-size:clamp(2.45rem,4.5vw,4.6rem)}.article-subtitle,.wide-lead{color:#e2cee9}.breadcrumbs,.breadcrumbs a{color:#bfaccd}.chip-row span{background:#2b1944;border:1px solid #9452c0;color:#efbde9}.pair-visual,.hero-zodiac{background:radial-gradient(circle at 50% 35%,#693c98,#1d134c 76%);border:1px solid #a66dde;box-shadow:0 0 60px #a42cd745}.pair-orbit{color:#ffc890;text-shadow:0 0 20px #f78cc4}.article-grid article{min-width:0}.article-copy{color:#d9cfe6}.article-copy h2,.article-copy h3{color:#fff0fa}.article-copy p,.article-copy li{color:#cfc2de}.article-copy strong{color:#fff}.reading-dimension{border-bottom:1px solid #8d5fad66}.dim-heading span{background:#46244f;color:#ffd0e8;border:1px solid #8c488c}.score-panel,.sticky-box{background:#1e123b;border:1px solid #8e4bc18f;box-shadow:0 9px 38px #02001480}.score-ring{color:#ffe9fb}.score-ring>div{background:#190e2e}.score-ring strong{color:#ffd3ee}.score-bars .meter{background:#4d3467}.score-bars .meter i{background:linear-gradient(90deg,#d73cca,#4ab6f1)}.sticky-box a{color:#ffb4e9}.sticky-box p,.sticky-box small{color:#d4c2e2}.mini-panel{background:#21163f}.mini-panel a{color:#ffbdff}.matrix-scroll{border:1px solid #8759b5}.matrix-scroll table{background:#110a2a;color:#eee}.matrix-scroll th{background:#382058;color:#f6efff}.matrix-scroll td{border-color:#744ca8;color:#f6eafa}.matrix-scroll a{color:#fff}.pair-list{color:#fff}.pair-list strong{color:#fff}.pair-list b{color:#ffc0e6}.choice-row a{white-space:normal}.guide-next{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.deep-guide{max-width:920px!important;margin:auto}.deep-guide h2{margin-top:40px}.deep-guide p{font-size:1.06rem}.footer{background:#080619;border-top:1px solid #9d4fbb5c;color:#f0eaff}.footer p,.footer small{color:#bcaed1}.foot-col a{color:#ccb9d8}.footer-bottom{border-color:#6b3e865e}.footer-bottom a{color:#ffc3e7}.toast{background:#3a1e55;border:1px solid #e67bdf;box-shadow:0 5px 32px #aa2fc08c}
.dialog-backdrop[hidden]{display:none!important}.dialog-backdrop{position:fixed;inset:0;z-index:300;background:#050314d9;backdrop-filter:blur(9px);display:grid;place-items:start center;overflow:auto;padding:clamp(40px,10vh,120px) 18px 28px}.dialog-window{position:relative;width:min(670px,100%);max-height:80vh;overflow:auto;background:linear-gradient(145deg,#301950,#140e33);border:1px solid #cd72e3;border-radius:24px;padding:30px;box-shadow:0 0 90px #a041ba76}.dialog-window h2{font-size:clamp(1.6rem,4vw,2.6rem)}.dialog-close{position:absolute;right:18px;top:14px;background:#2b1748;color:#fff;border:1px solid #ad74d1;width:38px;height:38px;border-radius:12px;cursor:pointer}.search-label{display:block;font-size:.8rem;color:#dbb4ec;margin:15px 0 8px}.site-search-input{background:#110b2b;border:1px solid #a865e0;color:#fff;width:100%;padding:14px 15px;border-radius:12px;font-size:1rem}.site-search-results,.saved-matches-list{display:grid;gap:7px;margin:15px 0;max-height:46vh;overflow:auto}.site-search-results a,.saved-matches-list a{padding:12px 14px;background:#261645;border:1px solid #804da9;border-radius:11px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:9px}.site-search-results a:hover,.saved-matches-list a:hover{background:#43236a}.saved-matches-list p{color:#d3bdde}.saved-matches-list button{border:1px solid #ad74d1;color:#ffcdeb;background:#261440;border-radius:8px;padding:8px;cursor:pointer}.saved-match-item{display:grid;grid-template-columns:1fr auto;gap:10px}
@media(max-width:1200px){.hero{grid-template-columns:1.08fr .92fr;min-height:680px}.hero-right{height:650px}.cosmic-art{inset:0 -45px 0 -25px}.header-inner{padding:12px 3%}.nav-links{gap:16px}.teaser-score{grid-template-columns:1fr auto}.teaser-rings{grid-column:1/-1;grid-row:2;justify-content:space-around}.teaser-link{grid-column:2;grid-row:1}}
@media(max-width:900px){.header-inner{padding:11px 5%}.mobile-toggle{display:grid;margin-left:0}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#130b2bed;box-shadow:0 25px 50px #08021fb9;padding:15px 5%;flex-direction:column;align-items:stretch;border-bottom:1px solid #c758c373}.nav-links.open{display:flex}.nav-links a{width:100%;padding:12px}.header-cta{padding:11px 12px}.hero{max-width:720px;display:flex;flex-direction:column;padding:12px 5% 56px;gap:0;min-height:0}.hero-right{order:-1;width:100%;height:320px;margin:0}.hero-left{order:1;width:100%;max-width:none}.cosmic-art{inset:-30px -5% -15px;background-image:url('/assets/images/cosmic-couple-mobile.webp');background-size:cover;background-position: center 38%;mask-image:linear-gradient(180deg,black 0%,black 62%,transparent 100%);border-radius:0}.hero-orbit{font-size:2rem}.orbit-one{top:7%;right:8%}.orbit-two{bottom:19%;left:7%}.cosmic-caption{display:none}.hero h1{font-size:clamp(3.5rem,8vw,5.5rem)}.hero-bottom{margin:-28px auto 40px;max-width:720px;padding:0 5%}.teaser-score{display:flex;flex-direction:column;text-align:center}.teaser-rings{flex-wrap:wrap;gap:10px}.section{padding:65px 5%}.article-grid{padding:45px 6%}.article-aside{display:none}.upsell .btn{margin-left:0}.site-header{position:sticky}}
@media(max-width:600px){.header-inner{gap:8px;padding:10px 4%}.brand{font-size:1.45rem}.brand-star{width:30px;height:32px;font-size:2rem;margin-right:3px}.header-cta{display:none}.icon-btn{width:33px;height:35px;font-size:1.25rem}.mobile-toggle{width:35px;height:35px;font-size:1.1rem}.header-actions{gap:5px}.hero{padding:0 4% 46px}.hero-right{height:265px}.cosmic-art{inset:-15px -4% -10px}.hero h1{font-size:clamp(2.65rem,11.2vw,4.35rem);margin:8px 0 15px}.hero h1 em{white-space:normal}.hero-kicker{font-size:.58rem}.hero-lead{font-size:1.14rem;margin:12px 0}.hero-desc{font-size:.84rem;margin-bottom:17px}.hero-seo{font-size:.17em;margin-bottom:10px}.match-tool{padding:19px 14px;border-radius:19px}.tool-title h2{font-size:1.26rem}.tool-title p{font-size:.75rem;margin-bottom:13px}.tool-fields{grid-template-columns:minmax(0,1fr) 33px minmax(0,1fr);gap:5px}.tool-fields label{font-size:.61rem}.tool-fields select{font-size:.8rem;height:49px;padding:0 25px 0 8px;background-position:right 7px center}.swap-btn{height:32px;width:32px;font-size:1.25rem;align-self:end;margin-bottom:8px}.tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-buttons .btn{width:auto!important;min-width:0;font-size:.78rem;padding:10px 7px;min-height:46px}.tool-buttons .btn-primary{flex:unset}.privacy-row{flex-direction:column;gap:4px}.hero-bottom{margin:-30px auto 45px}.teaser-score{padding:21px 13px}.teaser-score h2{font-size:1.5rem}.teaser-rings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:2px}.teaser-rings>div{width:auto;font-size:.65rem;gap:5px;min-width:0}.teaser-rings strong{width:50px;height:50px;font-size:.77rem;border-width:4px}.teaser-rings small{font-size:.61rem}.section{padding:56px 5%}.section.slim{padding:39px 5%}.section-head h2{font-size:clamp(2rem,8vw,2.6rem)}.intent-cards,.intent-cards.three{grid-template-columns:1fr}.intent-card{grid-template-columns:58px 1fr;min-height:auto;padding:20px}.intent-card h3{font-size:1.08rem}.pair-cloud .pair-pill{min-width:145px;flex:1}.sign-grid{grid-template-columns:repeat(3,1fr)}.article-hero h1,.sub-hero h1{font-size:clamp(2.1rem,8vw,3rem)}.dialog-window{padding:22px 15px}.teaser-link{font-size:.84rem}.result-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.result-buttons a,.result-buttons button{min-width:0;text-align:center;padding:11px 7px;font-size:.72rem}.result-score strong{font-size:1.85rem}.upsell{margin:35px 5%}.upsell-icon{flex-basis:60px;width:60px;height:60px}.upsell-copy{flex-basis:calc(100% - 78px)}.upsell .btn{width:100%}.footer{padding:48px 5%}}
@media(max-width:375px){.hero h1{font-size:2.46rem}.tool-fields select{font-size:.72rem}.teaser-rings strong{width:46px;height:46px}.teaser-rings small{font-size:.56rem}.brand{font-size:1.3rem}.header-actions{gap:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Actual match result ring visualization */
.result-neon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:17px 0 14px}.result-neon-metric{text-align:center;min-width:0;display:grid;justify-items:center;gap:7px}.result-mini-ring{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ring) calc(var(--pct)*1%),#4c3868 0);box-shadow:0 0 22px color-mix(in srgb,var(--ring) 33%,transparent);position:relative}.result-mini-ring:before{content:'';position:absolute;inset:5px;border-radius:50%;background:#170e30}.result-mini-ring strong{position:relative;color:#fff;font-size:1rem}.result-neon-metric>span{color:#e5d3ef;font-size:.69rem;white-space:normal}
@media(max-width:600px){.result-neon-grid{gap:2px}.result-mini-ring{width:49px;height:49px}.result-mini-ring strong{font-size:.78rem}.result-neon-metric>span{font-size:.59rem}}

/* Astrology Match v4: faithful functional composition of approved homepage */
body{background:#070a1c;color:#fff6ee}
.site-header{background:rgba(5,9,26,.91);border-bottom:1px solid rgba(255,205,167,.13)}
.header-inner{max-width:1690px;padding:13px 4.8%;min-height:74px}
.brand{font-size:2rem;letter-spacing:-.055em}.brand>span:nth-child(2){background:linear-gradient(95deg,#fff 0%,#dd85d1 80%);background-clip:text;color:transparent}
.nav-links{gap:34px}.nav-links a{font-family:Georgia,serif;font-size:1rem;font-weight:500;color:#efe5ee}
.nav-links a[aria-current]{color:#ffd59a;border-bottom:2px solid #c98fd9}
.header-cta{border-radius:16px;background:linear-gradient(100deg,#c65cd7,#e69ab3 51%,#f4c071);box-shadow:0 0 24px #de8bb74d;color:#fff;padding:14px 23px;font-family:Georgia,serif;font-size:1rem}
#main-content{overflow:clip}
.hero{max-width:1690px;min-height:670px;grid-template-columns:minmax(0,55%) minmax(0,45%);gap:0;align-items:start;padding:34px 4.8% 34px;isolation:isolate;overflow:visible}
.hero::before{pointer-events:none;inset:-25px -6% 0 13%;width:auto;height:auto;background:radial-gradient(ellipse at 82% 45%,rgba(100,61,153,.28),transparent 53%),radial-gradient(ellipse at 20% 25%,rgba(41,40,109,.13),transparent 60%)}
.hero-left{position:relative;z-index:5;max-width:840px;padding-top:26px}
.hero-kicker{font-size:.82rem;letter-spacing:.25em;font-weight:600;color:#ffe0a4!important;margin-bottom:8px}
.hero h1{font-size:clamp(3.6rem,5.2vw,5.8rem);line-height:1.03;letter-spacing:-.045em;margin:4px 0 13px;font-weight:600;white-space:normal}
.hero h1 em{white-space:normal;background:linear-gradient(94deg,#ffdf9c 0%,#ffbd9b 43%,#e889be 80%);background-clip:text;color:transparent}
.hero-seo{display:none}.hero-heart{color:#f9b894;font-size:.55em}
.hero-lead{font-size:clamp(1.22rem,1.6vw,1.48rem);line-height:1.35;max-width:630px;color:#f8f1f4;margin:12px 0}
.hero-desc{font-size:.97rem;line-height:1.55;max-width:610px;color:#cfc8d6;margin-bottom:20px}
.hero-right{height:690px;position:relative;align-self:stretch;min-width:0;z-index:2;margin-top:-30px}
.cosmic-art{position:absolute;inset:-10px -16% 0 -24%;background-image:url('/assets/images/cosmic-couple.webp');background-size:contain;background-position:50% 23%;mask-image:radial-gradient(ellipse 85% 79% at 53% 46%,#000 50%,transparent 100%);filter:saturate(.96) contrast(1.02);border-radius:0;box-shadow:none;pointer-events:none;z-index:0}
.hero-orbit{display:none!important}
.hero-intent-links{display:grid;gap:9px;position:absolute;right:-7%;top:48%;width:205px;z-index:8}
.hero-intent-links .intent-card{min-height:69px;display:grid;grid-template-columns:41px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:11px;row-gap:0;position:relative;padding:11px 25px 11px 12px;border:1px solid rgba(224,152,225,.48);background:linear-gradient(105deg,rgba(58,41,80,.9),rgba(32,30,61,.89));backdrop-filter:blur(15px);box-shadow:0 5px 18px #07051f65;border-radius:15px;text-align:left;transition:transform .18s,background .18s}
.hero-intent-links .intent-card:hover,.hero-intent-links .intent-card:focus-visible{transform:translateX(-5px);background:linear-gradient(105deg,rgba(102,54,115,.97),rgba(56,43,86,.98))}
.hero-intent-links .intent-card::after{content:'›';position:absolute;right:11px;top:calc(50% - 13px);font-size:26px;color:#eee2ef;font-weight:300}
.hero-intent-links .intent-icon{grid-row:1/3;grid-column:1;width:39px;height:39px;border-radius:12px;margin:0;background:rgba(152,91,173,.24);font-size:1.55rem;color:#ffc2dc;box-shadow:none}
.hero-intent-links .intent-card:nth-child(2) .intent-icon{color:#9eb7ff;background:#4b457b70}
.hero-intent-links .intent-card:nth-child(3) .intent-icon{color:#ffdf98;background:#78602e50}
.hero-intent-links .intent-card:nth-child(4) .intent-icon{color:#ebadff;background:#62407360}
.hero-intent-links .intent-card:nth-child(5) .intent-icon{color:#cb9dff;background:#54438760}
.hero-intent-links strong{grid-column:2;grid-row:1;font-family:Georgia,serif;font-size:1rem;line-height:1.2;white-space:nowrap;color:white}
.hero-intent-links small{grid-column:2;grid-row:2;font-size:.61rem;color:#d0c4d5;line-height:1.45;white-space:nowrap}
/* The form is the primary action, not a content panel. */
.hero .match-tool{max-width:850px;min-height:0;padding:15px 20px 16px;margin-top:16px;background:linear-gradient(120deg,rgba(14,14,40,.89),rgba(42,29,65,.66));border:1px solid rgba(207,135,225,.65);border-radius:17px;box-shadow:0 11px 45px #060619a8;backdrop-filter:blur(12px)}
.hero .match-tool .tool-top,.hero .match-tool .tool-title,.hero .match-tool .privacy-row{display:none}
.hero .tool-fields{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:16px;align-items:end}
.hero .tool-fields label{font-family:Georgia,serif;font-size:.93rem;letter-spacing:0;font-weight:400;color:#f7e5e9;gap:7px}
.hero .tool-fields select{height:54px;border-radius:13px;border:1px solid #8666be;background-color:rgba(9,13,40,.91);color:#fff6f6;font-size:1rem;padding-left:16px}
.hero .swap-btn{width:44px;height:44px;margin-bottom:5px;background:#2a1649;border:1px solid #aa6fd6;color:#fff2f5;font-size:1.65rem;box-shadow:0 0 12px #b47bd959}
.hero .birthday-disclosure{padding:8px 10px;background:transparent;border:0;margin:7px 0 4px}
.hero .birthday-disclosure summary{font-size:.75rem;color:#ebceef;font-weight:600}
.hero .tool-buttons{display:block;margin-top:9px}.hero .tool-buttons .btn-primary{width:100%;background:linear-gradient(95deg,#b945df,#ed72b5 54%,#f9bf74);min-height:48px;border-radius:14px;font-size:1.05rem;font-family:Georgia,serif;font-weight:700;box-shadow:0 0 22px #e678bc57}
.hero .tool-buttons .btn-primary span{font-size:1.3rem}
.hero-bottom{position:relative;z-index:6;margin:-68px auto 45px;padding:0 4.8%;max-width:1690px;pointer-events:none}
.hero-bottom>*{pointer-events:auto}
.teaser-score{width:min(1010px,78%);display:grid;grid-template-columns:185px minmax(330px,1fr) 225px;align-items:center;gap:16px;padding:17px 20px;border:1px solid rgba(183,104,210,.75);background:linear-gradient(105deg,rgba(9,12,39,.96),rgba(19,19,54,.95));border-radius:17px;box-shadow:0 15px 35px #07061991}
.teaser-intro .eyebrow{font-size:.63rem;margin:0 0 7px;color:#ffcfa7}
.teaser-intro h2{font-family:Georgia,serif;font-size:1.65rem;white-space:nowrap;margin-bottom:9px}
.teaser-intro h2 span{color:#d8a5e8}.teaser-link{font-size:.76rem;color:#ffc49f}
.teaser-rings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;justify-content:space-between;align-items:center}
.teaser-rings>div{display:grid;justify-items:center;gap:8px;width:auto}
.teaser-rings strong{width:54px;height:54px;font-size:.87rem;border-width:5px}
.teaser-rings small{font-size:.66rem;white-space:nowrap;color:#eadfec}
.teaser-partner{border-left:1px solid rgba(226,186,255,.47);padding-left:18px}
.teaser-partner h3{font-family:Georgia,serif;font-size:1.24rem;line-height:1.15;margin:0 0 5px;letter-spacing:-.03em}
.teaser-partner p{font-size:.72rem;line-height:1.36;color:#c6bcd5;margin:0 0 10px}
.teaser-partner a{display:block;padding:9px 6px;background:linear-gradient(100deg,#9a40df,#4274e7);border-radius:10px;font-size:.67rem;font-weight:800;text-align:center;color:white}
.teaser-partner small{display:block;font-size:.56rem;text-align:center;margin-top:3px;color:#bcb2cd}
/* Intent pages: functional checker at the top; explanation below it. */
.functional-first{padding-top:18px!important;padding-bottom:25px!important}
.focus-feature{max-width:920px;margin:auto}.focus-feature>h2{font-size:1.9rem;margin:0 0 6px}.focus-feature>p{font-size:.88rem;margin:0 0 12px}.focus-feature>.match-tool{max-width:920px}
.below-tool{order:2}.sub-hero+.section.slim:has(.below-tool){display:flex;flex-direction:column}.sub-hero+.section.slim:has(.below-tool) .intent-cards{order:1}.sub-hero+.section.slim:has(.below-tool) .article-copy{order:2;margin-top:26px}
@media(max-width:1350px){.hero h1{font-size:clamp(3.1rem,5.4vw,5rem)}.hero-intent-links{right:-8%;width:175px}.hero-intent-links small{font-size:.54rem}.cosmic-art{inset:0 -16% 0 -21%}.teaser-score{width:86%;grid-template-columns:160px minmax(300px,1fr) 205px;gap:9px;padding:16px}.teaser-rings strong{width:48px;height:48px}.teaser-intro h2{font-size:1.43rem}}
@media(max-width:1050px){.hero{grid-template-columns:55% 45%;min-height:660px;padding-top:25px}.hero-right{height:620px}.hero-intent-links{right:-8%;top:43%;width:156px}.hero-intent-links .intent-card{min-height:62px;padding:9px 18px 9px 8px;grid-template-columns:32px 1fr;column-gap:6px}.hero-intent-links .intent-icon{width:32px;height:32px;font-size:1.3rem}.hero-intent-links strong{font-size:.81rem}.hero-intent-links small{font-size:.51rem}.teaser-score{width:95%;grid-template-columns:140px minmax(275px,1fr) 180px}.teaser-partner h3{font-size:1rem}}
@media(max-width:900px){.header-inner{padding:10px 5%}.hero{display:flex;flex-direction:column;min-height:0;max-width:720px;padding:0 5% 10px;gap:0}.hero-right{order:-1;width:100%;height:300px;margin:0}.cosmic-art{inset:-24px 0 -22px;background-image:url('/assets/images/cosmic-couple-mobile.webp');background-size:contain;background-position:center 20%;mask-image:linear-gradient(to bottom,black 63%,transparent 100%)}.hero-left{order:1;width:100%;max-width:unset;padding-top:8px}.hero-intent-links{position:relative;top:auto;right:auto;left:auto;width:100%;padding:0;margin-top:288px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;z-index:10}.hero-right:has(.hero-intent-links){height:auto;min-height:370px;display:block}.hero-intent-links .intent-card{min-height:66px;padding:7px 3px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:11px;gap:4px}.hero-intent-links .intent-card::after{display:none}.hero-intent-links .intent-icon{width:28px;height:28px;margin:0;font-size:1.1rem}.hero-intent-links strong{font-family:inherit;font-size:.64rem}.hero-intent-links small{display:none}.hero h1{font-size:clamp(2.5rem,8.6vw,4.2rem)}.hero .match-tool{margin-top:16px}.hero-bottom{margin:6px auto 33px;padding:0 5%;max-width:720px}.teaser-score{width:100%;display:flex;flex-direction:column;gap:14px}.teaser-rings{width:100%;max-width:540px}.teaser-partner{border-left:0;border-top:1px solid #865c9c69;padding:14px 0 0;text-align:center;width:100%}.teaser-partner a{max-width:350px;margin:0 auto}}
@media(max-width:600px){.brand{font-size:1.38rem}.header-cta{display:none}.hero-right:has(.hero-intent-links){min-height:305px}.hero-right{height:auto}.hero-intent-links{margin-top:239px}.hero-left{padding-top:5px}.hero h1{font-size:clamp(2.45rem,10.7vw,3.6rem)}.hero-kicker{font-size:.54rem}.hero-lead{font-size:1.05rem}.hero-desc{font-size:.8rem}.hero .match-tool{padding:13px 11px}.hero .tool-fields{gap:5px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}.hero .tool-fields label{font-size:.72rem}.hero .tool-fields select{height:49px;padding:0 23px 0 8px;font-size:.84rem}.hero .swap-btn{width:30px;height:33px;font-size:1.16rem;margin-bottom:6px}.hero .tool-buttons{display:block}.hero .tool-buttons .btn-primary{min-height:48px;width:100%!important;font-size:.96rem}.hero .birthday-disclosure{margin:5px 0 0}.teaser-score{padding:15px 12px}.teaser-rings strong{width:47px;height:47px}.teaser-rings small{font-size:.55rem}.teaser-intro h2{font-size:1.35rem}.hero-intent-links{gap:5px}.hero-intent-links .intent-card{min-height:61px}.hero-intent-links strong{font-size:.55rem}.hero-intent-links .intent-icon{width:24px;height:24px;font-size:1rem}}
@media(max-width:375px){.hero-right:has(.hero-intent-links){min-height:270px}.hero-intent-links{margin-top:204px}.hero-intent-links strong{font-size:.5rem}.hero .tool-fields label{font-size:.63rem}.teaser-rings strong{width:40px;height:40px}.hero h1{font-size:2.35rem}}

.focus-score-lead{padding:12px 13px;border:1px solid #9c74c1aa;background:#241336;border-radius:13px;margin-bottom:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.focus-score-lead strong{font-size:.93rem}.focus-score-lead span{font-size:.72rem;color:#ccbedd}.result-neon-metric[data-highlight-dimension="true"]{border:1px solid #cd90d7;border-radius:11px;background:#4c2c663f;padding:6px 0}

.brand>span:nth-child(2){margin-left:7px}

/* FINAL: full-width editorial flow + native contextual AstroSynth card */
.section.slim.article-copy,
.section.section-light.article-copy,
.section.slim > .article-copy,
.section > .article-copy,
.section.slim .article-copy,
.article-copy.deep-guide,
.article-copy.below-tool {max-width:none;width:100%;}
.section.slim.article-copy,
.section.section-light.article-copy {max-width:none;}
.article-copy::after {content:"";display:block;clear:both;}
.article-copy>p,.article-copy>ul,.article-copy>ol {max-width:none;}
.article-copy h2,.article-copy h3 {clear:none;}
/* On a typical 1440px screen, use an attractive broad content lane instead of a left half-column. */
.section.slim:has(> .article-copy),
.section.slim.article-copy {max-width:1430px;margin-inline:auto;}
/* Let the partnership card become part of the editorial, rather than a full-width ad banner. */
.article-copy > .upsell.upsell-inline {
  float:right;display:flex;flex-direction:column;align-items:flex-start;
  width:min(350px,32%);max-width:none;margin:2px 0 24px 36px;
  padding:23px;border-radius:22px;gap:11px;
  border:1px solid rgba(234,170,218,.48);
  background:linear-gradient(135deg,rgba(51,35,76,.97),rgba(23,24,61,.98));
  box-shadow:0 16px 42px rgba(3,5,28,.32);
  color:#fff;
}
.article-copy > .upsell.upsell-inline:after{right:-24px;top:-55px;font-size:200px;}
.article-copy > .upsell.upsell-inline .upsell-icon{width:58px;height:58px;flex:0 0 58px;font-size:2rem;}
.article-copy > .upsell.upsell-inline .upsell-copy{width:100%;}
.article-copy > .upsell.upsell-inline h2{font-family:Georgia,serif;font-size:clamp(1.36rem,2vw,1.78rem);line-height:1.2;margin:6px 0 10px;}
.article-copy > .upsell.upsell-inline p{font-size:.87rem;line-height:1.66;margin:0;color:#e0d7e8;}
.article-copy > .upsell.upsell-inline .fine-print{font-size:.7rem;line-height:1.5;margin-top:10px;color:#cec1d6;}
.article-copy > .upsell.upsell-inline .btn{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:.82rem;}
/* Pair: scores and partner in one coherent functional row, editorial goes FULL width below. */
.pair-reading-layout{max-width:1360px;margin:0 auto;padding:35px clamp(16px,4.8vw,70px) 76px;}
.pair-reading-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,325px);align-items:stretch;gap:24px;margin-bottom:26px;}
.pair-reading-top .score-panel{height:auto;margin:0;min-height:228px;}
.pair-reading-top > .upsell{margin:0;width:100%;max-width:none;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-radius:22px;border:1px solid rgba(234,170,218,.46);background:linear-gradient(125deg,#332348,#1c1b42);}
.pair-reading-top > .upsell:after{font-size:200px;top:-55px;right:-45px;}
.pair-reading-top .upsell-icon{width:54px;height:54px;flex:0 0 54px;font-size:2rem;}
.pair-reading-top .upsell h2{font-size:1.5rem;margin:6px 0 8px;line-height:1.2;}
.pair-reading-top .upsell p{font-size:.83rem;line-height:1.58;margin:0;}
.pair-reading-top .upsell .fine-print{font-size:.69rem;line-height:1.55;margin-top:9px;}
.pair-reading-top .upsell .btn{width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;margin-top:auto;font-size:.78rem;}
.pair-score-column{min-width:0;display:flex;flex-direction:column;gap:15px;}
.reading-jump-nav{display:flex;flex-wrap:wrap;gap:9px;}
.reading-jump-nav a{font-size:.76rem;font-weight:700;padding:9px 13px;border:1px solid rgba(199,148,244,.38);background:rgba(114,65,159,.14);border-radius:12px;color:#e6d2fa;}
.reading-jump-nav a:hover{background:rgba(169,102,215,.29);}
.pair-reading-layout > .article-copy{width:100%;max-width:none;margin:26px 0 0;}
.pair-reading-layout > .article-copy > p{width:100%;max-width:none;}
.pair-reading-layout > .article-copy .reading-dimension{width:100%;}
.pair-reading-layout .seo-faq{max-width:1050px;}
@media(max-width:930px){
 .article-copy>.upsell.upsell-inline{width:min(320px,42%);margin-left:22px;}
 .pair-reading-top{grid-template-columns:1fr;}
 .pair-reading-top>.upsell{display:grid;grid-template-columns:68px 1fr;column-gap:15px;}
 .pair-reading-top>.upsell .upsell-copy{grid-column:2;grid-row:1;}
 .pair-reading-top>.upsell .upsell-icon{grid-column:1;grid-row:1;}
 .pair-reading-top>.upsell .btn{grid-column:1/-1;}
}
@media(max-width:680px){
 .section.slim.article-copy,.section.section-light.article-copy{padding-left:5%;padding-right:5%;}
 .article-copy>.upsell.upsell-inline{float:none;width:100%;margin:0 0 25px;padding:21px;}
 .pair-reading-layout{padding:20px 5% 45px;}
 .pair-reading-top .score-panel{flex-wrap:wrap;}
 .pair-reading-top>.upsell{display:flex;flex-direction:column;}
 .pair-reading-top>.upsell .btn{width:100%;}
 .reading-jump-nav a{font-size:.71rem;}
}
/* Keep the interactive tool above the fold on topical landing pages. */
.sub-hero:has(+ .functional-first){padding-top:24px;padding-bottom:15px;}
.sub-hero:has(+ .functional-first) .breadcrumbs{margin-bottom:10px;}
.sub-hero:has(+ .functional-first) h1{font-size:clamp(2rem,3vw,3.25rem);max-width:1230px;margin:9px 0 11px;line-height:1.12;}
.sub-hero:has(+ .functional-first) .wide-lead{font-size:.94rem;max-width:1080px;margin:0 0 6px;}
.functional-first{padding-top:14px!important;padding-bottom:22px!important;}
.focus-feature{max-width:1150px;}
.focus-feature>.match-tool{max-width:1150px;}
.focus-feature>h2{font-size:1.5rem;}
/* Keep guide SEO text wide as well; previous version forced deep guides to 920px. */
.section.slim.article-copy.deep-guide,.article-copy.deep-guide{max-width:1320px!important;margin-left:auto;margin-right:auto;}
/* Pair reports: report data leads, with a compact descriptive headline above it. */
.article-hero:has(+ .pair-reading-layout){padding-top:24px;padding-bottom:23px;}
.article-hero:has(+ .pair-reading-layout) .breadcrumbs{margin-bottom:11px;}
.article-hero:has(+ .pair-reading-layout) h1{font-size:clamp(2.15rem,3.65vw,3.55rem);line-height:1.09;max-width:950px;}
.article-hero:has(+ .pair-reading-layout) .pair-visual{min-height:155px;flex-basis:240px;}
.article-hero:has(+ .pair-reading-layout) .pair-orbit{font-size:4rem;}
.article-hero:has(+ .pair-reading-layout) .article-subtitle{font-size:.93rem;}
.article-hero:has(+ .pair-reading-layout) .chip-row{margin:13px 0;}
.pair-reading-layout{padding-top:22px;}
@media(max-width:680px){
 .article-hero:has(+ .pair-reading-layout) h1{font-size:2.1rem;}
 .article-hero:has(+ .pair-reading-layout) .pair-visual{display:none;}
 .sub-hero:has(+ .functional-first) h1{font-size:2.15rem;}
}

/* v6 — editorial sticky right rail, never overlapping prose */
.editorial-grid{width:min(100%,1480px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,330px);gap:clamp(20px,2.5vw,38px);align-items:start;padding:26px clamp(16px,4vw,60px) 60px}
.editorial-main{min-width:0}
.editorial-main > .article-copy,.editorial-main > .section.slim.article-copy,.editorial-main > .section.article-copy{max-width:none!important;margin:0!important;padding:0!important;width:100%}
.editorial-aside{align-self:stretch;min-width:0;position:relative}
.editorial-aside>.upsell,.editorial-aside>.upsell.upsell-inline{float:none!important;display:flex;position:sticky;top:116px;width:100%;min-width:0;max-width:none;margin:0!important;box-sizing:border-box;padding:24px;border-radius:22px;flex-direction:column;align-items:flex-start;gap:11px}
.editorial-aside .upsell .btn{min-height:44px;width:100%;text-align:center;white-space:normal}
.editorial-grid .article-copy p{max-width:none}
/* Pair comparison: scores first, advert sticky at right for the entire article. */
.pair-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,330px);grid-template-areas:'score rail' 'copy rail';gap:0 clamp(20px,2.5vw,36px);align-items:start}
.pair-main{display:contents}
.pair-page-grid .pair-score-column{grid-area:score;min-width:0;margin-bottom:28px}
.pair-page-grid>.pair-main>.article-copy{grid-area:copy;min-width:0;max-width:none;width:100%;margin:0!important}
.pair-page-grid .pair-aside{grid-area:rail;align-self:stretch;position:relative;min-width:0}
.pair-page-grid .pair-aside>.upsell{float:none;position:sticky;top:116px;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:none;margin:0;padding:24px;gap:10px;border-radius:22px;background:linear-gradient(130deg,#332349,#1e1a40);border:1px solid rgba(228,172,226,.42)}
.pair-page-grid .pair-aside>.upsell .btn{width:100%;margin-top:10px;min-height:44px;white-space:normal}
.pair-page-grid .pair-aside>.upsell h2{font-size:1.5rem;line-height:1.18}
.pair-page-grid .pair-aside>.upsell p{font-size:.85rem;line-height:1.56}
/* Compatibility matrix: clear visualization, tooltip, finger-friendly alternative */
.compatibility-matrix{max-width:1500px;margin:auto;padding-top:54px;padding-bottom:48px}
.compatibility-matrix .matrix-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.compatibility-matrix .matrix-top h2{font:700 clamp(1.8rem,3vw,2.75rem)/1.12 Georgia,serif;margin:4px 0 10px;color:#fff3f9}
.compatibility-matrix .matrix-top p{color:#c6bcd6;margin:0;max-width:770px}
.compatibility-matrix .matrix-top label{flex:0 0 auto;color:#e0cee9;font-size:.83rem}
.compatibility-matrix .matrix-top select{display:block;min-width:190px;background:#26183d;color:#fff;border:1px solid #9866b3;border-radius:12px;padding:10px 13px;margin-top:7px;font-size:.91rem}
.compatibility-matrix .matrix-scroll{overflow:auto;max-width:100%;border:1px solid #665b85;border-radius:20px;background:#151f38}
.compatibility-matrix .match-matrix{width:100%;min-width:950px;border-collapse:separate;border-spacing:4px;background:transparent;font-size:.82rem}
.compatibility-matrix .match-matrix th,.compatibility-matrix .match-matrix td{background:transparent;border:0;text-align:center;padding:0}
.compatibility-matrix .match-matrix thead th{font-weight:600;font-size:1.4rem;padding:8px 4px}
.compatibility-matrix .match-matrix thead th .matrix-sign-name{display:block;font-size:.58rem;color:#a99ec2;font-weight:500}
.compatibility-matrix .match-matrix th:first-child{min-width:115px;position:sticky;left:0;z-index:2;background:#151f38}
.compatibility-matrix .match-matrix tbody th{text-align:left;white-space:nowrap;font-size:.85rem;padding:5px 9px}
.compatibility-matrix .match-matrix td a{display:flex;justify-content:center;align-items:center;text-decoration:none;min-height:45px;min-width:45px;border:1px solid #6662774d;border-radius:9px;background:#4c4b53;color:#f6efff;font-weight:700;transition:background .13s,box-shadow .13s,transform .13s}
.compatibility-matrix .match-matrix td a:hover,.compatibility-matrix .match-matrix td a:focus-visible{background:#695778;color:#fff;box-shadow:0 0 0 2px #d9a6ed;transform:translateY(-1px);outline:0}
.compatibility-matrix .match-matrix td a[data-pair*='and-']{cursor:pointer}
.matrix-preview{position:fixed;z-index:200;pointer-events:none;box-sizing:border-box;width:min(320px,calc(100vw - 28px));background:#202039;color:#fff;border:1px solid #b68dcc;box-shadow:0 15px 48px #030716b8;border-radius:16px;padding:19px 20px;line-height:1.42}
.matrix-preview[hidden]{display:none}
.matrix-preview-title{font-weight:750;font-size:1.05rem;margin-bottom:8px}
.matrix-preview-score{font-size:1.75rem;color:#f5ca82}
.matrix-preview-description{font-size:.84rem;color:#ded6ec;margin:9px 0}
.matrix-preview-more{font-size:.78rem;color:#ffc986;font-weight:700}
.compatibility-matrix .matrix-note{font-size:.87rem;color:#d3c6dc;line-height:1.7;margin:18px 0 0}
.compatibility-matrix .matrix-note a{color:#ffd597}
.matrix-mobile{display:none}
.method-table-wrap{overflow-x:auto;margin:22px 0 30px}
.method-table{border-collapse:collapse;width:100%;min-width:510px;font-size:.95rem}
.method-table th,.method-table td{border:1px solid #6d538b;padding:11px 15px;text-align:left}
.method-table th{background:#322249;color:#ffdb9b}
.method-table td{background:#1b1735}
@media(max-width:1020px){
 .editorial-grid{grid-template-columns:minmax(0,1fr) 280px;gap:17px;padding:24px 4%}
 .pair-page-grid{grid-template-columns:minmax(0,1fr) 280px;column-gap:17px}
}
@media(max-width:760px){
 .editorial-grid{display:flex;flex-direction:column;gap:20px;padding:25px 5% 43px}
 .editorial-main,.editorial-aside{width:100%}
 .editorial-aside{order:-1;align-self:auto}
 .editorial-aside>.upsell,.editorial-aside>.upsell.upsell-inline{position:static!important;top:auto;max-width:none;width:100%;margin:0!important}
 .pair-page-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'score' 'rail' 'copy';gap:0}
 .pair-page-grid .pair-aside{align-self:auto;margin:0 0 24px}
 .pair-page-grid .pair-aside>.upsell{position:static!important;top:auto;width:100%;margin:0}
 .pair-page-grid .pair-score-column{margin-bottom:18px}
 .compatibility-matrix{padding:38px 5%}
 .compatibility-matrix .matrix-top{align-items:stretch;flex-direction:column}
 .compatibility-matrix .matrix-top select{width:100%}
 .compatibility-matrix .matrix-scroll{display:none}
 .matrix-mobile{display:block}
 .matrix-mobile>p{color:#cfc4dd;font-size:.85rem;line-height:1.6}
 .matrix-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mobile-pair-card{min-width:0;min-height:90px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;border:1px solid #77568f;background:#221b3e;border-radius:13px;padding:14px;color:#faf1fc;text-decoration:none;font-size:.83rem;line-height:1.45}
 .mobile-pair-card strong{color:#ffd18c;font-size:1rem}
 .mobile-pair-card:focus-visible,.mobile-pair-card:hover{outline:2px solid #dba5ef}
}
@media(max-width:370px){.matrix-mobile-grid{grid-template-columns:1fr}.mobile-pair-card{min-height:70px}}