/* The first screen carries the product story and an immediately usable preview. */
.hero{min-height:750px;padding-block:40px 78px}.hero h1{font-size:clamp(62px,6.4vw,92px);margin-block:20px 25px}.hero-copy>p{max-width:470px;line-height:1.75}.hero-copy>p strong{color:var(--ink);font-weight:600}.hero-features{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px;font-size:11px;color:var(--muted)}.hero-features>span:not(.feature-arrow){display:inline-flex;align-items:center;gap:6px}.hero-features svg{width:15px;height:15px;color:var(--blue)}.hero-features .feature-arrow{color:var(--blue);opacity:.7}.hero-actions{margin-block:24px 0;gap:18px}.hero-primary-actions{display:flex;align-items:center;gap:18px}.hero-primary-actions>.button{min-height:56px;padding:15px 22px;font-size:15px}.preview-hint{font-size:11px;line-height:1.7;color:var(--muted)}.hero-actions .store-links{gap:10px}.hero-actions .store-link{min-width:162px;min-height:58px;padding:10px 14px}.hero-actions .store-link strong{font-size:15px}.hero-actions .store-link small{font-size:8px;letter-spacing:.04em}.hero-actions .store-link>svg{width:22px}.hero .launch-badge{margin-top:13px;background:transparent;padding:0;border:0;font-size:11px}.hero-assurance{margin-top:12px}.try-live svg{fill:currentColor;stroke:none;width:14px;height:14px}.hero-art{min-height:590px}.illustrated-chat{margin-top:18px}.illustrated-chat-heading{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid #ffffff12}.chat-avatar{height:36px;width:36px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#4aa8ff3d,#7c5cff38);color:#acd4ff;font-size:14px;font-weight:600;flex-shrink:0}.illustrated-chat-heading strong{font-size:13px;font-weight:600}.illustrated-chat-heading small{display:flex;align-items:center;gap:3px;color:#9aaecb;font-size:8px}.illustrated-chat-heading small svg{width:9px;height:9px;color:#66c4b3}.illustrated-chat-heading>svg{margin-left:auto;color:#4aa8ff;width:18px}.chat-unlocked{display:flex;align-items:center;justify-content:center;gap:4px;font-size:6px;color:#9dcece;background:#00e0c60d;border:1px solid #00e0c61b;border-radius:7px;padding:7px 3px;margin-top:12px}.chat-unlocked svg{width:9px;height:9px}.illustrated-bubbles{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding-top:12px}.chat-day{align-self:center;font-size:6px;letter-spacing:.1em;color:#8f9eb6;margin-bottom:3px}.chat-bubble{font-size:10px;padding:9px 11px;max-width:90%;line-height:1.5;border-radius:12px;background:#1c293d;color:#e6efff;box-shadow:0 3px 8px #0001}.chat-bubble.received{border-bottom-left-radius:3px}.chat-bubble.sent{align-self:flex-end;background:linear-gradient(125deg,#2874cf,#1e5fb8);border-bottom-right-radius:3px}.chat-bubble small{display:block;text-align:right;font-size:6px;color:#d9eaffc9;margin-top:3px}.chat-photo{display:flex;align-items:center;gap:8px;border:1px dashed #4aa8ff60;background:#4aa8ff0b;padding:10px;border-radius:12px;font-size:9px;line-height:1.6;width:100%}.chat-photo svg{height:19px;width:19px;color:#7fc1ff}.chat-photo small{display:block;font-size:6px;color:#98acc6}.chat-photo>span:last-child{margin-left:auto;color:#7fc1ff;font-size:15px}.illustrated-composer{margin-top:15px;display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid #ffffff17;background:#151f30;border-radius:10px;color:#9cabc1;font-size:8px}.illustrated-composer svg{height:15px;width:15px;color:#7cc4ff}.phone-content{padding-top:16px}.phone-bottom-note{margin:12px 0}.phone-nav{padding-top:9px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.live-preview{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:27px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:28px;box-shadow:0 30px 120px #0009;overflow:auto;overscroll-behavior:contain}.live-preview::backdrop{background:#020712bd;backdrop-filter:blur(12px)}.live-preview[open]{animation:preview-in .25s var(--ease)}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-eyebrow{font-size:9px;font-weight:600;letter-spacing:.14em;color:var(--blue)}.preview-top h2{font-size:32px;margin-top:7px;letter-spacing:-.05em}.preview-close{min-height:44px;min-width:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:26px;line-height:1}.live-preview>p{font-size:11px;margin-top:12px}.preview-tabs{display:flex;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:4px;gap:4px;margin:19px 0 16px}.preview-tabs button{flex:1;min-height:44px;border:0;border-radius:10px;background:transparent;font-size:12px;color:var(--muted);font-weight:600}.preview-tabs button[aria-selected=true]{background:var(--raised);color:var(--ink);box-shadow:0 2px 10px #0001}.preview-panel[hidden]{display:none}.preview-chat-person{display:flex;align-items:center;gap:10px;padding:0 0 14px;border-bottom:1px solid var(--line)}.preview-chat-person strong{font-size:13px;font-weight:600}.preview-chat-person small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:2px}.preview-chat-person>svg{margin-left:auto;width:17px;color:var(--teal)}.preview-chat-person .chat-avatar{color:var(--blue);height:40px;width:40px}.preview-messages{height:285px;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:14px 4px 14px 0;scrollbar-width:thin;overscroll-behavior:contain}.preview-match-note{font-size:10px;align-self:center;text-align:center;padding:4px 0;margin-bottom:3px}.preview-message{max-width:88%;flex-shrink:0;border-radius:16px;padding:10px 13px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;animation:message-in .25s var(--ease)}.preview-message.received{background:var(--raised);border-bottom-left-radius:4px}.preview-message.sent{align-self:flex-end;background:linear-gradient(125deg,#2874cf,#1e5fb8);color:white;border-bottom-right-radius:4px}.preview-photo{width:100%;display:flex;align-items:center;gap:11px;flex-shrink:0;padding:13px;border:1px dashed #4aa8ff77;border-radius:15px;background:var(--surface);text-align:left;font-size:12px}.preview-photo>svg{color:var(--blue);width:22px;height:22px}.preview-photo small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:3px}.preview-photo>span:last-child{margin-left:auto;color:var(--blue);font-size:22px}.preview-photo.opened{min-height:103px;background:radial-gradient(ellipse at 90% 10%,#00e0c633,transparent 70%),linear-gradient(125deg,#2874cf,#243a77);border-style:solid;color:#fff}.preview-photo.opened small{color:#e3efff}.preview-photo.opened svg,.preview-photo.opened>span:last-child{color:#bddeff}.preview-photo.expired{opacity:.65;border-color:var(--line)}.preview-composer{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-top:12px}.preview-composer input{width:0;min-width:0;flex:1;min-height:42px;font:inherit;font-size:13px;color:var(--ink);border:0;outline-offset:3px;background:transparent}.preview-composer input::placeholder{color:var(--muted)}.preview-composer button{min-width:44px;min-height:44px;border:0;background:#2874cf;color:white;display:grid;place-items:center;border-radius:12px}.preview-composer svg{width:20px;height:20px}.preview-footnote{font-size:10px;text-align:center;line-height:1.7;margin-top:12px}.preview-signal-people{display:flex;align-items:center;gap:12px;margin-block:28px}.preview-signal-people>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}.preview-signal-people .chat-avatar{height:60px;width:60px;border-radius:23px;font-size:23px;color:var(--blue)}.preview-signal-people .avatar-other{background:#7c5cff25;color:#ac94ff}.preview-signal-people strong{font-size:14px}.preview-signal-people>svg{width:25px;height:25px;color:var(--blue)}.preview-signal-people button{width:100%;border:1px solid #4aa8ff55;border-radius:13px;background:var(--surface);min-height:52px;font-size:12px;padding:9px;line-height:1.5}.preview-signal-people button:disabled{color:var(--teal);border-color:#00e0c655;cursor:default}.preview-match-result{text-align:center;min-height:106px}.preview-match-result strong{font-size:21px;letter-spacing:-.03em}.preview-match-result p{font-size:12px;max-width:340px;margin:10px auto;line-height:1.7}.preview-reveal{width:100%;font-size:12px;min-height:50px;padding:12px}.preview-reveal:disabled{opacity:.4;cursor:default;transform:none}.preview-reset{display:block;margin:9px auto 0;min-height:44px;background:none;border:0;color:var(--muted);font-size:11px}.live-preview :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@keyframes preview-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:761px) and (max-width:1100px){.hero{min-height:760px;padding-top:30px}.hero h1{font-size:clamp(58px,7.5vw,79px)}.hero-primary-actions{gap:12px}.hero-primary-actions>.button{font-size:13px;padding-inline:17px}.hero-features{font-size:10px;gap:7px}.hero-actions .store-link{min-width:140px;padding-inline:10px}.hero-actions .store-link strong{font-size:13px}.hero-actions .store-link small{font-size:7px}.preview-hint{font-size:10px}.hero-art{scale:.77}.hero-copy>p{font-size:14px}}
@media(max-width:760px){.hero{padding-top:27px;gap:0}.hero h1{font-size:clamp(52px,11.3vw,78px);margin-block:16px 23px}.hero h1 br:first-of-type{display:none}.hero-copy>p{font-size:14px;line-height:1.75;max-width:510px}.hero-features{margin-top:17px;gap:8px;font-size:10px}.hero-features svg{width:14px;height:14px}.hero-actions{margin-top:21px;gap:17px}.hero-primary-actions>.button{min-height:52px;font-size:14px;padding:14px 18px}.hero-actions .store-links{flex-direction:row;gap:10px}.hero-actions .store-link{min-width:0;min-height:57px;padding:10px 11px;justify-content:center;gap:9px}.hero-actions .store-link>span{min-width:0}.hero-actions .store-link strong{font-size:15px}.hero-actions .store-link small{font-size:8px}.hero-actions .store-link>svg{width:22px}.hero .launch-badge{font-size:10px;margin-top:10px}.hero-assurance{margin-top:9px;font-size:10px}.hero-art{height:530px;min-height:530px;scale:.8;margin-top:0;margin-bottom:-58px;transform-origin:50% 35%}.site-header>.try-live{display:inline-flex;min-height:44px;margin-left:auto;padding:10px 13px;font-size:12px;gap:8px}.site-header>.brand{margin-right:0}.site-header{gap:9px}.hero-art .note-private{top:76px}.hero-art .note-match{bottom:36px}.hero-art .art-caption{bottom:-16px}}
@media(max-width:480px){.site-header{padding-inline:16px;gap:7px}.site-header>.brand{gap:7px}.site-header>.brand>span{font-size:27px}.site-header>.brand img{height:30px;width:30px}.hero h1{font-size:clamp(47px,12vw,58px);max-width:350px}.hero .eyebrow{font-size:8px}.hero-features{gap:7px;font-size:9px}.hero-features svg{width:12px;height:12px}.hero-art{scale:.77}.hero-primary-actions{gap:15px}.preview-hint{font-size:10px}.hero-actions .store-link strong{font-size:14px}.hero-actions .store-link small{font-size:7px}.hero-assurance{display:none}.live-preview{padding:20px;border-radius:23px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.preview-top h2{font-size:29px}.preview-eyebrow{font-size:8px}.preview-chat-person strong{font-size:12px}.preview-chat-person small{font-size:9px}.preview-messages{height:min(285px,38dvh)}.preview-signal-people{gap:8px}.preview-signal-people button{font-size:11px}.preview-match-result strong{font-size:20px}}
@media(max-width:350px){.site-header{padding-inline:12px;gap:6px}.site-header>.brand{gap:5px}.site-header>.brand>span{font-size:24px}.site-header>.brand img{height:28px;width:28px}.site-header>.try-live{padding-inline:10px;font-size:11px;gap:5px}.site-header .theme-toggle,.site-header .menu-toggle{width:44px;min-width:44px}.hero h1{font-size:47px}.hero-features{font-size:8px;gap:5px}.hero-features svg{width:11px}.hero-primary-actions{gap:12px}.hero-primary-actions>.button{font-size:13px;padding-inline:15px;gap:10px}.preview-hint{font-size:9px}.hero-actions .store-link{padding-inline:8px;gap:7px}.hero-actions .store-link strong{font-size:13px}.hero-actions .store-link small{font-size:7px}.hero-actions .store-link>svg{width:20px}.hero-art{scale:.69;margin-bottom:-95px}.preview-chat-person>svg{display:none}.preview-chat-person small{font-size:8px}.preview-tabs button{font-size:11px}.preview-reveal{font-size:11px;gap:8px}}
@media(max-height:600px){.live-preview{max-height:calc(100dvh - 16px);padding:18px}.preview-messages{height:180px}.preview-top h2{font-size:26px}.preview-tabs{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.live-preview[open],.preview-message{animation:none}}