.landing-page{--accent:#ffa48e;--muted:#b8adb8;background:radial-gradient(ellipse at 14% 27%,#402b3c45,transparent 36%),#171419;overflow:clip}body:has(.landing-page),html:has(.landing-page){background:#171419}.landing-page .shell{max-width:1224px;width:calc(100% - 96px)}.landing-page .header{height:88px;border-color:#ffffff14}.landing-page .brand{font-size:33px}.landing-page .header nav{font-size:13px;gap:34px}.landing-page .header-note{font-size:11px}.landing-page .hero{grid-template-columns:minmax(0,1fr) 432px;gap:70px;padding-block:42px 48px;align-items:center}.landing-page .hero-copy{padding-top:8px}.landing-page .eyebrow{font-size:10px;letter-spacing:.16em;color:#b7a4b6}.landing-page .eyebrow-line{width:30px}.landing-page h1{font-size:clamp(46px,4.6vw,66px);letter-spacing:-.055em;line-height:1.05;margin-top:24px}.landing-page .heading-line{line-height:1.12;gap:.2em}.landing-page .rotating-word{font-family:Georgia,Times New Roman,serif;font-style:italic;letter-spacing:-.06em;padding-right:.12em}.landing-page .connection-art{height:294px;width:100%;max-width:600px;margin-top:24px}.landing-page .connection-card{width:224px;border-radius:28px;border-color:#ffffff1f;box-shadow:inset 0 1px 0 #ffffff2e,0 28px 46px #0006,0 0 60px var(--card-glow,#8865a830)}.landing-page .card-you{--card-glow:#8865a83a;left:6px;top:8px;transform:rotate(-8deg);background:radial-gradient(ellipse at 20% 0,#bca4de55,transparent 80%),linear-gradient(150deg,#3a2c48,#211b29)}.landing-page .card-other{--card-glow:#e0805f30;left:370px;top:46px;transform:rotate(8deg);background:radial-gradient(ellipse at 80% 0,#f0b99548,transparent 80%),linear-gradient(150deg,#573640,#2b1d22)}.landing-page .art-glow{inset:-20% -6%;background:radial-gradient(ellipse at 50% 45%,#b174a32e,transparent 62%)}.landing-page .scene-caption{bottom:-4px;justify-content:flex-start;padding-left:18px;font-size:11px;color:#b4a2b4}@media (hover:hover){.landing-page .connection-art:hover .card-you{transform:translate(5px,-5px) rotate(-5deg)}.landing-page .connection-art:hover .card-other{transform:translate(-5px,-5px) rotate(5deg)}}.landing-page .start-form{color:#eadfe7;background:radial-gradient(ellipse at 100% 0,#a5656e2e,transparent 55%),radial-gradient(ellipse at 0 100%,#8865a826,transparent 60%),#1f1920;border:1px solid #cb93a32b;border-radius:24px;padding:24px 28px 20px;box-shadow:inset 0 1px 0 #ffffff14,0 28px 70px #0007,0 0 80px #b174a31c}.landing-page .start-form:before{left:18%;right:18%;background:linear-gradient(90deg,transparent,#ffa48eaa,transparent)}.form-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-page .start-form h2{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.045em;margin:0;color:#fff0e8}.form-heading>svg{color:#ffa48e;flex:0 0 auto}.landing-page .form-description{font-size:12px;color:#b8acb8;margin:9px 0 18px}.landing-page fieldset{margin-bottom:14px}.landing-page .age-field,.landing-page legend{font-size:13px;font-weight:500;color:#e5d7e1}.landing-page .start-form{counter-reset:form-step}.landing-page .start-form legend{counter-increment:form-step;display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#d9c3d2}.landing-page .start-form legend:before{content:counter(form-step,decimal-leading-zero);display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #ffa48e55;border-radius:50%;color:#ffa48e;font-size:10px;letter-spacing:0}.landing-page .gender-options{gap:5px;padding:4px;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px}.landing-page .gender-option>span{min-height:40px;border:1px solid transparent;border-radius:8px;color:#b8acb8;font-size:12px;background:transparent}.landing-page .gender-option input:checked+span{background:#f0cfb9;color:#3e2733;border-color:#f0cfb9;font-weight:600;box-shadow:0 4px 14px #ffa48e2e}.landing-page .gender-option input:not(:checked):hover+span{border-color:#c39fae55;color:#eadfe7}.landing-page .gender-option input:focus-visible+span{outline-color:#ffbba9}.landing-page .age-field{margin-bottom:5px}.landing-page .age-field output{color:#fff0e8;font-size:23px;line-height:1}.landing-page .age-field output small{font-size:11px;color:#b09daa}.landing-page .age-slider{height:20px;margin:5px 0;border-radius:0;background:linear-gradient(to right,#ffa48e var(--progress),#ffffff1c var(--progress)) 50% /100% 3px no-repeat}.landing-page .age-slider::-webkit-slider-thumb{width:19px;height:19px;background:#ffd9c8;border:4px solid #2a1f29;box-shadow:0 0 0 1px #ffa48e,0 0 12px #ff8d7666}.landing-page .age-slider::-moz-range-thumb{width:12px;height:12px;background:#ffd9c8;border:3px solid #2a1f29;box-shadow:0 0 0 1px #ffa48e}.landing-page .range-scale{font-size:10px;color:#8f8498;margin-top:-2px}.landing-page .dual-range{height:20px;margin:5px 0}.landing-page .dual-range:before{height:3px;border-radius:0;background:linear-gradient(to right,#ffffff1c var(--from),#ffa48e var(--from),#ffa48e var(--to),#ffffff1c var(--to))}.landing-page .dual-range input{height:20px}.landing-page .dual-range input::-webkit-slider-thumb{width:19px;height:19px;background:#ffd9c8;border:4px solid #2a1f29;box-shadow:0 0 0 1px #ffa48e,0 0 12px #ff8d7666}.landing-page .dual-range input::-moz-range-thumb{width:12px;height:12px;background:#ffd9c8;border:3px solid #2a1f29;box-shadow:0 0 0 1px #ffa48e}.landing-page .dual-range input:focus-visible::-webkit-slider-thumb{outline-color:#ffbba9}.landing-page .form-select-field{gap:10px;margin-top:14px;font-size:13px;font-weight:500;color:#e5d7e1}.landing-page .form-select{min-height:44px;border:1px solid #ffffff14;border-radius:12px;background-color:#ffffff08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23c39fae' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");color:#eadfe7;font-size:13px;font-weight:400}.landing-page .form-select:hover{border-color:#c39fae55}.landing-page .form-select:focus-visible{outline-color:#ffbba9}.landing-page .form-select option{background:#211b23;color:#eadfe7}.landing-page .form-divider{background:#ffffff14;margin:14px 0}.landing-page .primary-button{background:#f0cfb9;color:#3e2733;border-radius:12px;min-height:52px;padding:13px 20px;margin-top:22px;font-size:15px;justify-content:space-between}.landing-page .primary-button:hover{background:#ffe2cb;box-shadow:0 8px 24px #ffa48e2e}.landing-page .primary-button svg{transition:transform .25s ease}.landing-page .primary-button:hover svg{transform:translate(2px,-2px)}.landing-page .form-note{font-size:10px;color:#9d8f9c;margin-top:12px}.landing-page .how{padding-block:76px;grid-template-columns:1fr 2fr;gap:48px;align-items:center}.landing-page .faq h2,.landing-page .section-heading h2{font-size:35px;letter-spacing:-.045em;line-height:1.15;margin-top:18px}.landing-page .section-heading h2>span{color:#c39fae}.landing-page .steps{gap:12px;padding:0;align-items:stretch}.landing-page .steps article{padding:22px 18px;border:1px solid #ffffff12;border-radius:18px;background:#211b23;transition:border-color .25s,transform .25s}.landing-page .steps article:hover{border-color:#b48c9d55;transform:translateY(-3px)}.step-top{display:flex;justify-content:space-between;align-items:center;color:#c39fae}.landing-page .step-number{font-size:11px;color:#b09daa}.landing-page .steps h3{font-size:14px;margin:30px 0 12px;color:#eadfe7}.landing-page .steps p{font-size:12px;color:#b0a1b1;line-height:1.8}.landing-page .steps p br{display:none}.landing-page .faq{padding-block:56px 66px;grid-template-columns:1fr 1.45fr}.landing-page .faq-list summary{min-height:30px}.landing-page .closing{position:relative;overflow:hidden;padding:42px;border:1px solid #cb93a32b;border-radius:24px;background:radial-gradient(ellipse at 100% 90%,#a5656e33,transparent 60%),#2d212c}.landing-page .closing p{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.04em;line-height:1.15}.landing-page .closing em{color:#f1b99f}.landing-page .closing a{width:66px;height:66px;background:#f0cfb9;color:#49303e;border:0;flex:0 0 auto}.landing-page .closing a:hover{background:#ffe2cb;transform:rotate(-35deg)}.landing-page .footer{padding-block:25px 32px}.landing-page .footer>span{font-size:11px;color:#ac9baa}@media (min-width:761px) and (prefers-reduced-motion:no-preference){.landing-page .headline-group,.landing-page .hero-copy>.eyebrow{animation:landing-reveal .7s both}.landing-page .headline-group{animation-delay:.06s}.landing-page .start-form{animation:landing-reveal .8s .14s both}}@keyframes landing-reveal{0%{transform:translateY(12px)}to{transform:translateY(0)}}@media (min-width:761px) and (max-width:1100px){.landing-page .shell{width:calc(100% - 56px)}.landing-page .hero{grid-template-columns:minmax(0,1fr) 390px;gap:32px;padding-block:28px 36px;align-items:start}.landing-page h1{font-size:44px}.landing-page .connection-scene{display:none}.landing-page .how{grid-template-columns:1fr;gap:28px}}@media (min-width:761px) and (max-width:899px){.landing-page .hero{grid-template-columns:1fr}.landing-page .start-form{max-width:520px;width:100%}}@media (max-width:760px){.landing-page .shell{width:calc(100% - 36px)}.landing-page .header{height:64px}.landing-page .brand{font-size:28px}.landing-page .header-note{font-size:10px}.landing-page .hero{grid-template-columns:1fr;gap:22px;padding-block:22px 28px}.landing-page .hero-copy{padding:0}.landing-page h1{font-size:clamp(36px,8.7vw,55px);line-height:1.02;margin:0}.landing-page .heading-line{line-height:1.1}.landing-page .connection-scene{display:none}.landing-page .start-form{max-width:470px;padding:22px;border-radius:20px}.landing-page .start-form h2{font-size:25px}.landing-page .form-description{margin-bottom:20px}.landing-page .gender-option>span{padding:9px 3px}.landing-page .form-note{font-size:10px}.landing-page .how{grid-template-columns:1fr;padding-block:42px;gap:26px}.landing-page .faq h2,.landing-page .section-heading h2{font-size:31px}.landing-page .steps{grid-template-columns:1fr;gap:10px}.landing-page .steps article{position:relative;padding:20px 22px 20px 70px}.landing-page .step-top{position:absolute;top:22px;left:23px}.landing-page .step-top svg{display:none}.landing-page .step-number{position:static}.landing-page .steps h3{margin:0 0 7px;font-size:15px}.landing-page .steps p{font-size:13px}.landing-page .faq{grid-template-columns:1fr;padding-block:32px 40px;gap:28px}.landing-page .faq-list summary{font-size:14px}.landing-page .closing{padding:28px 23px;gap:18px}.landing-page .closing p{font-size:clamp(23px,6vw,32px)}.landing-page .closing a{width:46px;height:46px}.landing-page .footer>span{font-size:10px}}.landing-page .mobile-blog-link{display:none}.landing-page .landing-blog{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:32px 44px;border-top:1px solid #ffffff14}.landing-page .landing-blog h2{margin:13px 0 9px;font-size:30px;font-weight:500;letter-spacing:-.8px}.landing-page .landing-blog p{color:#bdaaba;font-size:14px;line-height:1.7;margin:0}.landing-page .landing-blog>a{display:flex;align-items:center;gap:20px;color:#ffc0aa;font-size:13px;flex-shrink:0}.landing-page .footer>a:not(.brand){color:#d9b8c6;font-size:12px}@media (max-width:760px){.landing-page .mobile-blog-link{display:block;margin-left:auto;margin-right:18px;color:#e6c4d4;font-size:12px}.landing-page .landing-blog{align-items:flex-start;flex-direction:column;gap:20px;padding-block:28px}.landing-page .landing-blog h2{font-size:27px}.landing-page .header-note{font-size:0;gap:0}.landing-page .header-note>span:first-child{display:none}}.landing-page .person-portrait{width:176px;height:168px;left:24px;top:30px;filter:drop-shadow(0 10px 14px #0a06144d)}.landing-page .hero-points{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:18px 0 0;padding:0}.landing-page .hero-points li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px 7px 10px;border:1px solid #ffffff1f;border-radius:999px;background:#ffffff0a;color:#e5d7e1;font-size:12px}.landing-page .hero-points svg{color:#ffa48e;flex:0 0 auto}.landing-page .step-top{justify-content:flex-start}.landing-page .step-number{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #c39fae55;border-radius:50%;color:#ecc3d2;font-size:12px}.landing-page .steps h3{margin:24px 0 10px;font-size:16px}.landing-page .steps p{font-size:13px}.landing-page .footer-links{display:flex;gap:22px;flex-wrap:wrap}.landing-page .footer-links a{color:#d9b8c6;font-size:12px}.landing-page .footer-links a:hover{color:#ffc0aa}.landing-page .connection-art{isolation:isolate}.landing-page .connection-card{border-color:transparent}.landing-page .connection-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:2;background:linear-gradient(155deg,#ffffff66,#ffffff10 38%,var(--card-edge,#b69be85c));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.landing-page .card-other{--card-edge:#ff9a8a66}.landing-page .chat-bubble{position:absolute;z-index:4;padding:9px 17px;border-radius:999px;font:inherit;font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:0 10px 22px #0004}.landing-page .chat-bubble:after{content:"";position:absolute;bottom:-7px;width:15px;height:9px;background:inherit}.landing-page .bubble-me{top:80px;left:208px;background:#cdb6f2;color:#2a2040;transform-origin:22px 100%;animation:bubble-pop .6s cubic-bezier(.3,1.3,.5,1) .3s both}.landing-page .bubble-me:after{left:15px;clip-path:polygon(0 0,100% 0,0 100%)}.landing-page .bubble-partner{top:156px;right:205px;background:#ffb39c;color:#4a1b0c;transform-origin:calc(100% - 22px) 100%;animation:bubble-pop .35s cubic-bezier(.3,1.3,.5,1) 1s both}.landing-page .bubble-partner:after{right:15px;clip-path:polygon(0 0,100% 0,100% 100%)}.landing-page .bubble-text{display:block;animation:bubble-text-in .25s ease-out 1.9s both}.landing-page .bubble-typing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;animation:bubble-typing-out .2s ease-out 1.8s forwards}.landing-page .bubble-typing i{width:6px;height:6px;border-radius:50%;background:#4a1b0c;opacity:.3;animation:typing-blink .6s ease-in-out 1.1s both}.landing-page .bubble-typing i:nth-child(2){animation-delay:1.2s}.landing-page .bubble-typing i:nth-child(3){animation-delay:1.3s}@keyframes bubble-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes bubble-text-in{0%{opacity:0}to{opacity:1}}@keyframes bubble-typing-out{to{opacity:0}}@keyframes typing-blink{0%,50%,to{opacity:.3}25%,75%{opacity:.9}}@media (prefers-reduced-motion:reduce){.landing-page .bubble-text,.landing-page .chat-bubble{animation:none;opacity:1}.landing-page .bubble-typing{display:none}}@media (min-width:1101px) and (max-width:1199px){.landing-page .connection-art{width:600px;max-width:none;transform:scale(.82);transform-origin:left top;margin-bottom:-53px}}@media (min-width:1200px){.landing-page .connection-art{width:600px}}@media (max-width:760px){.landing-page .rotating-word{text-align:center}.landing-page .hero-points{justify-content:center;margin-top:14px;gap:6px}.landing-page .hero-points li{font-size:11px;padding:6px 10px 6px 8px}.landing-page .hero-points li:nth-child(3){display:none}.landing-page .steps article{padding-left:74px}.landing-page .steps h3{margin:6px 0 7px;font-size:15px}.landing-page .step-top{top:20px;left:22px}.landing-page .step-number{width:32px;height:32px}.landing-page .footer-links{gap:14px}}.landing-page .hero-cta{border:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:14px;margin-top:18px;padding:14px 22px;border-radius:12px;background:#f0cfb9;color:#3e2733;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.landing-page .hero-cta:hover{background:#ffe2cb;transform:translateY(-2px)}.landing-page .card-label{font-size:13px;font-weight:700;letter-spacing:.14em;color:#f1e6f6}.landing-page .card-other .card-label{color:#ffe3d6}.landing-page .card-index{font-size:11px;color:#d9c3de}.landing-page .card-other .card-index{color:#f0c2b2}@media (min-width:900px){.landing-page .hero .hero-cta{display:none}}@media (max-width:760px){.landing-page .hero-cta{margin-top:14px;padding:12px 22px;font-size:14px}}@media (max-width:760px) and (max-height:430px){.landing-page .hero-points{display:none}}.landing-page .faq{grid-template-columns:1fr;gap:32px}.landing-page .faq-intro p{margin:14px 0 0;color:#b8acb8;font-size:15px;line-height:1.6}.landing-page .faq-try{display:inline-flex;align-items:center;gap:4px;color:#ffc0aa;border-bottom:1px solid #ffc0aa55;transition:color .2s,border-color .2s}.landing-page .faq-try svg{transition:transform .2s}.landing-page .faq-try:hover{color:#ffe2cb;border-color:#ffe2cb}.landing-page .faq-try:hover svg{transform:translate(2px,-2px)}.landing-page .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.landing-page .faq-column{display:grid;gap:10px}.landing-page .faq-list details,.landing-page .faq-list details:first-child{padding:0;border:1px solid #ffffff12;border-radius:18px;background:#211b23;transition:border-color .25s,background .25s}.landing-page .faq-list details:hover{border-color:#b48c9d55}.landing-page .faq-list details[open]{border-color:#ffa48e40;background:radial-gradient(ellipse at 100% 0,#a5656e26,transparent 60%),#241c25}.landing-page .faq-list summary{display:flex;align-items:center;gap:16px;min-height:0;padding:18px 18px 18px 20px;font-size:15px;color:#eadfe7;cursor:pointer}.landing-page .faq-list details[open] summary,.landing-page .faq-list summary:hover{color:#fff0e8}.landing-page .faq-list summary:focus-visible{outline:2px solid #ffbba9;outline-offset:3px;border-radius:18px}.landing-page .faq-num{flex:0 0 auto;width:22px;color:#c39fae;font-size:12px;font-variant-numeric:tabular-nums}.landing-page .faq-question{flex:1;line-height:1.4}.landing-page .faq-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid #ffffff1a;border-radius:50%;color:#ffa48e;font-size:19px;line-height:1;transition:transform .25s,background .25s,color .25s,border-color .25s}.landing-page .faq-list details[open] .faq-icon{transform:rotate(45deg);background:#f0cfb9;border-color:#f0cfb9;color:#3e2733}.landing-page .faq-list p{margin:0;padding:0 64px 20px 58px;max-width:none;font-size:14px;line-height:1.75;color:#b9aab9}@media (max-width:760px){.landing-page .faq{gap:22px}.landing-page .faq-intro p{font-size:13px;margin-top:12px}.landing-page .faq-column,.landing-page .faq-list{grid-template-columns:1fr;gap:8px}.landing-page .faq-list summary{gap:12px;padding:15px 14px 15px 16px;font-size:14px}.landing-page .faq-num{width:18px;font-size:11px}.landing-page .faq-icon{width:28px;height:28px}.landing-page .faq-list p{padding:0 16px 16px 46px;font-size:13px}}@media (min-width:761px) and (max-width:1000px){.landing-page .faq-list{grid-template-columns:1fr}}