:root{
  --bg:#08080d;
  --bg2:#11111a;
  --text:#f7f7fb;
  --muted:#a7a7b4;
  --line:rgba(255,255,255,.1);
  --glass:rgba(255,255,255,.065);
  --glass2:rgba(255,255,255,.035);
  --purple:#a779ff;
  --pink:#ff6ec7;
  --cyan:#74e5ff;
  --green:#7df2b0;
  --shadow:0 25px 80px rgba(0,0,0,.42);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#1c1434 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
button,input{font:inherit}
button{cursor:pointer}
.ambient{position:fixed;border-radius:999px;filter:blur(90px);opacity:.16;pointer-events:none;z-index:-1}.ambient-a{width:340px;height:340px;background:#8f5cff;top:20%;left:-180px}.ambient-b{width:300px;height:300px;background:#ff5ebd;bottom:0;right:-170px}
.topbar{height:70px;max-width:1120px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 8px 30px rgba(167,121,255,.35)}.demo-pill{font-size:10px;letter-spacing:.14em;font-weight:800;color:#d7caff;border:1px solid rgba(167,121,255,.35);background:rgba(167,121,255,.1);border-radius:999px;padding:7px 10px}
main{max-width:1120px;margin:auto}.screen{display:none;min-height:calc(100vh - 70px);padding:42px 22px 70px;max-width:560px;margin:auto;animation:screenIn .38s ease}.screen-active{display:block}@keyframes screenIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero-copy{text-align:center;margin-top:4vh}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:#c9b8ff;margin-bottom:14px}.eyebrow.success{color:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(42px,11vw,68px);line-height:.98;letter-spacing:-.055em;margin-bottom:20px}h1 span{background:linear-gradient(90deg,#fff 0%,#d7c7ff 42%,#ffb5df 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:470px;margin:0 auto 28px;font-size:16px;line-height:1.6;color:var(--muted)}h2{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin-bottom:10px}.muted{color:var(--muted);line-height:1.55}.glass,.glass-soft{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.glass-soft{background:var(--glass2);box-shadow:none}
.hero-card{border-radius:var(--radius);padding:18px;margin:0 auto 18px;max-width:490px}.fake-result{display:grid;grid-template-columns:76px 1fr 58px;gap:16px;align-items:center}.avatar{width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,#2a233d,#16141f);display:grid;place-items:center;border:1px solid rgba(255,255,255,.1)}.placeholder-avatar span{font-size:12px;font-weight:800;color:#9b8db8}.result-copy small,.locked-card small,.score-overlay small,.match-head small{font-size:10px;color:#9d9dac;letter-spacing:.14em;font-weight:800}.result-copy strong{display:block;font-family:Manrope,sans-serif;font-size:32px;line-height:1;margin:6px 0}.blurred-text{filter:blur(5px);display:inline-block}.lock-mini{font-size:12px;margin-left:5px}.result-copy p{font-size:12px;color:var(--muted);margin:0}.match-orb{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:800;background:linear-gradient(135deg,rgba(167,121,255,.35),rgba(255,110,199,.24));border:1px solid rgba(255,255,255,.12)}
.cta{width:100%;border:none;border-radius:17px;padding:17px 20px;font-weight:800;transition:.2s ease}.cta-primary{color:#0e0913;background:linear-gradient(100deg,#d0b6ff,#ff9bd4);box-shadow:0 14px 40px rgba(255,110,199,.15)}.cta-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04)}.cta-primary:disabled{opacity:.35;cursor:not-allowed}.cta-secondary{margin-top:10px;color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.055)}.cta-icon{font-size:20px;margin-right:6px}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:16px auto 28px;color:#9b9baa;font-size:10px}.trust-row span{padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:99px;background:rgba(255,255,255,.025)}.social-proof{display:flex;align-items:center;justify-content:center;gap:10px;color:#9898a6;font-size:12px}.proof-avatars{display:flex}.proof-avatars i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1b1b26;border:2px solid var(--bg);margin-left:-7px;font-style:normal}.proof-avatars i:first-child{margin-left:0}
.back-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font-size:20px;margin-bottom:28px}.step-label{font-size:10px;letter-spacing:.14em;font-weight:800;color:#9d8bd2;margin-bottom:10px}.upload-zone{display:block;border-radius:28px;margin:26px 0 16px;padding:10px;cursor:pointer}.upload-preview-wrap{height:360px;border-radius:21px;overflow:hidden;position:relative;background:linear-gradient(145deg,#14131b,#0e0d12);display:grid;place-items:center}.upload-preview-wrap img{width:100%;height:100%;object-fit:cover;display:none}.upload-empty{text-align:center;color:#aaa7b8}.upload-empty strong{display:block;color:#fff;margin:10px 0 6px}.upload-empty small{font-size:11px}.upload-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin:auto;font-size:28px;background:linear-gradient(135deg,rgba(167,121,255,.25),rgba(255,110,199,.18));border:1px solid rgba(255,255,255,.1)}.tips{border-radius:18px;padding:15px;margin-bottom:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tips div{font-size:10px;color:#aaa9b6}.tips span{color:var(--green);margin-right:2px}.consent-row{display:flex;gap:10px;align-items:flex-start;padding:8px 2px 18px;font-size:10px;line-height:1.45;color:#9695a5}.consent-row input{margin-top:2px;accent-color:#a779ff}.fineprint{text-align:center;font-size:9px;color:#777785;margin:11px 18px 0;line-height:1.4}
#screen-scan{display:none;place-items:center;max-width:100%}#screen-scan.screen-active{display:grid}.scan-shell{width:min(420px,100%);text-align:center}.scan-photo-wrap{width:280px;height:350px;border-radius:30px;overflow:hidden;position:relative;margin:0 auto 30px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.55)}.scan-photo-wrap img{width:100%;height:100%;object-fit:cover}.scan-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(167,121,255,.08),transparent 45%,rgba(255,110,199,.08))}.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#c89dff,#ff96d1,transparent);box-shadow:0 0 22px #bf8fff;z-index:2;animation:scan 1.55s ease-in-out infinite alternate}@keyframes scan{from{top:4%}to{top:95%}}.corner{position:absolute;width:26px;height:26px;z-index:3}.corner:before,.corner:after{content:"";position:absolute;background:#e2c9ff;border-radius:2px}.corner:before{width:26px;height:2px}.corner:after{width:2px;height:26px}.tl{top:14px;left:14px}.tr{top:14px;right:14px;transform:rotate(90deg)}.bl{bottom:14px;left:14px;transform:rotate(270deg)}.br{bottom:14px;right:14px;transform:rotate(180deg)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:#d7bcff;margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scan-status h2{font-size:25px}.scan-status p{color:var(--muted);font-size:13px}.scan-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:24px}.scan-progress i{display:block;width:8%;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));transition:width .35s ease}
.locked-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 12px}.locked-card{border-radius:22px;padding:18px;min-height:175px}.big-score{font-family:Manrope,sans-serif;font-size:42px;font-weight:800;letter-spacing:-.05em;margin:10px 0 14px}.big-score>span:last-child{font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:0;color:#a1a0ad}.digit-lock{filter:blur(3px)}.meter{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--pink))}.locked-card p{font-size:10px;color:#8d8c9a;line-height:1.4;margin:12px 0 0}.twin-placeholder{height:85px;border-radius:16px;margin:10px 0 8px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#2a2241,#11111a);overflow:hidden}.mystery-face{font-size:36px;font-weight:800;filter:blur(1px);color:#6e6583}.match-badge{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:5px 7px;font-size:8px}.twin-card>strong{font-size:12px}.feature-peek{border-radius:18px;padding:8px 14px;margin-bottom:22px}.feature-peek div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:4px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px}.feature-peek div:last-child{border:none}.feature-peek em{font-style:normal;color:#9997a5;font-size:9px}.offer-card{position:relative;border:1px solid rgba(184,139,255,.28);background:linear-gradient(180deg,rgba(167,121,255,.1),rgba(255,110,199,.045));border-radius:24px;padding:24px 20px 20px}.popular{position:absolute;top:-10px;left:18px;border-radius:99px;padding:5px 9px;background:#d5bdff;color:#160c20;font-size:8px;font-weight:900;letter-spacing:.1em}.offer-card>div{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.offer-card>div small{font-weight:800;font-size:10px;letter-spacing:.12em;margin-right:auto;color:#b7a5dc}.offer-card>div strong{font-family:Manrope,sans-serif;font-size:31px}.offer-card>div span{font-size:10px;color:#9795a5}.offer-card ul{list-style:none;padding:0;margin:0 0 17px;display:grid;gap:8px;font-size:11px;color:#b8b6c4}.offer-card li:before{content:"✓";color:var(--green);margin-right:8px}.text-button{display:block;margin:13px auto 0;border:none;background:transparent;color:#cdb8ff;text-decoration:underline;text-underline-offset:3px;font-size:10px}.checkout-note{text-align:center;font-size:8px;color:#7f7d8b;margin:8px 0 0}
.result-header{text-align:center;margin-bottom:20px}.result-header h2{font-size:38px}.result-card{border-radius:28px;overflow:hidden;margin-bottom:14px}.score-card{height:430px;position:relative}.score-card>img{width:100%;height:100%;object-fit:cover}.score-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,4,8,.92))}.score-overlay{position:absolute;z-index:2;bottom:24px;left:24px}.score-overlay strong{font-family:Manrope,sans-serif;font-size:66px;letter-spacing:-.06em;display:inline-block;margin-top:5px}.score-overlay>span{font-size:15px;color:#aaa8b4}.match-card{padding:20px}.match-head{display:flex;justify-content:space-between;align-items:center}.match-head span{font-size:10px;color:#d6bcff;font-weight:700}.twin-result{display:grid;grid-template-columns:1fr 34px 1fr;gap:6px;align-items:center;margin:18px 0}.twin-result>img,.fictional-twin{width:100%;aspect-ratio:1/1;border-radius:18px;object-fit:cover}.connector{text-align:center;color:#a98dcc;font-size:24px}.fictional-twin{display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 20%,#33234b,#15131d);padding:12px}.fictional-avatar{font-size:40px}.fictional-twin strong{font-size:11px}.fictional-twin small{font-size:8px;color:#8e899a}.legal-note{font-size:8px;color:#7d7a89;line-height:1.4;margin-bottom:0}.insights-card{border-radius:22px;padding:18px;margin-bottom:18px}.insights-card h3{font-size:17px;margin-bottom:12px}.insight-row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06);font-size:10px}.insight-row span{color:#92909f}.insight-row strong{text-align:right}.share-card{aspect-ratio:9/16;max-height:520px;margin:0 auto 18px;border-radius:28px;position:relative;overflow:hidden;padding:24px;background:radial-gradient(circle at 80% 10%,rgba(255,110,199,.5),transparent 30%),radial-gradient(circle at 10% 70%,rgba(116,229,255,.3),transparent 36%),linear-gradient(155deg,#221536 0%,#0b0910 60%);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.share-brand{font-family:Manrope,sans-serif;font-weight:800;font-size:13px}.share-content{position:absolute;left:24px;right:24px;top:37%;transform:translateY(-50%)}.share-content>span{font-size:9px;letter-spacing:.2em;color:#d7c5f2;font-weight:800}.share-content strong{display:block;font-family:Manrope,sans-serif;font-size:74px;letter-spacing:-.07em;line-height:1;margin-top:10px}.share-content p{font-size:16px;font-weight:600}.share-footer{position:absolute;left:24px;bottom:24px;font-size:11px;color:#b7b4c2}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#f5f2ff;color:#17101e;padding:11px 15px;border-radius:999px;font-weight:700;font-size:11px;box-shadow:0 16px 50px rgba(0,0,0,.4);transition:.25s ease;z-index:10;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (min-width:780px){.screen{padding-top:58px}.hero-copy{margin-top:7vh}.upload-preview-wrap{height:420px}.locked-card{min-height:195px}}
@media (max-width:380px){h1{font-size:40px}.tips{grid-template-columns:1fr}.locked-grid{grid-template-columns:1fr}.score-card{height:390px}}
.demo-pill{cursor:pointer;color:#d7caff}
.site-footer{max-width:560px;margin:0 auto;padding:0 22px 32px;text-align:center;color:#787685;font-size:10px}
.site-footer p{margin:0 0 6px}.site-footer button{border:0;background:transparent;color:#a894cf;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.privacy-dialog{width:min(92vw,480px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:0;background:#111019;color:#fff;box-shadow:0 35px 100px rgba(0,0,0,.65)}
.privacy-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.dialog-card{position:relative;padding:28px}.dialog-card h2{font-size:28px}.dialog-card p{font-size:13px;line-height:1.65;color:#aaa7b6}.dialog-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;font-size:22px}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}