.hero-inner{align-items:center;gap:2.5rem;padding-block:clamp(2rem,1rem + 4vw,4.5rem);display:grid}.hero-copy{justify-items:start;gap:1.25rem;display:grid}.hero-copy h1{max-width:14em;font-size:clamp(2.125rem,1.5rem + 2.8vw,3.75rem)}.hero-copy .lead{max-width:30em}.hero-card .intro-mock{max-width:21rem}@media (width>=960px){.hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:4rem}}.home-band{border-top:1px solid var(--hairline);padding-block:clamp(2.5rem,1.75rem + 3vw,4.5rem)}.band-head{gap:.5rem;max-width:40rem;margin-bottom:2rem;display:grid}.band-head .lead{font-size:1.0625rem}.story{gap:1.5rem;display:grid}.story-phone-wrap{z-index:2;background:var(--surface);justify-items:center;padding-block:.5rem .75rem;display:grid;position:sticky;top:4.25rem}.story-caption{margin-top:.5rem}.story-steps{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.story-step{border-top:1px solid var(--hairline);grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.75rem;padding-block:1rem;display:grid}.story-step h3{margin-bottom:.25rem}.story-step p{color:var(--muted)}.story-num{font-family:var(--display);color:var(--muted);font-size:1.375rem;font-weight:500;line-height:1.2}.story-step.is-active .story-num{color:var(--ink)}@media (width<=899px){.story-phone-wrap .phone{--phone-w:min(168px, calc((100vh - 12rem) * .42))}.story-steps{gap:8vh;padding-bottom:8vh}}@media (width>=900px){.story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:3rem}.story-phone-wrap{background:0 0;order:2;top:5.5rem}.story-phone-wrap .phone{--phone-w:min(290px, calc((100vh - 9.5rem) * .486))}.story-steps{gap:0}.story-step{border-top:0;align-content:center;min-height:36vh}.story-step h3{font-size:clamp(1.4rem,1.2rem + .8vw,1.75rem)}.story-step p{max-width:26em;font-size:1.125rem}.story-step>div{transition:opacity .2s}.motion-ready .story-step:not(.is-active)>div{opacity:.55}}.phone{--phone-w:290px;width:var(--phone-w);aspect-ratio:9/18.5;border-radius:calc(var(--phone-w) * .13);background:var(--ink);padding:calc(var(--phone-w) * .03);flex:none}.phone-screen{border-radius:calc(var(--phone-w) * .1);background:var(--surface);height:100%;position:relative;overflow:hidden;container-type:inline-size}@media (prefers-color-scheme:dark){:where(html:not([data-theme=light])) .phone{background:#3a362f}}:where(html[data-theme=dark]) .phone{background:#3a362f}.screen{background:var(--surface);color:var(--ink);opacity:0;visibility:hidden;flex-direction:column;gap:3.5cqw;padding:10cqw 7cqw 7cqw;font-size:5.2cqw;line-height:1.35;display:flex;position:absolute;inset:0}.screen.is-default{opacity:1;visibility:visible}.motion-ready .screen{transition:opacity .2s,visibility 0s linear .2s}.motion-ready .screen.is-default{opacity:0;visibility:hidden}.motion-ready .screen.is-active{opacity:1;visibility:visible;transition:opacity .2s,visibility}.scr-step{color:var(--muted);font-size:4.2cqw}.scr-title{font-family:var(--display);font-size:8cqw;font-weight:600;line-height:1.15}.scr-center{text-align:center}.scr-small{color:var(--muted);font-size:4.4cqw}.scr-bar{font-family:var(--display);border-bottom:1px solid var(--hairline);padding-bottom:2.5cqw;font-size:6.6cqw;font-weight:600}.scr-progress{background:var(--hairline);border-radius:1cqw;height:1.2cqw;overflow:hidden}.scr-progress span{background:var(--ink);height:100%;display:block}.scr-progress .p1{width:18%}.scr-progress .p2{width:40%}.scr-oval{aspect-ratio:4/5;border:1px solid var(--line);background:var(--card);border-radius:50%;align-self:center;width:52cqw;margin-block:2cqw;position:relative}.scr-verified{color:var(--verified);border:1px solid var(--verified);border-radius:2cqw;align-items:flex-start;gap:2cqw;margin-top:auto;padding:2.5cqw 3cqw;font-size:4.4cqw;font-weight:600;display:flex}.scr-verified svg,.scr-choices svg,.scr-badge svg{flex:none;width:5cqw;height:5cqw;margin-top:.3cqw}.scr-choices{gap:2.6cqw;margin:1cqw 0 0;padding:0;list-style:none;display:grid}.scr-choices li{border:1px solid var(--line);background:var(--card);border-radius:2.5cqw;gap:2cqw;padding:3cqw 3.5cqw;font-size:4.6cqw;display:flex}.scr-choices li svg{display:none}.scr-choices li.is-chosen{background:var(--selected);color:var(--on-selected);border:2px solid var(--selected-edge);font-weight:600}.scr-choices li.is-chosen svg{display:block}.motion-ready [data-screen=question]:not(.is-picked) .scr-choices li.is-chosen{background:var(--card);color:var(--ink);border:1px solid var(--line);font-weight:400}.motion-ready [data-screen=question]:not(.is-picked) .scr-choices li.is-chosen svg{display:none}.scr-why{text-underline-offset:.2em;margin-top:auto;text-decoration:underline}.scr-note{color:var(--muted);font-size:4.2cqw}.bubble{border-radius:3.5cqw;max-width:86%;padding:3cqw 4cqw;font-size:4.6cqw}.bubble-ai{background:var(--card);border:1px solid var(--hairline)}.bubble-me{background:var(--ink);color:var(--surface);align-self:flex-end}.scr-noted{gap:2cqw;margin-top:auto;display:grid}.noted-item{border-top:1px solid var(--hairline);padding-top:2.5cqw;font-weight:600}.scr-group{border-top:1px solid var(--hairline);gap:1.5cqw;padding-top:3cqw;font-size:4.8cqw;display:grid}.scr-label{color:var(--muted);font-size:3.8cqw;font-weight:600}.scr-actions{flex-wrap:wrap;gap:2cqw;margin-top:1.5cqw;display:flex}.scr-btn{border:1px solid var(--line);border-radius:2.5cqw;justify-content:center;align-items:center;padding:2.4cqw 3.4cqw;font-size:4.2cqw;font-weight:600;display:inline-flex}.scr-btn-main{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.scr-wide{padding:3.6cqw;font-size:4.8cqw}.scr-yes{margin-top:auto}.scr-photo{aspect-ratio:4/3.4;background:var(--hairline);font-family:var(--display);color:var(--muted);border-radius:3cqw;place-items:center;font-size:16cqw;font-weight:500;display:grid}.scr-name{font-family:var(--display);font-size:7.6cqw;font-weight:600;line-height:1}.scr-badge{color:var(--verified);border:1px solid var(--verified);border-radius:1.6cqw;align-items:flex-start;gap:1.6cqw;padding:1.4cqw 2.4cqw;font-size:3.6cqw;font-weight:600;display:flex}.scr-why-note{background:var(--soft);border-radius:2.5cqw;padding:3cqw 3.5cqw;font-size:4.2cqw}.mutual{justify-content:center;align-items:center;margin-top:16cqw;display:flex}.scr-avatar{border:1px solid var(--line);background:var(--card);width:20cqw;height:20cqw;font-family:var(--display);color:var(--ink);border-radius:50%;place-items:center;font-size:8cqw;font-weight:500;display:grid}.mutual-line{background:var(--accent);transform-origin:0;width:22cqw;height:2px}.mutual-check{background:var(--accent);width:11cqw;height:11cqw;color:var(--on-accent);border-radius:50%;align-self:center;place-items:center;margin-top:-2cqw;display:grid}.mutual-check svg{width:6.5cqw;height:6.5cqw}[data-screen=mutual] .scr-btn-main{margin-top:auto}.facts{gap:2.5rem 4rem;display:grid}.fact{align-content:start;justify-items:start;gap:.875rem;max-width:34rem;display:grid}.fact>p:not(:has(.badge-verified)){color:var(--muted)}.fact .points{justify-self:stretch}@media (width>=900px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}:root:not(.demos-ready) .js-only,:root.demos-ready .no-js-only{display:none!important}.demo{align-items:center;gap:1.75rem;display:grid}.demo-text{align-content:start;gap:.75rem;max-width:34rem;display:grid}.demo-text .lead{font-size:1.0625rem}.demo-text .more{margin-top:0}@media (width>=900px){.demo{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4rem}.demo-flip .demo-text{order:2}.demo-wide{grid-template-columns:minmax(0,1fr);gap:2rem}}.choices{gap:.5rem;display:grid}.choice{border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);cursor:pointer;align-items:center;gap:.75rem;min-height:48px;padding:.625rem .875rem;display:flex;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice span:before{content:"";border-bottom:2px solid #0000;border-right:2px solid #0000;width:.375rem;height:.75rem;margin-right:.625rem;display:inline-block;transform:translateY(-.1rem)rotate(45deg)}.choice:has(input:checked){background:var(--selected);color:var(--on-selected);border:2px solid var(--selected-edge);padding:calc(.625rem - 1px) calc(.875rem - 1px);font-weight:600}.choice:has(input:checked) span:before{border-color:var(--selected-edge)}.choice:has(input:focus-visible),.switch:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.switch{cursor:pointer;border-radius:var(--r-control);align-items:center;gap:.75rem;min-height:44px;font-size:.9375rem;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch-track{border:1px solid var(--line);background:var(--hairline);border-radius:13px;flex:none;width:44px;height:26px;transition:background-color .15s;position:relative}.switch-track:after{content:"";border:1px solid var(--line);background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--ink);border-color:var(--ink)}.switch input:checked+.switch-track:after{border-color:var(--ink);transform:translate(18px)}.chip{border:1px solid var(--line);border-radius:var(--r-control);background:var(--card);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;padding:0 .875rem;font-size:.9375rem}.dchat-stop[aria-pressed=true]{text-decoration-thickness:2px}.chip[aria-pressed=true]{border:2px solid var(--ink);padding:0 calc(.875rem - 1px);font-weight:600}.demo button.text-link{color:var(--ink);font:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.demo input[type=range]{width:100%;min-height:44px;accent-color:var(--ink);cursor:pointer}.dq{gap:1.25rem;max-width:30rem;display:grid}.dq-part{border:0;min-width:0;margin:0;padding:0}.dq-title{font-family:var(--display);margin-bottom:.625rem;padding:0;font-size:1.3125rem;font-weight:600;line-height:1.3}.dq-lead{color:var(--muted);margin:-.25rem 0 .625rem;font-size:.9375rem}.dq-part:first-of-type .choices{flex-wrap:wrap;display:flex}.dq-effects{border-top:1px solid var(--ink);padding-top:.75rem}.dq-effect{font-weight:600;display:none}.dq:has(input[value=doesnt_matter]:checked) [data-for=doesnt_matter],.dq:has(input[value=nice_to_have]:checked) [data-for=nice_to_have],.dq:has(input[value=important]:checked) [data-for=important],.dq:has(input[value=dealbreaker]:checked) [data-for=dealbreaker]{display:block}.df{gap:1.25rem;max-width:32rem;display:grid}.df-row label{font-weight:600;display:block}.df-input{grid-template-columns:minmax(0,1fr) 3rem;align-items:center;gap:.75rem;display:grid}.df-input output{font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.df-result{border-top:1px solid var(--ink);gap:.5rem;padding-top:1rem;display:grid}.df-label{color:var(--muted);font-size:.9375rem}.df-bar{background:var(--hairline);border-radius:4px;height:8px;overflow:hidden}.df-bar span{height:100%;width:var(--w,45%);background:var(--ink);transition:width .15s;display:block}.dy{gap:1rem;display:grid}@media (width>=720px){.dy{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}.dy-note,.dy-reset{grid-column:1/-1}}.dy-who{color:var(--muted);margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.dy-card{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-card);gap:.875rem;padding:1rem;display:grid}.dy-name{font-family:var(--display);font-size:1.3125rem;font-weight:600}.dy-example{font-family:var(--text);color:var(--muted);font-size:.875rem;font-weight:400}.dy-state{min-height:3.2em}.dy-state strong{font-family:var(--display);font-size:1.25rem;font-weight:600}.dy-actions{gap:.5rem;display:grid}.dy-actions .button{width:100%}.dy-actions[hidden]{display:none}.dy-state:focus{outline:none}.dy-note{color:var(--muted);max-width:44rem}.dy-reset{justify-self:start;min-height:44px}.dc{gap:2rem;display:grid}@media (width>=900px){.dc{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:3rem}}.dc-head{color:var(--muted);margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.dc-list{border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none}.dc-list li{border-bottom:1px solid var(--hairline);padding-block:.75rem}.dc-q{color:var(--muted);font-size:.875rem}.dc-a{font-weight:600}.dc-never{color:var(--muted);font-size:.9375rem}.dc-card{margin-inline:0}.dc-card .photo{aspect-ratio:16/9}.dc-shared{display:none}.dc-empty{color:var(--muted);font-size:.9375rem}.dc:has([data-share=intent]:checked) [data-shown-by=intent],.dc:has([data-share=diet]:checked) [data-shown-by=diet],.dc:has([data-share=interests]:checked) [data-shown-by=interests]{display:block}.dc:has([data-share]:checked) .dc-empty{display:none}.dc .mock-caption{text-align:left}.dchat{max-width:28rem}.dchat-screen{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:.75rem;padding:1rem;display:grid}.dchat-bar{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:baseline;padding-bottom:.5rem;display:flex}.dchat-title{font-family:var(--display);font-size:1.1875rem;font-weight:600}.dchat-stop{min-height:44px;color:var(--ink);cursor:pointer;font:inherit;text-underline-offset:.2em;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:600;text-decoration:underline}.dchat-lead{color:var(--muted);font-size:.875rem}.dchat-messages{gap:.5rem;margin:0;padding:0;font-size:.9375rem;list-style:none;display:grid}.dchat-messages .bubble-ai,.dchat-messages .bubble-me{border-radius:var(--r-card);max-width:88%;padding:.5rem .75rem}.dchat-messages .bubble-ai{background:var(--card);border:1px solid var(--hairline)}.dchat-messages .bubble-me{background:var(--ink);color:var(--surface);justify-self:end}.dchat-noted{border-top:1px solid var(--hairline);gap:.25rem;padding-top:.5rem;font-size:.875rem;display:grid}.dchat-noted span{color:var(--muted)}.dchat-chips{flex-wrap:wrap;gap:.5rem;display:flex}.dchat-explain{min-height:2.9em;font-size:.9375rem}.dchat-list{gap:.25rem 1rem;margin:1rem 0 0;font-size:.9375rem;display:grid}.dchat-list dt{font-weight:600}.dchat-list dd{color:var(--muted);margin:0 0 .5rem}.dchat .mock-caption{text-align:left}.dchat.is-waiting [data-msg]:not(.is-in){opacity:0;transform:translateY(6px)}.dchat [data-msg]{transition:opacity .2s,transform .2s}.dfeed{--split:50%;justify-items:center;gap:1rem;display:grid}.dfeed-phone{aspect-ratio:9/17;border:6px solid var(--ink);background:var(--surface);border-radius:28px;width:min(100%,17rem);position:relative;overflow:hidden;container-type:inline-size}.dfeed-layer{background:var(--surface);flex-direction:column;gap:3cqw;padding:9cqw 7cqw 7cqw;font-size:4.6cqw;line-height:1.35;display:flex;position:absolute;inset:0}.dfeed-swipe{z-index:1;clip-path:inset(0 0 0 var(--split))}.dfeed-label{color:var(--muted);font-size:4.2cqw;font-weight:600}.dfeed-stack{flex:1;position:relative}.dfeed-profile{border:1px solid var(--line);background:var(--hairline);font-family:var(--display);color:var(--muted);border-radius:3cqw;place-items:center;font-size:20cqw;display:grid;position:absolute;inset:0 0 6cqw}.dfeed-profile.p1{transform:translate(3cqw,2cqw)rotate(2deg)}.dfeed-profile.p2{transform:translate(-3cqw,3cqw)rotate(-3deg)}.dfeed-profile.p3{transform:translate(0)}.dfeed-buttons{justify-content:space-around;gap:3cqw;display:flex}.dfeed-buttons span{text-align:center;border:1px solid var(--line);border-radius:3cqw;flex:1;padding:3cqw;font-weight:600}.dfeed-more{text-align:center;color:var(--muted);font-size:3.8cqw}.dfeed-photo{aspect-ratio:4/3;background:var(--hairline);font-family:var(--display);color:var(--muted);border-radius:3cqw;place-items:center;font-size:14cqw;display:grid}.dfeed-name{font-family:var(--display);font-size:7cqw;font-weight:600;line-height:1}.dfeed-badge{color:var(--verified);border:1px solid var(--verified);border-radius:1.6cqw;align-items:flex-start;gap:1.5cqw;padding:1.4cqw 2.2cqw;font-size:3.4cqw;font-weight:600;display:flex}.dfeed-badge svg{flex:none;width:4.4cqw;height:4.4cqw}.dfeed-why{background:var(--soft);border-radius:2.5cqw;padding:3cqw;font-size:3.9cqw}.dfeed-why-label{color:var(--muted);font-size:3.4cqw;font-weight:600}.dfeed-yes{text-align:center;background:var(--accent);color:var(--on-accent);border-radius:2.5cqw;margin-top:auto;padding:3.4cqw;font-weight:600}.dfeed-divide{z-index:2;top:0;bottom:0;left:var(--split);background:var(--ink);width:2px;margin-left:-1px;position:absolute}.dfeed-control{gap:.25rem;width:min(100%,17rem);display:grid}.dfeed-control label{font-size:.9375rem;font-weight:600}.dfeed-legend{max-width:30rem;color:var(--muted);gap:.5rem;font-size:.9375rem;display:grid}.dfeed-legend strong{color:var(--ink)}.dself{text-align:center;justify-items:center;gap:1rem;display:grid}.dself-title{font-family:var(--display);font-size:1.3125rem;font-weight:600}.dself-oval{width:9.5rem}.dself-oval svg{width:100%;height:auto}.dself-track,.dself-ring{fill:none;stroke-width:3px}.dself-track{stroke:var(--hairline);fill:var(--card)}.dself-ring{stroke:var(--verified);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0}.dself-done{min-height:2.5rem}.dself.is-waiting .dself-ring{stroke-dashoffset:100px}.dself.is-waiting .dself-done{visibility:hidden}@media (prefers-reduced-motion:no-preference){.dself.is-running .dself-ring{animation:4s linear both ring-fill}@keyframes ring-fill{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.dself.is-done .dself-done{animation:.2s ease-out both settle}}.dself button.text-link{min-height:44px}