:root{color-scheme:dark;--bg: #0b0b12;--fg: #e9ecf4;--muted: #a8acb9}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;width:100%;touch-action:pan-y;overscroll-behavior-x:none}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--fg);background:var(--bg);overflow-x:hidden;touch-action:pan-y;overscroll-behavior-x:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:#ff00aa4d;color:#fff}.app-root{display:flex;flex-direction:column;min-height:100svh;width:100%;background:radial-gradient(1200px 600px at 70% -10%,rgba(255,0,170,.15),transparent 60%),radial-gradient(1000px 500px at 10% 10%,rgba(0,195,255,.12),transparent 60%),#0b0b12}.stage{min-height:100svh;display:grid;place-items:center;transition:opacity .34s ease,filter .34s ease}.stage--inactive{opacity:0;filter:blur(4px);pointer-events:none}.stage--active{opacity:1;filter:none}.hero{position:relative;display:grid;place-items:center;min-height:100svh;padding:6rem 1.25rem 4rem;overflow:hidden}.hero__glow{position:absolute;inset:-20% -10% auto;height:80%;background:radial-gradient(closest-side,#ff00aa40,#f0a0 70%) 70% 10%/50% 50% no-repeat,radial-gradient(closest-side,#00c3ff38,#00c3ff00 70%) 30% 20%/45% 45% no-repeat;filter:blur(40px) saturate(120%);pointer-events:none}.hero__content{width:min(980px,92%);text-align:center}.brand{display:grid;gap:1.25rem;place-items:center}.brand__tag{display:inline-block;color:#c8e9ff;background:#00c3ff1f;border:1px solid rgba(0,195,255,.25);padding:.4rem .7rem;border-radius:999px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.brand__title{margin:0;font-size:clamp(2.6rem,6vw,5rem);line-height:1.05;font-weight:800;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#b6c7ff);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;display:inline-block;transform:translate(-.04em)}.brand__subtitle{margin:0 auto;max-width:820px;color:#c7cad6;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.7}.typewriter{display:inline-block}.typewriter__text{display:inline;position:relative}.typewriter__cursor{display:inline;color:#a6b2ff;opacity:.9;animation:cursor-blink 1.2s steps(1,end) infinite;margin-left:.1ch}.tw-company{color:#e9ecf4}.tw-female{color:#ff72c6}.tw-male{color:#58caff}.dual-typewriter{display:grid;gap:.25rem;place-items:center;text-align:center;margin:1rem 0 2rem}.dual-typewriter__line{font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6}.dual-typewriter__indicator{height:2.2rem;display:grid;place-items:center;position:relative}.compat{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.compat__fill{width:120px;height:8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.compat--bad .compat__fill{background:linear-gradient(90deg,#ff5a9e,#ff2d55);box-shadow:0 0 16px #ff00aa40 inset}.compat--good .compat__fill{background:linear-gradient(90deg,#00c3ff,#38ffc8);box-shadow:0 0 16px #00c3ff40 inset}.compat__crack{width:120px;height:0;border-top:2px dashed rgba(255,255,255,.2);opacity:0;transform:translateY(-10px)}.compat--bad .compat__crack{opacity:1;animation:crack-pulse 1s ease-in-out 1}.compat__glow{position:absolute;width:140px;height:20px;border-radius:999px;filter:blur(10px);opacity:0}.compat--good .compat__glow{background:radial-gradient(closest-side,#38ffc873,#0000);opacity:1;animation:glow-in .9s ease-out 1}.indicator{display:inline-block;font-size:1.1rem}.indicator--mismatch{color:#ffa3d8;filter:drop-shadow(0 0 6px rgba(255,0,170,.4));animation:mismatch-wobble .9s ease-in-out 1}.indicator--match{color:#6df6ff;filter:drop-shadow(0 0 6px rgba(0,195,255,.4));animation:match-pop .9s ease-out 1}@keyframes mismatch-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-5deg)}}@keyframes match-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}@keyframes crack-pulse{0%{opacity:0;transform:translateY(-10px)}30%{opacity:1;transform:translateY(0)}to{opacity:.4;transform:translateY(0)}}@keyframes glow-in{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.showcase{padding:3rem 1.25rem}.showcase__wrap{width:min(980px,92%);margin:0 auto;display:grid;gap:2rem}.showcase__title{margin:0;font-size:clamp(1.4rem,3vw,1.8rem);color:#ecf2ff}.showcase__title--fade{opacity:0;transform:translateY(8px);animation-name:showcase-fade-in;animation-fill-mode:forwards;animation-timing-function:ease}@keyframes showcase-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.matcher{padding:0}.matcher__wrap{display:grid;gap:1.5rem;max-width:980px;margin:0 auto}.matcher__title{margin:0;font-size:clamp(1.1rem,2.6vw,1.4rem);color:#c7cad6;text-align:center}.matcher__row{display:grid;grid-template-columns:220px 500px;align-items:center;gap:1rem;max-width:100%;justify-content:center}.matcher__row--male{grid-template-columns:500px 220px}.matcher__photo{height:160px;border-radius:14px;background-size:cover;background-position:top;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.12);background-color:#ffffff08;flex-shrink:0;transition:background-image .3s ease-in-out}.matcher__photo--female{box-shadow:0 0 0 2px #ff00aa40;background-position:center 15%}.matcher__photo--male{box-shadow:0 0 0 2px #00c3ff40}.matcher__photo--henry{background-position:center 15%!important}.matcher__text{font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;width:500px;min-width:500px;max-width:500px;overflow-wrap:break-word;display:block;min-height:160px;position:relative}.matcher__type{display:block;position:absolute;top:50%;transform:translateY(-.8em);width:100%}.matcher__divider{height:60px;position:relative;display:grid;place-items:center}.robot{position:relative;width:120px;height:28px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 12px #ffffff0f}.robot:after{content:"AI";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:#a8acb9;letter-spacing:.12em}.robot__eye{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:radial-gradient(closest-side,#6df6ff,#0000);box-shadow:0 0 10px #6df6ffcc;animation:eye-pulse 2.2s ease-in-out infinite}.robot__beam{position:absolute;left:24px;right:38px;top:50%;height:6px;transform:translateY(-50%);border-radius:999px}.matcher__divider--deny .robot__beam{background:linear-gradient(90deg,#f0a6,#f0a0);animation:beam-scan 1.2s linear infinite}.matcher__divider--accept .robot__beam{background:linear-gradient(90deg,#38ffc899,#00c3ff00);animation:beam-scan 1.2s linear infinite}@keyframes eye-pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}@keyframes beam-scan{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.match-indicator{display:grid;place-items:center;width:120px;height:60px}.match-indicator__icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;font-size:2rem;font-weight:700;transition:all .3s ease}.match-indicator__icon--waiting{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.waiting-text{color:#a8acb9;font-size:1.5rem;animation:waiting-pulse 1.5s ease-in-out infinite}.match-indicator__icon--analyzing{background:#6df6ff1a;border:2px solid rgba(109,246,255,.3);flex-direction:column;gap:.25rem}.ai-robot{position:relative;width:24px;height:16px}.ai-robot__body{width:100%;height:12px;background:#6df6ff33;border:1px solid rgba(109,246,255,.5);border-radius:4px;position:relative;display:flex;align-items:center;justify-content:space-around;padding:0 2px}.ai-robot__eye{width:3px;height:3px;background:#6df6ff;border-radius:50%;box-shadow:0 0 4px #6df6ffcc;animation:robot-eye-blink 2s ease-in-out infinite}.ai-robot__eye--right{animation-delay:.1s}.ai-robot__scan{position:absolute;bottom:-6px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#6df6ff,transparent);border-radius:1px;animation:robot-scan 1.2s linear infinite}.analysis-text{color:#6df6ff;font-size:.7rem;letter-spacing:.1em;font-weight:600}.match-indicator__icon--accept{background:#38ffc826;border:2px solid rgba(56,255,200,.4);animation:match-appear .5s ease-out}.checkmark{color:#38ffc8;font-size:2.2rem;filter:drop-shadow(0 0 8px rgba(56,255,200,.6))}.match-indicator__icon--reject{background:#ff2d5526;border:2px solid rgba(255,45,85,.4);animation:reject-appear .5s ease-out}.x-mark{color:#ff2d55;font-size:2.2rem;font-weight:900;filter:drop-shadow(0 0 8px rgba(255,45,85,.6))}@keyframes waiting-pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes robot-eye-blink{0%,90%,to{opacity:1}95%{opacity:.3}}@keyframes robot-scan{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes match-appear{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes reject-appear{0%{transform:scale(.5) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.profiles{padding:0 0 1rem}.profiles__wrap{width:min(980px,92%);margin:0 auto;display:grid;gap:1.25rem}.profiles__title{margin:0;font-size:clamp(1.1rem,2.5vw,1.3rem);color:#c7cad6}.profiles__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profiles__col{display:grid;gap:.75rem}.profile-card{border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;background:#ffffff08}.profile-card__thumb{height:120px;background:linear-gradient(135deg,#ff00aa2e,#00c3ff2e)}.profile-card--female .profile-card__thumb{background:linear-gradient(135deg,#ff00aa47,#ff00aa14)}.profile-card--male .profile-card__thumb{background:linear-gradient(135deg,#00c3ff47,#00c3ff14)}.profile-card__label{padding:.6rem .8rem;color:#e9ecf4;font-size:.95rem}.profile-card--match{outline:2px solid #6df6ff;box-shadow:0 0 0 4px #6df6ff2e}@keyframes cursor-blink{0%,49%{opacity:0}50%,to{opacity:1}}@media (max-width: 768px){.matcher__row{grid-template-columns:180px 350px;gap:.75rem}.matcher__row--male{grid-template-columns:350px 180px}.matcher__text{width:350px;min-width:350px;max-width:350px}.matcher__photo{height:140px}}@media (max-width: 580px){.matcher__row{grid-template-columns:120px 1fr;justify-items:start;text-align:left;align-items:start}.matcher__row--male{grid-template-columns:1fr 120px}.matcher__text{width:auto;min-width:0;max-width:none;min-height:auto}.matcher__type{position:static;top:auto;transform:none;width:100%}.matcher__photo{width:120px;height:120px}}.meter{padding:4rem 1.25rem;position:relative}.meter:before{content:"";position:absolute;top:0;left:50%;width:720px;height:360px;background:radial-gradient(closest-side,rgba(124,58,237,.16),transparent 70%);transform:translate(-50%);filter:blur(70px);pointer-events:none}.meter__wrap{width:min(560px,92%);margin:0 auto;display:grid;gap:1.75rem;align-items:center;justify-items:center;text-align:center;position:relative;z-index:1}.meter__head{display:flex;justify-content:center}.meter__tag{color:#c7ccff;font-size:1rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;opacity:.9}.meter__bar-container{width:100%;display:grid;gap:1.5rem}.meter__bar{position:relative;height:18px;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;overflow:visible;box-shadow:inset 0 2px 8px #00000059}.meter__clip{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.meter__fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#00c3ff,#7c3aed,#f0a);filter:saturate(130%);box-shadow:0 0 18px #ff00aa40,0 0 18px #00c3ff33 inset;transition:width .7s cubic-bezier(.2,.7,.3,1);border-radius:inherit}.meter__shine{position:absolute;inset:1px;background:linear-gradient(180deg,#ffffff73,#fff0 50%);mix-blend-mode:overlay;opacity:.6;pointer-events:none;border-radius:inherit}.meter__stats{display:flex;align-items:baseline;gap:.5rem;font-size:3rem;font-weight:800;letter-spacing:-.03em}.current-count{background:linear-gradient(135deg,#00c3ff,#7c3aed,#f0a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(255,0,170,.3)}.target-count{color:#8b92a6;font-size:1.4rem;font-weight:600}.meter__milestone-text{color:#c9ccda;font-size:1.05rem;line-height:1.7;margin:.25rem 0 .5rem;max-width:52ch}.join-waitlist-btn{background:linear-gradient(135deg,#00c3ff,#7c3aed,#f0a);border:none;border-radius:12px;padding:.9rem 2rem;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #ff00aa40,0 0 0 1px #ffffff1f inset;letter-spacing:.02em;text-transform:none;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 2px 8px rgba(0,0,0,.3)}.join-waitlist-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 40px #ff00aa4d,0 0 0 1px #ffffff2e inset}.join-waitlist-btn:active{transform:translateY(0) scale(1)}.join-waitlist-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff40,#fff0 50%);opacity:0;transition:opacity .3s ease;border-radius:inherit}.join-waitlist-btn:hover:before{opacity:1}.join-waitlist-btn:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#00c3ff,#7c3aed,#f0a);z-index:-1;border-radius:inherit;opacity:0;filter:blur(20px);transition:opacity .4s ease}.join-waitlist-btn:hover:after{opacity:.4}.waitlist-overlay{position:fixed;inset:0;background:#0b0b12f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:grid;place-items:center;padding:2rem;animation:overlay-appear .4s ease-out}.close-button{position:fixed;top:2rem;left:2rem;width:48px;height:48px;border:none;background:#ffffff1a;border-radius:50%;color:#fff;font-size:1.5rem;font-weight:300;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.close-button:hover{background:#ffffff26;transform:scale(1.05)}.waitlist-form-container{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;max-width:480px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d inset}.form-title{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#fff;text-align:center;letter-spacing:-.02em}.form-subtitle{margin:0 0 2rem;color:#a8acb9;text-align:center;font-size:1rem;line-height:1.5}.waitlist-form{display:grid;gap:1.5rem}.form-group{display:grid;gap:.5rem}.form-group label{color:#c7cad6;font-size:.95rem;font-weight:500;letter-spacing:.02em}.form-group input,.form-group select{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.875rem 1rem;color:#fff;font-size:1rem;transition:all .3s ease;outline:none;height:auto}.form-group input{min-height:48px}.form-group select{min-height:48px;line-height:1.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;padding-right:2.5rem}.form-group input::placeholder{color:#a8acb9}.form-group input:focus,.form-group select:focus{border-color:#00c3ff80;box-shadow:0 0 0 3px #00c3ff1a;background:#ffffff1f}.form-group select option{background:#1a1a1a;color:#fff}.submit-button{background:linear-gradient(135deg,#00c3ff,#f0a);border:none;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;margin-top:.5rem;box-shadow:0 8px 32px #ff00aa40,0 0 0 1px #ffffff1a inset}.submit-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ff00aa59,0 0 0 1px #ffffff26 inset}.submit-button:active{transform:translateY(0)}@keyframes overlay-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.meter{padding:3rem 1rem}.meter__stats{font-size:2.5rem}.target-count{font-size:1.4rem}.meter__bar{height:28px}.meter__tick{right:-50px;font-size:.9rem;padding:.4rem .6rem}.join-waitlist-btn{padding:1rem 2.5rem;font-size:1.1rem}.meter__milestone{padding:1.25rem 1.5rem}}@media (max-width: 580px){.meter{padding:2.5rem 1rem}.meter__wrap{gap:2rem}.meter__stats{font-size:2rem;gap:.25rem}.target-count{font-size:1.2rem}.meter__tag{font-size:1.1rem}.meter__bar{height:24px}.meter__tick{position:static;transform:none;margin-top:.75rem;align-self:center}.meter__bar-container{gap:.75rem}.join-waitlist-btn{padding:1rem 2rem;font-size:1rem}.meter__milestone{padding:1rem 1.25rem}.meter__milestone-text{font-size:1rem}}@media (max-width: 768px){.waitlist-form-container{padding:2.5rem 2rem;margin:1.5rem}}@media (max-width: 580px){.waitlist-form-container{padding:2rem 1.5rem;margin:1rem}.close-button{top:1rem;left:1rem;width:40px;height:40px;font-size:1.25rem}.form-title{font-size:1.75rem}}