@font-face{font-family:fredoka;src:url(../media/fredoka_var-s.p.3j9n-jqs50_oa.ttf)format("truetype");font-display:swap;font-weight:300 700}@font-face{font-family:fredoka Fallback;src:local(Arial);ascent-override:95.32%;descent-override:23.1%;line-gap-override:0.0%;size-adjust:102.19%}.fredoka_c9dbb531-module__8ftrnW__className{font-family:fredoka,fredoka Fallback}.fredoka_c9dbb531-module__8ftrnW__variable{--font-display:"fredoka", "fredoka Fallback"}
@font-face{font-family:jakarta;src:url(../media/plus_jakarta_sans_var-s.p.0qnuojqj60ziw.ttf)format("truetype");font-display:swap;font-weight:200 800}@font-face{font-family:jakarta Fallback;src:local(Arial);ascent-override:98.16%;descent-override:20.99%;line-gap-override:0.0%;size-adjust:105.75%}.jakarta_ab65567a-module__DKpsNq__className{font-family:jakarta,jakarta Fallback}.jakarta_ab65567a-module__DKpsNq__variable{--font-sans:"jakarta", "jakarta Fallback"}
@font-face{font-family:fraunces;src:url(../media/fraunces_italic_var-s.p.1c29gks52nkd0.ttf)format("truetype");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:fraunces Fallback;src:local(Arial);ascent-override:84.35%;descent-override:21.99%;line-gap-override:0.0%;size-adjust:115.94%}.fraunces_9ca9d908-module__X-Jb2G__className{font-family:fraunces,fraunces Fallback;font-style:italic}.fraunces_9ca9d908-module__X-Jb2G__variable{--font-serif:"fraunces", "fraunces Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f1ea;--bg-2:#ece7dd;--text:#3a2a22;--text-2:#5a4a40;--text-3:#8a7a6e;--line:#3a2a221f;--gold:#e6a42b;--coral:#e6433a;--coral-ink:#f4f1ea;--polaroid:#fff;--fuge:#f4f1ea;--shadow-soft:0 18px 50px #3a2a221a, 0 2px 6px #3a2a220f;--shadow-softer:0 24px 60px #3a2a221f, 0 2px 6px #3a2a220f;--nav-bg:#f4f1ead1;--heart:#e6a42b;--chat-own:#e6a42b;--chat-own-ink:#3a2a22;--chat-other:#ece7dd;--max:1200px;--gutter:16px;--section-y:clamp(72px, 10vw, 160px);--radius:10px;--tile-radius:6px;--ease-page:cubic-bezier(.2, .7, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#1e1613;--bg-2:#28201b;--text:#f4f1ea;--text-2:#d9d0c4;--text-3:#a79a8c;--line:#f4f1ea24;--coral:#f0564d;--coral-ink:#1e1613;--fuge:#2a211c;--shadow-soft:0 18px 50px #00000059, 0 2px 6px #00000040;--shadow-softer:0 24px 60px #0006, 0 2px 6px #00000040;--nav-bg:#1e1613d1;--chat-own-ink:#1e1613;--chat-other:#2e2521;--final-bubble-op:.12}}:root[data-theme=dark]{--bg:#1e1613;--bg-2:#28201b;--text:#f4f1ea;--text-2:#d9d0c4;--text-3:#a79a8c;--line:#f4f1ea24;--coral:#f0564d;--coral-ink:#1e1613;--fuge:#2a211c;--shadow-soft:0 18px 50px #00000059, 0 2px 6px #00000040;--shadow-softer:0 24px 60px #0006, 0 2px 6px #00000040;--nav-bg:#1e1613d1;--chat-own-ink:#1e1613;--chat-other:#2e2521;--final-bubble-op:.12}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}body{background:var(--bg);color:var(--text);font-family:var(--font-sans), system-ui, -apple-system, "Segoe UI", sans-serif;letter-spacing:.2px;font-feature-settings:"tnum" 1;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}@media (min-width:768px){body{font-size:18px}}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site{z-index:1;position:relative}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}.section{padding-block:var(--section-y)}.measure{max-width:62ch}.display{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.02em;font-weight:700;line-height:1.04}h1,h2,h3{margin:0;font-weight:600}h2.section-h,.section-h{letter-spacing:-.01em;text-align:left;font-size:clamp(28px,3.4vw,40px);line-height:1.15}p{margin:0}.lead{color:var(--text-2)}.serif-i{font-family:var(--font-serif), Georgia, serif;font-variation-settings:"opsz" 72;font-style:italic}.gold{color:var(--gold)}.btn{background:var(--coral);min-height:52px;color:var(--coral-ink);cursor:pointer;transition:transform .18s var(--ease-page), filter .18s var(--ease-page);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 24px;font-size:17px;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #e6433a2e}.btn:hover{filter:brightness(.96);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn__arrow{width:18px;height:18px}.textlink{color:var(--text);border-bottom:1px solid var(--line);transition:border-color .18s var(--ease-page);align-items:center;gap:6px;padding-bottom:2px;font-weight:500;display:inline-flex}.textlink:hover{border-color:var(--text)}.js [data-fade]{opacity:0;transition:opacity .4s var(--ease-page), transform .4s var(--ease-page);transform:translateY(12px)}.js [data-fade].is-in{opacity:1;transform:none}.hearts{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.heart{top:calc(100vh + 40px);left:var(--x,50vw);width:var(--size,24px);height:var(--size,24px);opacity:0;filter:blur(var(--blur,0px));--rise:calc(-100vh - 140px);position:absolute}.heart.is-rising{animation:heartRise var(--dur,28s) linear forwards;will-change:transform, opacity}.heart__drift{width:100%;height:100%}.heart.is-rising .heart__drift{animation:heartDrift var(--drift-dur,8s) ease-in-out infinite alternate}.heart svg{width:100%;height:100%;fill:var(--heart)}.heart--coral svg{fill:var(--coral)}.heart--static{opacity:.06;animation:none}.hearts.is-paused .heart,.hearts.is-paused .heart__drift{animation-play-state:paused}@keyframes heartRise{0%{opacity:0;transform:translateY(0)}10%{opacity:var(--op,.08)}80%{opacity:var(--op,.08)}to{transform:translateY(var(--rise));opacity:0}}@keyframes heartDrift{0%{transform:translateX(calc(-1 * var(--drift,12px))) rotate(calc(-1 * var(--rot,4deg)))}to{transform:translateX(var(--drift,12px)) rotate(var(--rot,4deg))}}.nav{z-index:20;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #0000;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.nav__links{color:var(--text-2);align-items:center;gap:28px;font-size:15px;font-weight:500;display:none}.nav__links a:hover{color:var(--text)}@media (min-width:768px){.nav__links{display:flex}}.wordmark{font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:24px;font-weight:700;line-height:1;display:inline-flex}.wordmark__icon{border-radius:8px;width:30px;height:30px}.wordmark__me{color:var(--gold)}.badge{background:var(--text);color:var(--bg);transition:transform .18s var(--ease-page);border-radius:10px;align-items:center;gap:8px;padding:7px 12px 7px 10px;line-height:1.05;display:inline-flex}.badge:hover{transform:translateY(-1px)}.badge__logo{fill:currentColor;width:20px;height:20px}.badge__text{letter-spacing:.02em;flex-direction:column;font-size:9px;font-weight:500;display:flex}.badge__text strong{letter-spacing:0;font-size:15px;font-weight:600}.badge--sm{padding:5px 10px 5px 8px}.badge--sm .badge__logo{width:16px;height:16px}.badge--sm .badge__text strong{font-size:13px}.hero{align-content:center;gap:48px;min-height:calc(100svh - 60px);padding-block:clamp(40px,8vw,96px) 72px;display:grid;position:relative}@media (min-width:1024px){.hero{grid-template-columns:7fr 5fr;align-items:center;gap:64px}}.hero__h1{max-width:11ch;margin-bottom:24px;font-size:clamp(40px,7vw,88px)}.hero__lead{max-width:44ch;margin-bottom:36px;font-size:clamp(18px,1.6vw,21px)}.hero__actions{flex-wrap:wrap;align-items:center;gap:20px 28px;display:flex}.hero__visual{justify-content:center;padding:24px 12px;display:flex}@media (min-width:1024px){.hero__visual{justify-content:flex-end;padding-right:24px}}.hero__scrollhint{color:var(--text-3);align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;bottom:20px;left:0}.hero__scrollhint svg{stroke:currentColor;width:14px;height:14px}.portrait{--size:320px;--tilt:-3deg;width:var(--size);max-width:100%;margin:0;position:relative}.portrait__card{background:var(--polaroid);border-radius:var(--radius);box-shadow:var(--shadow-soft);transform:rotate(var(--tilt));transition:box-shadow .3s var(--ease-page);padding:5% 5% 14%;position:relative}.portrait__frame{aspect-ratio:1;background:var(--bg-2);border-radius:6px;position:relative;overflow:hidden}.portrait__photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portrait__grid{perspective:900px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.tile{position:relative;container-type:size}.tile__photo,.tile__face,.tile__flash{border-radius:var(--tile-radius);position:absolute;inset:0}.tile__face{background-image:var(--veil);background-size:300% 300%;background-position:calc(var(--c) * 50%) calc(var(--r) * 50%);box-shadow:inset 0 0 0 1px var(--fuge)}.tile__photo{background-image:var(--photo);background-size:300% 300%;background-position:calc(var(--c) * 50%) calc(var(--r) * 50%);opacity:0}.tile__flash{opacity:0;pointer-events:none;mix-blend-mode:screen;background:#fff}.tile--open .tile__photo{opacity:1}.tile--open:not(.tile--pop) .tile__photo{border-radius:0}.tile--open .tile__face{opacity:0}.tile--charging{z-index:2}.tile--charging .tile__flash{animation:tileCharge var(--charge,.95s) cubic-bezier(.85, 0, 1, .25) forwards}.tile--pop{z-index:3}.tile--pop .tile__photo{animation:.52s cubic-bezier(.34,1.56,.64,1) both tilePop}.tile--pop .tile__face{animation:.22s ease-out both tileFaceOut}.tile--pop .tile__flash{animation:.22s ease-out both tileFlashOut}.tile--enter{animation:.3s ease-out both tileIn}@keyframes tileCharge{0%{opacity:0;box-shadow:0 0 #fff0,0 0 #e6433a00}to{opacity:1;box-shadow:0 0 16px 2px #ffffffe6,0 0 26px 4px #e6433a99}}@keyframes tilePop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes tileFaceOut{0%{opacity:1}to{opacity:0}}@keyframes tileFlashOut{0%{opacity:1;box-shadow:0 0 16px 2px #ffffffe6,0 0 26px 4px #e6433a99}to{opacity:0;box-shadow:0 0 #fff0,0 0 #e6433a00}}@keyframes tileIn{0%{opacity:0}to{opacity:1}}.burst{pointer-events:none;z-index:4;width:0;height:0;position:absolute;top:50%;left:50%}.burst__pop{filter:blur(3px);mix-blend-mode:screen;background:#fff;border-radius:50%;width:55cqw;height:55cqw;animation:.4s ease-out both burstPop;position:absolute;top:-27.5cqw;left:-27.5cqw}@keyframes burstPop{0%{opacity:.95;transform:scale(.15)}to{opacity:0;transform:scale(2.3)}}.burst__spark{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);fill:#fff;filter:drop-shadow(0 0 4px #e6433ae6);animation:sparkFly var(--dur) ease-out var(--delay) both;position:absolute}@keyframes sparkFly{0%{opacity:1;transform:rotate(var(--a)) translateX(50cqw) rotate(0deg) scale(.25)}to{opacity:0;transform:rotate(var(--a)) translateX(calc(50cqw + var(--travel))) rotate(var(--rot)) scale(var(--grow))}}@media (hover:hover) and (pointer:fine){.portrait--interactive .tile--closed{transition:transform .2s var(--ease-page)}.portrait--interactive .tile--closed:hover{transform:translateZ(2px)}.portrait--interactive .tile--closed .tile__face{transition:box-shadow .2s var(--ease-page)}.portrait--interactive .tile--closed:hover .tile__face{box-shadow:inset 0 0 0 1px var(--fuge), 0 6px 14px #3a2a221f}}.portrait__complete{pointer-events:none;border:1px solid #e6a42b99;border-radius:6px;animation:.6s ease-out both tileIn;position:absolute;inset:0}.portrait__bubble{background:var(--coral);color:#fff;opacity:0;width:44px;height:44px;transition:opacity .24s var(--ease-page), transform .24s var(--ease-page);pointer-events:none;border-radius:50% 50% 50% 12%;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;bottom:14%;left:-14px;transform:translateY(8px);box-shadow:0 8px 20px #e6433a40}.portrait__bubble.is-on{opacity:1;transform:translateY(0)}.portrait--mini{--size:56px;--tilt:0deg}.portrait--mini .portrait__card{border-radius:8px;padding:3px;box-shadow:0 2px 8px #3a2a221f}.portrait--mini .portrait__frame,.portrait--mini .portrait__complete{border-radius:5px}.portrait--mini .tile__face,.portrait--mini .tile__photo,.portrait--mini .tile__flash{border-radius:2px}.hero__visual{position:relative}.floatmoji{filter:drop-shadow(0 6px 14px #3a2a2259);pointer-events:none;z-index:5;font-size:64px;line-height:1;animation:1.4s cubic-bezier(.2,.7,.2,1) both floatmoji;position:absolute}@keyframes floatmoji{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-14px)scale(1.25)}to{opacity:0;transform:translate(-50%, -190px) scale(1) rotate(var(--spin,8deg))}}.divider{text-align:center;padding-block:clamp(96px,12vw,160px)}.divider__glyph{width:64px;height:64px;margin:0 auto 28px}.divider__line{font-size:clamp(28px,4.2vw,52px);line-height:1.1}.how{gap:48px;display:grid}@media (min-width:1024px){.how{grid-template-columns:5fr 6fr;align-items:start;column-gap:96px}}.how__visual{justify-content:center;display:flex}@media (min-width:1024px){.how__visual{justify-content:flex-start;padding-top:24px;position:sticky;top:96px}}.how__blocks{gap:clamp(72px,10vw,140px);display:grid}@media (min-width:1024px){.how__blocks{padding-block:10vh 8vh}}.how__block{grid-template-columns:auto 1fr;align-items:start;gap:20px;display:grid}@media (min-width:1024px){.how__block{min-height:40vh}}.how__num{font-family:var(--font-serif), Georgia, serif;font-variation-settings:"opsz" 48;color:var(--gold);font-feature-settings:"tnum" 1;min-width:44px;padding-top:6px;font-size:28px;font-style:italic;line-height:1.15}.how__h{letter-spacing:-.01em;margin-bottom:14px;font-size:clamp(24px,2.6vw,34px);line-height:1.2}.chat{align-items:center;gap:48px;display:grid}@media (min-width:900px){.chat{grid-template-columns:1fr 1fr;gap:80px}}.phone{background:var(--polaroid);width:min(100%,360px);box-shadow:var(--shadow-soft);color:#3a2a22;border-radius:36px;margin:0 auto;padding:18px;position:relative}:root[data-theme=dark] .phone{background:#f8f5ef}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .phone{background:#f8f5ef}}.phone__head{border-bottom:1px solid #3a2a221a;align-items:center;gap:12px;padding:6px 4px 14px;display:flex}.phone__name{font-size:15px;font-weight:600;line-height:1.2}.phone__meta{color:#8a7a6e;font-size:12px}.phone__body{flex-direction:column;gap:10px;min-height:250px;padding:18px 0 14px;display:flex;position:relative}.bubble{border-radius:18px;max-width:78%;padding:10px 14px;font-size:15px;line-height:1.4}.bubble--other{background:#ece7dd;border-bottom-left-radius:6px;align-self:flex-start}.bubble--own{background:var(--chat-own);color:var(--chat-own-ink);border-bottom-right-radius:6px;align-self:flex-end}.bubble--emoji{opacity:0;transition:opacity .24s var(--ease-page), transform .24s var(--ease-page);padding:10px 14px;font-size:26px;line-height:1;transform:translateY(8px)}.bubble--emoji.is-on{opacity:1;transform:none}.phone__system{color:#8a7a6e;opacity:0;transition:opacity .3s var(--ease-page);align-self:center;font-size:12px}.phone__system.is-on{opacity:1}.phone__particle{text-align:center;pointer-events:none;opacity:0;z-index:3;width:22px;height:22px;font-size:18px;line-height:22px;position:absolute;top:0;left:0}.phone__composer{border-top:1px solid #3a2a221a;align-items:center;gap:10px;padding-top:12px;display:flex}.phone__input{color:#8a7a6e;background:#ece7dd;border-radius:999px;flex:1;align-items:center;min-height:40px;padding:0 14px;font-size:14px;display:flex}.phone__send{background:var(--coral);color:#fff;min-height:40px;font:inherit;cursor:pointer;transition:filter .18s var(--ease-page);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.phone__send:hover{filter:brightness(.96)}.phone__send:disabled{cursor:default;opacity:.6}.values{border-top:1px solid var(--line);gap:40px;padding-top:48px;display:grid}@media (min-width:768px){.values{grid-template-columns:repeat(3,1fr);gap:48px}}.value__icon{width:32px;height:32px;stroke:var(--text);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}.value__h{margin-bottom:10px;font-size:22px;line-height:1.25}.trust{gap:48px;display:grid}@media (min-width:900px){.trust{grid-template-columns:4fr 7fr;gap:80px}}.trust__list{margin:0;padding:0;list-style:none;display:grid}.trust__item{border-top:1px solid var(--line);grid-template-columns:28px 1fr;align-items:start;gap:16px;padding:18px 0;display:grid}.trust__item:last-child{border-bottom:1px solid var(--line)}.trust__icon{width:24px;height:24px;stroke:var(--text);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}.voices{gap:32px;display:grid}@media (min-width:768px){.voices{grid-template-columns:repeat(3,1fr);gap:40px}}.voice{gap:16px;display:grid}.voice__q{color:var(--text);font-size:clamp(22px,2.2vw,28px);line-height:1.3}.voice__who{color:var(--text-3);align-items:center;gap:12px;font-size:14px;display:flex}.voice .portrait--mini{--size:48px}.final{position:relative;overflow:hidden}.final__inner{align-items:center;gap:48px;display:grid;position:relative}@media (min-width:900px){.final__inner{grid-template-columns:6fr 5fr;gap:64px}}.final__bubble{width:min(70vw,620px);opacity:var(--final-bubble-op,.18);pointer-events:none;z-index:0;position:absolute;top:50%;right:-12%;transform:translateY(-50%)}@media (min-width:900px){.final__bubble{width:min(42vw,640px);right:-6%}}.final__copy{z-index:1;position:relative}.final__h{max-width:12ch;margin-bottom:28px;font-size:clamp(36px,5.2vw,64px)}.final__actions{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.final__micro{color:var(--text-3);margin-top:14px;font-size:14px}.final__visual{z-index:1;justify-content:center;display:flex;position:relative}.footer{border-top:1px solid var(--line);color:var(--text-3);padding-block:28px 36px;font-size:14px}.footer__row{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.footer__row a:hover{color:var(--text)}.footer .wordmark{color:var(--text-2);font-size:18px}.legal{padding-block:clamp(48px, 7vw, 96px) var(--section-y);max-width:72ch}.legal__h1{margin-bottom:12px;font-size:clamp(32px,4.5vw,52px)}.legal__stand{color:var(--text-3);margin-bottom:40px;font-size:14px}.legal h2{margin:40px 0 12px;font-size:22px}.legal h3{margin:24px 0 8px;font-size:18px}.legal p,.legal li{color:var(--text-2)}.legal ul{padding-left:20px}.legal a{text-underline-offset:3px;text-decoration:underline}.todo{border-left:3px solid var(--gold);background:var(--bg-2);color:var(--text-2);border-radius:0 8px 8px 0;margin:10px 0;padding:12px 14px;font-size:15px;display:block}.todo:before{content:"TODO ";color:var(--text);font-weight:600}@media (prefers-reduced-motion:reduce){.js [data-fade]{opacity:1;transition:none;transform:none}.heart.is-rising,.heart.is-rising .heart__drift{animation:none}.tile__photo,.tile__face{transition:opacity .3s ease-out}.tile--charging .tile__flash,.tile--pop .tile__photo,.tile--pop .tile__face,.tile--pop .tile__flash,.burst__pop,.burst__spark{animation:none}.portrait__bubble{transition:opacity .24s;transform:none}.bubble--emoji{transform:none}.btn,.badge,.textlink{transition:none}}.nav__tools{align-items:center;gap:10px;display:flex}.lang{position:relative}.lang__btn{border:1px solid var(--line);color:var(--text-2);font:inherit;letter-spacing:.04em;cursor:pointer;transition:color .2s var(--ease-page), border-color .2s var(--ease-page);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:600;display:inline-flex}.lang__btn:hover,.lang__btn[aria-expanded=true]{color:var(--text);border-color:var(--text-3)}.lang__globe{width:16px;height:16px}.lang__menu{z-index:40;background:var(--polaroid);min-width:180px;color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lang__menu{background:var(--bg-2)}}:root[data-theme=dark] .lang__menu{background:var(--bg-2)}.lang__item{color:inherit;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:14px;text-decoration:none;display:flex}.lang__item:hover{background:var(--bg-2)}.lang__item[aria-current=true]{color:var(--gold);font-weight:600}.legal__note{color:var(--text-3);border-left:2px solid var(--gold);margin-bottom:28px;padding-left:12px;font-size:14px}@media (max-width:640px){.nav__tools .badge{display:none}}.hero{grid-template-columns:minmax(0,1fr)}.hero>*{min-width:0}@media (min-width:1024px){.hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.how__visual{flex-direction:column;align-items:center;gap:22px}@media (min-width:1024px){.how__visual{align-items:flex-start}}.how__card{background:var(--polaroid);border-radius:var(--radius);width:min(100%,440px);box-shadow:var(--shadow-soft);transition:opacity .4s var(--ease-page), transform .4s var(--ease-page);padding:16px 18px 18px;position:relative}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .how__card{background:var(--bg-2)}}:root[data-theme=dark] .how__card{background:var(--bg-2)}.how__card.is-away{opacity:.35;transform:translateY(6px)}.how__cardhead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.how__name{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;font-size:26px;font-weight:700}.how__age{font-family:var(--font-sans), system-ui, sans-serif;color:var(--text-3);font-size:18px;font-weight:500}.how__score{background:var(--gold);color:#3a2a22;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:14px;font-weight:600;display:inline-flex}.how__score svg{width:13px;height:13px}.how__band{color:var(--gold);margin:8px 0 10px;font-size:15px;font-weight:600}.how__reasons{color:var(--text-2);gap:4px;margin:0 0 12px;padding:0;font-size:14px;list-style:none;display:grid}.how__reasons li:before{content:"✓";color:var(--gold);margin-right:8px}.how__prompt{background:var(--bg);border-radius:8px;gap:2px;padding:10px 12px;display:grid}.how__prompttitle{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.how__promptanswer{font-family:var(--font-serif), Georgia, serif;font-variation-settings:"opsz" 18;color:var(--text);font-size:16px;font-style:italic}.how__match{background:var(--coral);color:var(--coral-ink);box-shadow:var(--shadow-soft);opacity:0;transition:opacity .3s var(--ease-page), transform .42s cubic-bezier(.2, .9, .3, 1.3);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;top:-16px;right:14px;transform:scale(.6)rotate(-6deg)}.how__match.is-on{opacity:1;transform:scale(1)rotate(-6deg)}@media (prefers-reduced-motion:reduce){.how__card,.how__match{transition:none}}