@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#070b13;--panel:#0d1420;--panel2:#101a29;--text:#f5f7fb;--muted:#92a0b5;--line:#223044;--lime:#b7ff3c;--cyan:#65d9ff;--violet:#9d7cff;--orange:#ffb057;--red:#ff6e7b;--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,#16253b 0,transparent 34%),radial-gradient(circle at 105% 45%,#18233f 0,transparent 30%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:Manrope;font-weight:800;font-size:20px}.brand small{font-size:10px;background:#1b2737;padding:4px 6px;border-radius:999px;color:#a9b5c7}.mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--lime),#68f5bc);color:#061008;display:grid;place-items:center;font:800 18px Manrope}.nav nav{display:flex;gap:10px}.ghost,.pill,.cta{font:600 14px 'DM Sans';border:0;cursor:pointer;transition:.2s}.ghost{color:#c1ccdc;background:transparent;padding:11px 14px}.ghost:hover{color:white}.pill{padding:11px 17px;background:#172336;color:#fff;border:1px solid #2d4059;border-radius:999px}.pill:hover{background:#21314a}.cta{display:inline-flex;align-items:center;gap:18px;padding:16px 20px;border-radius:16px;color:#07100a;background:linear-gradient(135deg,var(--lime),#67f4bd);box-shadow:0 12px 34px rgba(183,255,60,.12)}.cta:hover{transform:translateY(-1px);box-shadow:0 15px 36px rgba(183,255,60,.2)}.cta.disabled{opacity:.35;cursor:not-allowed;transform:none}.screen{display:none}.screen.active{display:block}.hero{min-height:calc(100vh - 84px);display:none;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding-bottom:80px}.hero.active{display:grid}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#a9b6c9;font-weight:700}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}h1,h2,h3{font-family:Manrope;margin:0}h1{font-size:clamp(46px,6.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:22px 0 28px}h1 em{font-style:normal;color:var(--lime)}.lede{color:#a9b5c8;line-height:1.7;font-size:19px;max-width:680px}.hero-actions{display:flex;align-items:center;gap:20px;margin:32px 0 24px}.micro{font-size:12px;color:#77869b}.trust-row{display:flex;gap:22px;color:#8494aa;font-size:12px}.glass{background:linear-gradient(180deg,rgba(19,30,46,.86),rgba(10,17,28,.92));border:1px solid rgba(121,149,183,.18);box-shadow:0 24px 70px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.hero-card{border-radius:34px;padding:26px;transform:rotate(1.2deg)}.mini-top{display:flex;justify-content:space-between;align-items:center;font:700 15px Manrope}.tag{background:#162437;border:1px solid #273b55;color:#aebad0;font-size:10px;padding:6px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.mini-compass{height:390px;position:relative;margin:22px 0;background:linear-gradient(#1b2a3c 1px,transparent 1px),linear-gradient(90deg,#1b2a3c 1px,transparent 1px);background-size:25% 25%;border-left:1px solid #38506a;border-bottom:1px solid #38506a}.axis{position:absolute;color:#586a81;font-size:10px;text-transform:uppercase}.axis.y{left:-13px;top:45%;transform:rotate(-90deg)}.axis.x{bottom:-19px;left:45%}.dot{position:absolute;width:14px;height:14px;border-radius:50%;font-style:normal;font-size:10px;padding-left:18px;line-height:14px;color:#dfe7f3;white-space:nowrap}.dot::before{content:'';position:absolute;inset:0;border-radius:50%;background:currentColor;box-shadow:0 0 22px currentColor}.dot.you{color:var(--lime);font-weight:800}.dot.pp{color:#70b7ff}.dot.vox{color:#56d685}.dot.psoe{color:#ff6d78}.dot.fa{color:#a77bf5}.mini-insight{border-top:1px solid #1e2e42;padding-top:20px;display:grid;gap:5px}.mini-insight span{color:#7e8da1;font-size:12px}.quiz-screen{padding:60px 0 100px}.quiz-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.quiz-header h2{font-size:34px;margin-top:8px}.progress-meta{text-align:right;color:#8e9bb0;font-size:12px}.progress{width:240px;height:5px;border-radius:99px;background:#182435;margin-top:8px;overflow:hidden}.progress i{display:block;height:100%;width:5%;background:linear-gradient(90deg,var(--cyan),var(--lime));transition:.3s}.question-card{border-radius:30px;padding:42px;position:relative;overflow:hidden}.q-num{font:800 70px Manrope;position:absolute;right:34px;top:22px;color:#1a2738}.question-card h3{font-size:clamp(25px,3vw,38px);max-width:850px;line-height:1.25;letter-spacing:-.025em;padding-right:100px}.importance{display:flex;align-items:center;gap:8px;margin:28px 0 38px;color:#7f90a6;font-size:12px}.importance-btn{border:1px solid #25364c;background:#101a28;color:#7f90a6;border-radius:999px;padding:7px 10px;cursor:pointer}.importance-btn.active{color:#06100a;background:var(--lime);border-color:var(--lime)}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.scale button{height:92px;border:1px solid #26374e;border-radius:18px;background:#0e1724;color:#8392a6;font:800 18px Manrope;cursor:pointer;transition:.18s}.scale button:hover{border-color:#57708f;color:#fff;transform:translateY(-2px)}.scale button.selected{background:linear-gradient(135deg,#1f3b35,#192d2b);border-color:var(--lime);color:var(--lime);box-shadow:inset 0 0 0 1px rgba(183,255,60,.15)}.scale-labels{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:8px;color:#5f7188;font-size:10px}.scale-labels span:nth-child(2){text-align:center}.scale-labels span:last-child{text-align:right}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:38px}.ghost.big{border:1px solid #223249;border-radius:14px;padding:14px 16px}.privacy-note{text-align:center;color:#5f7188;font-size:11px;margin-top:16px}.center-screen{text-align:center;padding:150px 0}.center-screen.active{display:block}.loader-orbit{width:110px;height:110px;margin:0 auto 30px;position:relative;display:grid;place-items:center}.loader-orbit span{font:800 24px Manrope;color:var(--lime)}.loader-orbit i{position:absolute;inset:0;border:1px solid #29415a;border-radius:50%;animation:spin 2.3s linear infinite}.loader-orbit i:nth-child(2){inset:12px;animation-direction:reverse;animation-duration:1.8s;border-color:#304d42}.loader-orbit i:nth-child(3){inset:24px;animation-duration:1.2s;border-color:#483f68}@keyframes spin{to{transform:rotate(360deg)}}.center-screen p{color:#8190a5}.results-screen{padding:50px 0 100px}.result-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.result-head h2{font-size:46px;margin:9px 0 10px}.result-head p{color:#8e9db2;max-width:700px;margin:0}.result-actions{display:flex;gap:10px}.result-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.map-card,.profile-card,.match-card,.why-card{border-radius:26px;padding:24px}.card-head{display:flex;justify-content:space-between;align-items:flex-start}.card-head small{font-size:9px;letter-spacing:.13em;color:#63758d;font-weight:800}.card-head h3{font-size:20px;margin-top:6px}.plot{height:500px;margin:34px 28px 26px 42px;position:relative;border-left:1px solid #31445d;border-bottom:1px solid #31445d;background:linear-gradient(#162235 1px,transparent 1px),linear-gradient(90deg,#162235 1px,transparent 1px);background-size:20% 20%}.plot-label{position:absolute;font-size:9px;color:#667990;text-transform:uppercase}.plot-label.top{left:-40px;top:-22px}.plot-label.bottom{left:-38px;bottom:-24px}.plot-label.left{bottom:-25px;left:2px}.plot-label.right{bottom:-25px;right:0}.chart-point{position:absolute;transform:translate(-50%,50%);display:flex;align-items:center;gap:6px;color:#dce6f4;font:700 10px Manrope;white-space:nowrap}.chart-point i{width:13px;height:13px;border-radius:50%;display:block;box-shadow:0 0 18px rgba(255,255,255,.12)}.chart-point.user i{width:20px;height:20px;background:var(--lime)!important;box-shadow:0 0 25px rgba(183,255,60,.4)}.chart-point.user{font-size:13px;color:var(--lime)}.chart-note{color:#62748b;font-size:10px;line-height:1.5}.axis-bars{display:grid;gap:20px;margin-top:28px}.axis-row .axis-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.axis-row b{font-size:12px}.axis-row span{font-size:10px;color:#6f8097}.axis-track{height:8px;background:#172538;border-radius:99px;overflow:hidden}.axis-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--lime))}.match-card{grid-column:1/2}.why-card{grid-column:2/3}.party-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.party-tab{border:1px solid #26374e;background:#111b29;color:#7f90a6;border-radius:999px;padding:8px 11px;cursor:pointer;font-weight:700;font-size:11px}.party-tab.active{background:#e7edf6;color:#0b111a}.match-score{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1e2c40;padding-top:17px;margin-top:12px}.match-score strong{font:800 38px Manrope}.compare-list{display:grid;gap:8px;margin-top:14px}.compare-item{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #18263a;font-size:11px}.compare-item i{width:8px;height:8px;border-radius:50%}.compare-item .near{background:#61e19a}.compare-item .mid{background:#ffbd62}.compare-item .far{background:#ff6f7d}.compare-item span:last-child{color:#75869c}.insights{display:grid;gap:10px;margin-top:20px}.insight{padding:15px;border:1px solid #1e3046;background:#0d1724;border-radius:16px}.insight b{display:block;font-size:12px;margin-bottom:4px}.insight span{color:#74869c;font-size:11px;line-height:1.5}.method-screen{padding:80px 0 120px}.method-screen h2{font-size:52px;max-width:900px;line-height:1.05;letter-spacing:-.04em;margin:16px 0 40px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.method-grid article{border:1px solid #1c2c40;border-radius:22px;padding:22px;background:#0b141f}.method-grid article>b{color:var(--lime);font:800 12px Manrope}.method-grid h3{font-size:17px;margin:25px 0 8px}.method-grid p{color:#7889a0;font-size:12px;line-height:1.6}.warning-box{margin:22px 0;padding:18px;border:1px solid #5a4d2d;background:#17150f;border-radius:18px;color:#cdbd95;font-size:12px;line-height:1.6}.share-preview{position:fixed;inset:0;background:rgba(2,5,10,.85);backdrop-filter:blur(12px);z-index:30;display:grid;place-items:center;padding:30px}.share-card{width:min(520px,94vw);aspect-ratio:1/1.05;background:radial-gradient(circle at 90% 10%,#25375d,transparent 37%),linear-gradient(145deg,#0b101a,#111d2d);border:1px solid #314561;border-radius:32px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 35px 100px #000}.share-brand{display:flex;align-items:center;gap:8px;font:800 16px Manrope}.share-brand .mark{width:28px;height:28px;font-size:14px}.share-kicker{font-size:10px;letter-spacing:.14em;color:var(--lime);font-weight:800}.share-card h3{font-size:45px;line-height:1;letter-spacing:-.04em}.share-card p{font-size:11px;color:#7d8da2}.share-axis{margin:11px 0}.share-axis div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px}.share-axis i{display:block;height:7px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--lime))}.share-controls{display:flex;gap:10px;margin-top:14px}footer{min-height:100px;border-top:1px solid #152236;display:flex;align-items:center;justify-content:space-between;color:#53657c;font-size:11px}.muted{opacity:.6}
@media(max-width:900px){.nav .ghost{display:none}.hero.active{grid-template-columns:1fr;padding-top:60px}.hero-card{display:none}h1{font-size:54px}.trust-row{flex-wrap:wrap}.hero-actions{align-items:flex-start;flex-direction:column}.quiz-header{align-items:flex-start;gap:20px;flex-direction:column}.progress,.progress-meta{width:100%}.question-card{padding:28px 20px}.question-card h3{padding-right:0}.q-num{font-size:40px;opacity:.45}.scale{gap:6px}.scale button{height:72px}.result-head{align-items:flex-start;flex-direction:column}.result-grid{grid-template-columns:1fr}.match-card,.why-card{grid-column:1}.method-grid{grid-template-columns:1fr 1fr}.method-screen h2{font-size:38px}}
@media(max-width:560px){.wrap{width:min(100% - 24px,1180px)}.nav{height:70px}.pill{padding:9px 12px}h1{font-size:43px}.lede{font-size:16px}.quiz-screen{padding-top:34px}.question-card h3{font-size:24px}.importance{align-items:flex-start;flex-wrap:wrap}.scale button{font-size:14px}.scale-labels{font-size:8px}.result-head h2{font-size:36px}.result-actions{width:100%}.result-actions>*{flex:1}.plot{height:360px;margin-left:35px}.method-grid{grid-template-columns:1fr}.method-screen h2{font-size:34px}.trust-row{display:grid;gap:8px}}
.nav-link{text-decoration:none;display:inline-flex;align-items:center}.quiz-left{display:flex;gap:8px}.ghost.disabled,.ghost:disabled{opacity:.35;cursor:not-allowed}.party-status{margin-top:22px;padding:22px;border:1px solid #23364d;border-radius:18px;background:#0d1724;display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start}.party-status .status-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#18283a;color:var(--lime);font-weight:800}.party-status b{font-size:14px}.party-status p{margin:7px 0 9px;color:#74869c;font-size:12px;line-height:1.55}.party-status a,.footer-links a,.legal-page a:not(.cta){color:#9fb1c7;text-decoration:none}.party-status a:hover,.footer-links a:hover,.legal-page a:not(.cta):hover{color:var(--lime)}.footer-links{display:flex;gap:14px}.legal-page{padding:60px 0 100px;max-width:860px}.legal-page>.brand{display:inline-flex;margin-bottom:70px}.legal-page h1{font-size:clamp(42px,7vw,76px);line-height:1;letter-spacing:-.045em;margin:18px 0 26px}.legal-page h2{font-size:22px;margin-top:38px}.legal-page p,.legal-page li{color:#8b9bb0;line-height:1.75}.legal-note,.source-schema{border:1px solid #22364d;background:#0c1724;padding:20px;border-radius:18px}.source-schema{margin:28px 0}.source-schema b{display:block;margin-bottom:8px}.inline-cta{display:inline-flex;text-decoration:none;margin-top:25px}
@media(max-width:700px){footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:12px;padding:24px 0}.footer-links{flex-wrap:wrap}.quiz-actions{align-items:stretch;gap:14px;flex-direction:column}.quiz-left{width:100%}.quiz-left>*{flex:1}.quiz-actions>.cta{width:100%}.party-status{grid-template-columns:1fr}.legal-page>.brand{margin-bottom:45px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}