:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f9f6fa;background:#0e0b12;font-synthesis:none;--pink:#b14974;--muted:#c3b7c6;--line:#342838}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 50% 8%,#301320 0,transparent 55%),#0e0b12}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #f3b1ce;outline-offset:5px}
.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:#fff;color:#17121d;z-index:10}
.skip-link:focus{top:12px}
.landing-wrap{max-width:1100px;margin:0 auto;background:#17121d}
.landing-header{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:20px 20px 18px;gap:20px}
.wordmark{font-size:22px;font-weight:500;letter-spacing:-.8px;color:#f0d9e6}
.login-link{font-size:15px;color:#d5c7d8;padding:10px 0 10px 16px}
.login-link:hover,.privacy-link:hover,footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.hero{padding:0 16px}
.hero-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center top;border-radius:15px;background:#37141f}
.hero-copy{text-align:center;padding:24px 0 20px;margin:0 auto;max-width:770px}
h1{font-size:clamp(28px,6.2vw,48px);font-weight:600;line-height:1.17;letter-spacing:-1px;margin:0 auto 17px;max-width:730px;text-wrap:balance}
.hero-description{font-size:clamp(15px,3.65vw,20px);line-height:1.5;color:#d0c3d3;margin:0 auto 14px;max-width:680px;text-wrap:pretty}
.join-button{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:13px;background:var(--pink);color:#fff;font-size:clamp(18px,4.2vw,23px);padding:16px 12px;transition:background .15s}
.join-button:hover{background:#c25681}
.trust-line{margin:12px 0 0;color:var(--muted);font-size:clamp(11px,2.65vw,15px);line-height:1.6}
.trust-line span{margin:0 3px}
.connection-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 12px;gap:12px;background:#130f18}
.connection-types article{text-align:center;padding:0 5px}
.connection-types article+article{border-left:1px solid var(--line)}
.connection-types svg{width:25px;height:25px;fill:none;stroke:#d18fac;stroke-width:1.4;margin:0 auto 10px}
.connection-types h2{font-size:13px;line-height:1.4;font-weight:500;margin:0;color:#eddae7}
.connection-types p{display:none;color:var(--muted);font-size:14px;line-height:1.55;margin:10px 0 0}
.privacy-section{padding:40px 22px}
.eyebrow{font-size:10px;letter-spacing:2px;color:#d490ad;margin:0 0 14px;font-weight:600}
.privacy-section h2{font-size:27px;line-height:1.2;letter-spacing:-.7px;font-weight:500;margin:0 0 27px;text-wrap:balance}
.privacy-points{display:grid;gap:24px}
.privacy-points h3{font-size:16px;font-weight:500;margin:0 0 8px}
.privacy-points p{font-size:14px;line-height:1.7;color:var(--muted);margin:0;max-width:420px}
.privacy-link{display:inline-block;color:#e7a5c2;font-size:14px;margin-top:27px}
footer{padding:26px 22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;color:var(--muted)}
.footer-brand{font-size:16px;color:#e9cfdf;letter-spacing:-.4px}
.footer-brand small{display:block;font-size:11px;letter-spacing:0;color:var(--muted);margin-top:9px}
footer nav{display:flex;flex-wrap:wrap;gap:15px 20px;align-items:center}
footer a{font-size:12px;line-height:1.5}
@media(min-width:600px){.landing-wrap{margin:24px auto;border:1px solid #302333;border-radius:24px;overflow:hidden;width:calc(100% - 40px)}.landing-header{padding:24px 32px;min-height:90px}.wordmark{font-size:25px}.hero{padding:0 30px}.hero-copy{padding:32px 14px 30px}.hero-photo{max-height:460px}.hero-description{margin-bottom:20px}.join-button{max-width:680px;margin:0 auto;min-height:64px}.connection-types{padding:32px 25px;gap:20px}.connection-types h2{font-size:16px}.connection-types p{display:block}.connection-types article{padding:0 18px}.privacy-section{padding:50px 44px}.privacy-section h2{font-size:34px}.privacy-points{grid-template-columns:repeat(3,1fr);gap:30px}.privacy-points h3{line-height:1.5}footer{padding:30px 44px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}