:root{--night:#28171f;--night-2:#38232d;--cream:#faf3eb;--muted:#cfbdb9;--copper:#d8af96;--wine:#613746;--paper:#faf3eb;--ink:#38232d;--clay:#854554;--rule:#ded0cb}
body{font-weight:400}
.nav{background:#faf3eb;min-height:80px;padding-block:17px}
.nav-links>a{font-size:13px}
.nav .join:hover{background:#613746;border-color:#613746}
.logo{gap:12px;font-size:30px;letter-spacing:.16em;line-height:1;flex-shrink:0;color:var(--ink)}
.logo:before{content:none}
.logo-emblem{display:block;width:48px;height:48px;flex-shrink:0}
.logo-wordmark{padding-block:7px;border-bottom:1px solid #b98268}
.logo i{color:var(--clay)}
.hero .hero-audience{max-width:48ch;margin:24px 0 0;padding:16px 20px;border-inline-start:3px solid #d8af96;background:#28171fe6;color:#faf3eb;font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.65;text-wrap:pretty;border-radius:0 6px 6px 0}
html[dir="rtl"] .hero-audience{border-radius:6px 0 0 6px}
@media(max-width:760px){.logo{font-size:26px;gap:10px}.logo-emblem{width:42px;height:42px}.hero .hero-audience{margin-top:20px;padding:14px 16px;font-size:17px}}
.hero{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:clamp(30px,5vw,80px);min-height:calc(100svh - 80px);padding:42px clamp(24px,5vw,80px);background:var(--night);align-items:center;overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;z-index:-1;background:var(--night)}
.hero-photo img{width:100%;height:100%;border-radius:0;object-position:35% 65%;filter:saturate(.55) sepia(.12)}
.hero-photo:after{inset:0;border-radius:0;background:linear-gradient(90deg,rgba(30,17,24,.7),rgba(40,23,31,.35) 42%,rgba(40,23,31,.94) 78%),linear-gradient(0deg,rgba(30,17,24,.8),transparent 75%)}
.hero-photo .age{inset:auto auto 22px 28px;color:var(--cream);border-color:#cdb4a7}
.hero-copy{padding:30px 0 52px;max-width:700px;min-height:0;background:none}
.hero .kicker{font-size:12px;letter-spacing:.12em;line-height:1.8;color:#f1ceb6;margin-bottom:24px}
.hero h1{font-size:clamp(52px,5.5vw,88px);line-height:1.08;max-width:14ch;text-wrap:balance}
html[dir] .hero h1 em{color:#f1ceb6}
.hero-copy>p{font-size:16px;line-height:1.85;max-width:46ch;margin:26px 0;color:#fff5ee}
.hero-actions{gap:22px;margin-bottom:26px}
.hero-actions .cta{font-size:14px;padding:15px 23px;background:var(--cream);color:var(--ink)}
.hero-discover{font-size:14px;text-underline-offset:6px;text-decoration-color:#d8af96}
.hero-discover:hover{color:#f1ceb6}
.hero .proof{font-size:12px;line-height:1.9;color:#efdad0;display:block}
.hero .closing{position:relative;padding:28px 30px 22px;margin:0;background:#faf3eb;color:var(--ink);border:1px solid #e6d8d0;border-radius:8px;box-shadow:0 22px 70px #190c1750;scroll-margin-top:24px;min-width:0}
.hero .closing .kicker{color:var(--clay);font-size:11px;letter-spacing:.1em;margin-bottom:12px}
.hero .closing h2{font-size:46px;line-height:1.1;max-width:none;margin:0 auto 22px;text-wrap:balance}
.hero .closing h2 em{color:var(--clay);display:block;font-style:normal}
.hero .auth-tabs{margin-bottom:20px;border-radius:4px;overflow:hidden}
.hero .auth-tabs button{font-size:13px;min-height:44px;padding:11px 8px;color:#69505a}
.hero .auth-tabs button[aria-selected="true"]{color:var(--cream);background:var(--ink)}
.hero .signup-form{grid-template-columns:1fr;gap:14px}
.hero .field label{font-size:13px;font-weight:600;color:var(--ink)}
.hero .field input{font-size:16px;padding:11px 13px;min-height:46px;background:#fffdf9;color:var(--ink);border-color:#c7b8b2;border-radius:4px}
.hero .field small{font-size:12px;color:#69505a}
.hero .signup-options{font-size:12px;line-height:1.7;color:#69505a;gap:10px}
.hero .signup-options input{width:17px;height:17px;flex-shrink:0;accent-color:var(--clay)}
.hero .signup-submit{font-size:14px;min-height:48px;border-radius:4px;background:var(--ink);color:var(--cream)}
.hero .signup-submit:hover{background:var(--wine);color:var(--cream)}
.hero .form-status{font-size:13px;min-height:0;color:#69505a}
.hero .form-status:empty{display:none}
.hero .form-status.error{color:#a52c3a}
.hero .form-status.success{color:#326344}
.intro-text,.example-note,.profile-info .profile-bio,.trust-copy>p,.trust-item>p,.newsletter p{font-size:15px;line-height:1.85}
.section-no,.principles span,.profile-info>p,.chips span{font-size:12px}
.discover,.newsletter{background:#efe3df}
.profile-portrait{background:#f1e7e1;border-color:var(--rule)}
.profile-info>p,.example-note,.intro-text,.newsletter p,.chips span{color:#69505a}
.filters button{color:#69505a;border-color:#c7b8b2;font-size:13px}
.filters button:hover,.filters button.active{background:var(--ink)}
.trust{background:var(--night)}
.trust-copy>p,.trust-item>p{color:#e4d1c9}
.trust-item summary{font-size:15px;line-height:1.7}
.newsletter-form input{font-size:16px}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #b87456;outline-offset:4px}
html[dir="rtl"] .hero-copy{text-align:right}
html[dir="rtl"] .hero-photo .age{left:auto;right:28px}
@media(min-width:1600px){.hero{padding-inline:max(5vw,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:28px;padding:36px 28px}.hero h1{font-size:60px}.hero .closing{padding:25px}.hero-photo{height:100%}}
@media(max-width:760px){.nav{min-height:0;gap:14px;padding:16px 20px}.nav-links{gap:12px}.nav-links>a{font-size:12px}.hero{grid-template-columns:1fr;gap:24px;padding:30px 20px 48px;min-height:0}.hero-photo{position:absolute;width:100%;height:100%;margin:0;inset:0;justify-self:auto}.hero-photo img{object-position:42% center}.hero-photo:after{background:linear-gradient(180deg,#28171f65,#28171fdd 48%,#28171f 80%)}.hero-copy{padding:0;max-width:100%}.hero .kicker{font-size:10px;margin-bottom:14px}.hero h1{font-size:clamp(43px,8vw,62px);max-width:18ch}.hero-copy>p{font-size:15px;line-height:1.75;margin:16px 0}.hero-actions{display:none}.hero .proof{font-size:11px}.hero .closing{width:min(100%,480px);justify-self:center;padding:24px}.hero .closing h2{font-size:39px;margin-bottom:18px}.hero-photo .age{display:none}.hero .closing .kicker{font-size:10px}.intro,.discover,.newsletter{padding:55px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}