/* Type: Unbounded (variable 300–600, Cyrillic-first, wide & soft) carries the voice: h1/h2 and labels.
   Golos Text (variable 400–900, Russian humanist) does all reading and controls.
   Literata Italic subset — only the wordmark. All three: SIL OFL, self-hosted. */
@font-face{font-family:Unbounded;src:url('assets/unbounded-var.woff2') format('woff2');font-weight:300 600;font-display:swap}
@font-face{font-family:GolosText;src:url('assets/golos.woff2') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:LiterataMark;src:url('assets/literata-mark.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:LiterataDisplay;src:url('assets/literata-display.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:LiterataDisplayItalic;src:url('assets/literata-display-italic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
/* Metric-matched fallbacks: less layout shift while the woff2 files arrive. */
@font-face{font-family:UnboundedFallback;src:local('Arial'),local('Helvetica Neue');size-adjust:118%;ascent-override:84%;descent-override:21%;line-gap-override:0%}
@font-face{font-family:GolosFallback;src:local('Arial'),local('Helvetica Neue');size-adjust:102%;ascent-override:96%;descent-override:22%;line-gap-override:0%}
/* One grid: 1160px, 32px gutters, 24px internal gap. Layers: header 10, bursts 20.
   Pill controls / 24px cards / 32px section surfaces. Light Krupa brand. */
:root{color-scheme:light;--bg:#faf9f6;--ink:#302d35;--muted:#746f79;--accent:#74638e;--lavender:#eae4f2;--sage:#e9eee6;--peach:#f5e8dd;--line:#e2dedf;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 GolosText,Arial,sans-serif}main{overflow:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#dfd1eb}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:Unbounded,GolosText,sans-serif;font-weight:500;letter-spacing:-.05em;line-height:1.2}h1{font-size:clamp(48px,4.5vw,64px);line-height:1.17}h2{font-size:clamp(30px,3vw,42px)}h1 span{color:var(--accent)}h3{font-size:26px;font-weight:500;letter-spacing:-.025em;line-height:1.25}p{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.035em;font-weight:500;color:var(--accent);margin-bottom:22px}.icon,svg{width:22px;height:22px;fill:currentColor;flex-shrink:0}button svg{pointer-events:none}.header{height:86px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;gap:24px}.wordmark{font-family:GolosText,sans-serif;font-size:30px;font-weight:650;letter-spacing:-1.5px}.header nav{display:flex;gap:26px;font-size:13px}.header-actions{display:flex;align-items:center;gap:22px;font-size:13px}.header nav a,.login{transition:color .2s}.header nav a:hover,.login:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;background:var(--ink);color:#fff;padding:14px 24px;border-radius:100px;font-size:14px;font-weight:500;transition:transform .18s var(--ease),background .25s,box-shadow .25s;white-space:nowrap}.button>span{transition:transform .25s}.button.small{min-height:42px;padding:10px 17px;font-size:12px;gap:18px}.button.secondary{background:#ffffff80;color:var(--ink);border:1px solid #c5bdcc}.button:active,button:active{transform:scale(.97)}.text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:13px;background:transparent;padding:6px 0;border-bottom:1px solid #cbc3d2;transition:color .2s}.text-link span{transition:transform .25s}.menu{display:none;background:transparent;min-height:44px}.mobile-nav[hidden]{display:none}.skip{position:fixed;top:-80px;background:white;padding:12px;z-index:25}.skip:focus{top:8px}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:590px;gap:20px;padding:30px 0 40px}.hero-copy{position:relative;z-index:1}.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eee8f4;border:1px solid #e2d9eb;border-radius:100px;padding:7px 14px;margin-bottom:24px;font-size:12px}.lead{font-size:18px;line-height:1.65;margin-top:24px}.actions{margin-top:28px}.hero-meta{font-size:12px;margin-top:15px}.hero-art{position:relative;height:515px;isolation:isolate}.cloud-parallax{position:absolute;inset:-50px -75px;pointer-events:none}.living-cloud{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:blur(18px)}.cloud-title{position:absolute;left:24px;top:28px;font-size:17px;line-height:1.4;color:#817387;letter-spacing:-.02em;transform:rotate(-5deg)}.float-card{position:absolute;border:1px solid #ffffffe0;background:#ffffffbd;backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 16px 40px -22px #69517e45}.hero-question{right:15px;top:80px;width:300px;padding:25px;rotate:6deg}.card-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#746a80}.card-label>span{margin-left:auto;font-size:11px}.card-label svg{width:17px;height:17px}.hero-question>p{font-size:23px;line-height:1.35;margin:20px 0;color:var(--ink);letter-spacing:-.02em}.mini-action{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:44px;background:transparent;border-top:1px solid #dcd4e2;font-size:13px;color:var(--accent);padding:12px 0 0}.mini-action>span{transition:transform .25s}.warmth-button{position:absolute;left:17%;top:275px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:148px;height:148px;border-radius:50%;background:#fff7f1eb;border:1px solid #fff;box-shadow:0 18px 45px -20px #a86b7555;color:#a46979;z-index:2;transition:transform .3s var(--ease),background .3s}.warmth-button svg{width:42px;height:42px}.warmth-button>span{font-size:11px}.warmth-status{position:absolute;top:448px;left:9%;width:240px;text-align:center;font-size:11px;color:#776880}.hero-care{right:-4px;top:375px;display:flex;align-items:center;gap:12px;padding:16px 20px;rotate:-5deg}.care-heart{font-size:31px;color:#8b9582}.hero-care small{display:block;font-size:10px;color:var(--muted)}.hero-care strong{font-size:15px;font-weight:500;display:block;margin-top:3px}.ritual{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:24px;align-items:center;border-block:1px solid var(--line);padding:24px 0;margin-bottom:64px}.ritual>p{font-size:13px;line-height:1.6}.ritual strong{font-weight:500;color:var(--ink)}.ritual>a{display:flex;gap:12px;align-items:center;font-size:14px;min-height:48px}.ritual>a>svg{color:var(--accent);width:20px}.ritual>a>span{margin-left:auto;margin-right:20px;transition:transform .3s}.section{padding-block:64px}.feature-list{display:grid;gap:24px}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:48px;border-radius:32px;min-height:456px}.question-section{background:#eee9f2}.ai-section{background:#f1eee9}.cycle-section{background:#e9eee7}.feature-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;margin-top:20px;max-width:370px}.hint{display:block;font-size:12px;color:#7c7282;margin-top:22px}.feature-copy .text-link{margin-top:20px}.question-stage{position:relative;min-height:346px;display:flex;align-items:center;justify-content:center}.question-paper{position:relative;z-index:1;background:#fffdf9;border:1px solid #fff;border-radius:24px;width:100%;max-width:350px;padding:25px;box-shadow:0 20px 40px -28px #6e568060;rotate:-3deg;transition:rotate .5s var(--ease)}.paper.behind{position:absolute;width:90%;max-width:325px;height:290px;border-radius:24px;background:#dcd3e7;rotate:5deg;transition:rotate .6s var(--ease),translate .6s}.question-stage:has(.answered) .paper.behind{rotate:8deg;translate:7px 0}.question-paper.answered{rotate:0deg}.question-paper .card-label{justify-content:space-between}.question-text{font-size:25px;line-height:1.3;letter-spacing:-.025em;color:var(--ink);margin:22px 0}.answer-preview{height:90px;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;overflow:hidden}.answer-preview span{font-size:10px;color:var(--accent)}.answer-preview p{font-size:13px;line-height:1.45;margin-top:6px}.answered .answer-preview{opacity:1;transform:none}.demo-caption{display:block;text-align:center;font-size:10px;color:#79727e}.question-stage>.demo-caption{position:absolute;bottom:-22px}.chat-stage{padding:24px;background:#fbfaf7;border:1px solid white;border-radius:24px;min-height:410px}.chat-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.ai-mark{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;background:var(--lavender);color:var(--accent);font-size:20px}.chat-heading strong{font-size:14px;font-weight:550}.chat-heading small{display:block;font-size:10px;color:var(--muted)}.typing{display:flex;gap:3px;margin-left:auto}.typing i{width:4px;height:4px;border-radius:50%;background:#9e8daa}.messages{display:flex;flex-direction:column;gap:10px;min-height:304px}.message{font-size:12px;line-height:1.5;padding:12px 15px;max-width:90%;border-radius:17px;color:#514a58}.message.user{background:#eae3ef;align-self:flex-end;border-bottom-right-radius:4px}.message.ai{background:#f0efeb;align-self:flex-start;border-bottom-left-radius:4px}.chat-bottom{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;margin-top:18px}.cycle-stage{position:relative;text-align:center;max-width:370px;width:100%;justify-self:center}.segmented{display:flex;position:relative;isolation:isolate;width:240px;padding:4px;background:#dce3d8;border:1px solid #d4dccf;border-radius:100px;margin:auto}.segment-thumb{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:100px;background:#fffdf8;box-shadow:0 3px 10px #68745d14;transition:translate .35s var(--ease);z-index:-1}.segmented.partner .segment-thumb{translate:100% 0}.segmented button{background:transparent;border-radius:100px;width:50%;font-size:13px;min-height:40px;transition:color .25s}.segmented button[aria-pressed=true]{color:#52624b}.cycle-ring{width:245px;height:245px;position:relative;display:grid;place-items:center;margin:22px auto}.ring-track{position:absolute;inset:0;border:0;border-radius:50%;background:conic-gradient(from 10deg,#b4a2c5 0deg 95deg,#e5bcae 95deg 155deg,#c6d0ab 155deg 255deg,#bfccd7 255deg 310deg,#b4a2c5 310deg);mask:radial-gradient(transparent 59%,#000 60%);transition:rotate .85s var(--ease)}.cycle-stage.partner .ring-track{rotate:105deg}.ring-content{max-width:180px}.ring-content svg{display:block;margin:0 auto 10px;color:#8c799d;width:27px;height:27px}.ring-content small{display:block;font-size:11px;margin-bottom:8px;color:#7c7682}.ring-content strong{display:block;font-size:23px;line-height:1.2;letter-spacing:-.025em;font-weight:500}.care-note{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#ffffff96;border:1px solid #fff;border-radius:18px;text-align:left;min-height:76px;margin-bottom:13px}.care-note-icon{font-size:28px;color:#819172}.care-note p{font-size:13px;line-height:1.45}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}.section-head>p{font-size:15px;line-height:1.6;max-width:360px}.games{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game{position:relative;padding:30px;border-radius:26px;background:var(--peach);min-height:330px}.game-draw{background:#e9e5ef}.game h3{margin:24px 0;font-size:27px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:115px;border:1px solid #dfc9bd;border-radius:19px;background:#fff9f4;color:#69544d;font-size:13px;transition:background .3s,border-color .3s,transform .18s}.choices button svg{width:27px;height:27px;color:#aa8170}.choices button[aria-pressed=true]{background:#e6d2c4;border-color:#ba927e}.choice-result{font-size:12px;margin-top:18px;min-height:36px}.next-choice{font-size:12px;margin-top:8px}.clear-drawing{margin-left:auto;font-size:11px;background:transparent;min-height:32px;color:#756785}.drawing-wrap{position:relative;height:156px;border:1px dashed #c5b8d3;background:#fffdf985;border-radius:19px;overflow:hidden}.drawing{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.drawing-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:13px;color:#766383;transition:opacity .3s}.drawing-wrap.has-drawing .drawing-hint{opacity:0}.drawing-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#7b7085;margin-top:16px}.brushes{display:flex;gap:6px}.brush{width:34px;height:34px;border-radius:50%;border:5px solid #e9e5ef;outline:1px solid transparent;transition:outline-color .2s,transform .2s}.brush.purple{background:#74638e}.brush.coral{background:#b16b58}.brush[aria-pressed=true]{outline-color:#8b799c}.more-games{margin-top:20px}.space-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:30px}.pair-demo{padding:32px;border:1px solid #e4deea;border-radius:28px;text-align:center;background:#f2eef6;position:relative}.pair-people{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;margin:4px 0 20px}.person{transition:translate .65s var(--ease)}.person-avatar{display:grid;place-items:center;width:70px;height:70px;border-radius:24px;background:#ddcde8;color:#796285;font-size:22px;margin:auto auto 12px;transition:background .5s,rotate .5s}.person-partner .person-avatar{background:#e0e6d9;color:#7e8d6d;rotate:6deg}.person-you .person-avatar{rotate:-6deg}.person strong{font-size:14px;font-weight:500;display:block}.person small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.pair-bridge{display:flex;align-items:center;gap:5px;color:#b4a6c0}.pair-bridge span{height:1px;flex:1;background:#cbbbd8;transform:scaleX(.2);transition:transform .6s}.pair-bridge svg{width:20px;transition:color .4s,transform .6s}.pair-demo.connected .pair-bridge span{transform:scaleX(1)}.pair-demo.connected .pair-bridge svg{color:#a16b89;transform:scale(1.25)}.pair-demo.connected .person-you{translate:10px 0}.pair-demo.connected .person-partner{translate:-10px 0}.pair-demo.connected .person-avatar{rotate:0deg}.pair-result{min-height:67px}.pair-result strong{display:block;font-size:17px;font-weight:500}.pair-result p{font-size:12px;margin-top:7px}.pair-connect{margin-top:14px;min-width:245px;font-size:13px;background:var(--accent)}.pair-demo>.demo-caption{margin-top:16px}.privacy{display:flex;align-items:center;gap:22px;padding:28px 0;border-block:1px solid var(--line)}.privacy-icon{width:36px;height:36px;color:var(--accent)}.privacy h2{font-family:GolosText,sans-serif;font-size:21px;letter-spacing:-.02em;font-weight:500}.privacy p{font-size:13px;margin-top:6px}.privacy>.text-link{margin-left:auto;white-space:nowrap}.pricing-section>.section-head{margin-bottom:30px}.prices{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price{padding:32px;border:1px solid var(--line);border-radius:26px;transition:translate .3s,box-shadow .3s}.price.premium{background:#eee7f4;border-color:#e5daed}.price .eyebrow{margin-bottom:15px}.price h3{font-size:30px}.price>p:not(.eyebrow){font-size:14px;margin-top:12px}.price ul{padding-left:18px;font-size:14px;line-height:2;margin:24px 0}.price li::marker{color:var(--accent)}.price .button{width:100%}.price>small{display:block;text-align:center;color:var(--muted);font-size:11px;margin-top:12px}.faq-section{padding-top:8px;display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.faq-section>.section-head{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:0}.faq-section .eyebrow{margin-bottom:17px}.faq-list details{overflow:hidden;border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:15px;min-height:66px;padding:18px 0}summary::-webkit-details-marker{display:none}summary>span{font-size:23px;font-weight:300;color:var(--accent);transition:rotate .3s}details[open] summary>span{rotate:45deg}details p{padding:0 20px 20px 0;font-size:14px;line-height:1.65}details a{text-decoration:underline}.blog-section{padding-top:15px}.blog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.articles{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.article{position:relative}.article-image{aspect-ratio:1.55;overflow:hidden;border-radius:21px;background:var(--sage)}.article img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.article small{display:block;font-size:11px;color:var(--muted);margin:15px 0 8px}.article h3{font-size:19px;line-height:1.4;letter-spacing:-.015em;padding-right:20px}.article-arrow{position:absolute;right:0;bottom:3px;transition:transform .25s}.final{position:relative;text-align:center;min-height:540px;display:grid;place-items:center;padding:80px 20px}.final>.living-cloud{width:110%;height:130%;inset:-15% -5%;opacity:.8}.final-copy{position:relative}.final h2{font-size:clamp(34px,4vw,53px)}.final-copy>.eyebrow{margin-bottom:20px}.final-copy>p:not(.eyebrow){font-size:16px;margin-top:20px}.stores{display:flex;justify-content:center;gap:12px;margin-top:25px}.apk-link{display:inline-block;font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:5px}.final-copy>p.muted{font-size:11px;margin-top:17px}.footer{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:24px;padding-block:35px;border-top:1px solid var(--line)}.footer p,.footer small{font-size:11px;color:var(--muted);margin-top:10px}.footer>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:12px}.motion-toggle{background:transparent;padding:0;min-height:32px;font-size:11px;color:var(--muted);text-align:left}.burst{position:fixed;z-index:20;pointer-events:none}.burst svg{width:100%;height:100%;display:block}
@media(hover:hover) and (pointer:fine){.button:hover{background:#54445f;transform:translateY(-2px);box-shadow:0 10px 25px #65547618}.button.secondary:hover{color:#fff}.button:hover>span,.text-link:hover>span,.mini-action:hover>span,.ritual>a:hover>span,.article:hover .article-arrow{transform:translate(3px,-2px)}.warmth-button:hover{transform:translateY(-4px);background:#fffdf9}.choices button:hover{transform:translateY(-3px)}.article:hover img{transform:scale(1.035)}.price:hover{translate:0 -4px;box-shadow:0 14px 30px #76638b10}.text-link:hover{color:var(--accent)}}
/* Every section has entrance choreography; product surfaces have ambient motion.
   Automatic effects only run on screen and stop for reduced motion / manual pause. */
@media(prefers-reduced-motion:no-preference){.motion-on .hero-question{animation:drift 7s ease-in-out infinite}.motion-on .hero-care{animation:drift 9s ease-in-out infinite reverse}.motion-on .warmth-button svg{animation:heartbeat 3.8s ease-in-out infinite}.motion-on .question-paper:not(.answered){animation:drift 8s ease-in-out infinite}.motion-on .typing i{animation:typing 1.8s ease-in-out infinite}.motion-on .typing i:nth-child(2){animation-delay:.18s}.motion-on .typing i:nth-child(3){animation-delay:.36s}.motion-on .ring-content>svg{animation:heartbeat 4.5s ease-in-out infinite}.motion-on .person-avatar{animation:drift 7s ease-in-out infinite}.motion-on .person-partner .person-avatar{animation-delay:-3s}.motion-on .privacy-icon{animation:soft-pulse 4s ease-in-out infinite}.motion-on .drawing-hint{animation:soft-pulse 4s ease-in-out infinite}.js.motion-on .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .9s var(--ease)}.js.motion-on .reveal.visible{opacity:1;transform:none}.js.motion-on .feature>.reveal:nth-child(2),.js.motion-on .game:nth-child(2),.js.motion-on .article:nth-child(2){transition-delay:.1s}.js.motion-on .article:nth-child(3){transition-delay:.18s}.motion-on .messages.playing .message{animation:message-in .5s var(--ease) both}.motion-on .messages.playing .message:nth-child(2){animation-delay:.85s}.motion-on .messages.playing .message:nth-child(3){animation-delay:2s}.motion-on .messages.playing .message:nth-child(4){animation-delay:3s}@supports(animation-timeline:view()){.motion-on .cloud-parallax{animation:cloud-travel linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}
@keyframes drift{50%{translate:0 -12px}}@keyframes heartbeat{0%,35%,70%,100%{scale:1}45%{scale:1.12}55%{scale:1.02}60%{scale:1.07}}@keyframes soft-pulse{50%{opacity:.6}}@keyframes typing{50%{translate:0 -3px;opacity:.45}}@keyframes message-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes cloud-travel{from{translate:0 -15px;scale:.98}to{translate:0 30px;scale:1.05}}
.motion-paused *, .offscreen *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .message{animation:none!important}.motion-paused .hero-art{translate:none!important}.motion-paused .drawing-hint{animation:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{translate:none!important}}@media(prefers-reduced-transparency:reduce){.float-card{background:#fffaf6;backdrop-filter:none}}
/* Tablet is a designed layout, rather than a scaled desktop. */
@media(max-width:1050px){.header nav{gap:18px}.header-actions{gap:15px}.hero{grid-template-columns:1fr 1fr;gap:0;min-height:545px}.hero-art{height:455px}.hero-question{width:255px;right:0;top:62px;padding:22px}.hero-question>p{font-size:21px}.cloud-title{font-size:14px;left:10px;top:12px}.warmth-button{width:126px;height:126px;left:4%;top:250px}.warmth-status{top:399px;left:-8%;font-size:10px}.hero-care{right:-8px;top:335px;padding:14px;gap:9px}.hero-care small{font-size:9px}.hero-care strong{font-size:13px}.hero h1{font-size:47px}.hero .lead{font-size:16px}.feature{padding:35px;gap:32px}.feature h2{font-size:32px}.question-text{font-size:23px}.chat-stage{padding:20px}.message{font-size:11px}.space-section{gap:36px}.pair-demo{padding:25px}.ritual{gap:18px}.ritual>a{font-size:12px;gap:8px}.ritual>a>span{margin-right:0}.section-head>p{max-width:290px;font-size:14px}.footer{gap:20px}.article h3{font-size:17px}}
@media(min-width:768px) and (max-width:900px){.header nav{gap:15px;font-size:12px}.header .login{display:none}.header .button.small{font-size:10px;gap:10px;padding:10px 14px}.hero h1{font-size:42px}.hero-question{width:231px;right:0}.warmth-button{left:0}.hero-care{right:-6px;width:192px}.feature{padding:28px;gap:24px}.feature-copy h2{font-size:28px}.feature-copy>p:not(.eyebrow){font-size:14px}.question-paper{padding:22px}.question-text{font-size:22px}.question-stage{min-height:345px}.chat-stage{padding:18px}.messages{min-height:335px}.cycle-ring{width:220px;height:220px}.care-note{padding:13px}.section{padding-block:48px}.space-section{gap:28px}.pair-demo{padding:22px}.pair-people{grid-template-columns:1fr 45px 1fr}.pair-connect{min-width:0;width:100%;font-size:12px}.privacy h2{font-size:18px}.privacy p{font-size:12px}.privacy .text-link{font-size:12px}.game{padding:24px}.game h3{font-size:24px}.choices button{font-size:11px}.drawing-footer{font-size:10px}.price{padding:26px}.price ul{font-size:12px}.footer{grid-template-columns:repeat(4,1fr)}.footer>div:not(:first-child){font-size:11px}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.header{height:72px;gap:12px}.wordmark{font-size:27px}.header>nav,.header .login{display:none}.header-actions{gap:13px}.header .button.small{font-size:11px;min-height:39px;padding:10px 15px;gap:12px}.menu{display:block;font-size:11px}.header .mobile-nav{position:absolute;left:0;right:0;top:65px;flex-direction:column;gap:15px;background:#fffdf9;padding:22px;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 35px #65547615}.header .mobile-nav:not([hidden]){display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding:24px 0 12px;min-height:0;gap:0}.hero-copy .eyebrow{font-size:11px;margin-bottom:18px;padding:6px 12px}.hero h1{font-size:43px;line-height:1.2;letter-spacing:-.04em}.hero h1>br{display:none}.hero .lead{font-size:15px;margin-top:19px;line-height:1.55}.hero .actions{margin-top:22px}.hero .button{min-height:49px;padding:13px 22px;font-size:13px}.hero-meta{font-size:10px;margin-top:13px}.hero-art{height:350px;width:100%;margin-top:8px}.cloud-parallax{inset:-35px -45px}.hero-question{width:238px;top:35px;right:7px;padding:20px;rotate:4deg}.hero-question>p{font-size:20px;line-height:1.3;margin:16px 0}.hero-question .mini-action{font-size:12px;padding-top:10px}.hero-question .card-label{font-size:10px}.cloud-title{display:none}.warmth-button{width:116px;height:116px;left:0;top:198px;gap:6px}.warmth-button svg{width:32px;height:32px}.warmth-button span{font-size:10px}.warmth-status{top:325px;left:-10px;width:140px;font-size:9px}.hero-care{right:0;top:257px;width:192px;padding:13px;gap:8px;rotate:-4deg}.hero-care small{font-size:9px}.hero-care strong{font-size:13px}.care-heart{font-size:27px}.float-card{backdrop-filter:none;background:#ffffffda}.ritual{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;gap:16px 12px;margin-bottom:36px}.ritual>p{grid-column:1/-1;font-size:13px}.ritual>p br{display:none}.ritual>p strong{margin-left:5px}.ritual>a{font-size:11px;gap:7px}.ritual>a svg{width:16px;height:16px}.ritual>a>span{display:none}.section{padding-block:40px}h2{font-size:29px;line-height:1.25}.eyebrow{font-size:11px;margin-bottom:15px}.feature-list{gap:18px}.feature{grid-template-columns:1fr;padding:27px 22px 34px;gap:25px;border-radius:26px;min-height:0}.feature-copy h2{font-size:29px}.feature-copy h2 br{display:none}.feature-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-top:15px}.hint{font-size:11px;margin-top:14px}.feature-copy .hint{display:none}.feature-copy .text-link{margin-top:12px;font-size:12px}.ai-section .feature-copy .hint{display:block;margin-top:8px;font-size:10px}.question-stage{min-height:337px;padding-bottom:8px}.question-paper{padding:22px;max-width:310px;rotate:-2deg}.question-text{font-size:24px;line-height:1.3;margin-block:20px}.question-stage>.demo-caption{bottom:-15px;font-size:9px}.paper.behind{height:288px}.answer-preview{height:90px}.answer-preview p{font-size:12px}.chat-stage{padding:20px;min-height:405px}.messages{min-height:290px}.message{font-size:11px;padding:11px 13px;max-width:92%}.chat-bottom{font-size:8px}.cycle-stage{max-width:330px}.segmented{width:230px}.segmented button{font-size:12px}.cycle-ring{width:225px;height:225px;margin:17px auto}.ring-content strong{font-size:22px}.care-note{padding:14px;min-height:70px}.care-note p{font-size:12px}.demo-caption{font-size:9px}.section-head{display:block;margin-bottom:24px}.section-head h2 br{display:none}.section-head>p{margin-top:16px;font-size:14px}.games{grid-template-columns:1fr;gap:16px}.game{padding:25px;min-height:0;border-radius:24px}.game h3{font-size:25px;margin-block:22px}.choices button{font-size:12px;min-height:107px}.choice-result{font-size:11px;min-height:32px}.game .next-choice{margin-top:5px}.drawing-wrap{height:150px}.drawing-footer{font-size:11px}.more-games{font-size:11px;gap:12px;margin-top:15px}.space-section{grid-template-columns:1fr;gap:23px;padding-top:10px}.pair-demo{padding:26px 22px;border-radius:24px}.pair-people{grid-template-columns:1fr 55px 1fr}.person-avatar{width:66px;height:66px;border-radius:22px;font-size:20px}.pair-connect{min-width:0;width:100%;font-size:12px}.pair-result strong{font-size:16px}.pair-result p{font-size:11px}.privacy{flex-wrap:wrap;gap:12px;padding:23px 0}.privacy-icon{width:26px;height:26px}.privacy>div{flex:1}.privacy h2{font-size:18px;line-height:1.4}.privacy p{font-size:12px;line-height:1.6}.privacy>.text-link{margin-left:38px;font-size:12px;min-height:35px}.prices{grid-template-columns:1fr;gap:16px}.price{padding:27px}.price h3{font-size:29px}.price ul{font-size:13px;line-height:2}.price .button{font-size:13px}.faq-section{grid-template-columns:1fr;gap:0;padding-top:0}.faq-section .section-head{margin-bottom:7px}.faq-section h2{font-size:29px}summary{font-size:14px;min-height:62px}details p{font-size:13px}.blog-section{padding-top:0}.blog-heading{display:block;margin-bottom:23px}.blog-heading h2{font-size:28px}.blog-heading h2 br{display:none}.blog-heading .text-link{margin-top:14px;font-size:12px}.articles{grid-template-columns:1fr;gap:26px}.article-image{aspect-ratio:1.7}.article h3{font-size:19px}.article small{font-size:10px;margin:13px 0 8px}.final{min-height:460px;padding:65px 20px}.final h2{font-size:32px}.final-copy>p:not(.eyebrow){font-size:14px}.final .eyebrow{font-size:11px}.stores .button{font-size:12px;padding:13px 22px;gap:20px;min-height:48px}.footer{grid-template-columns:1fr 1fr;gap:28px 15px;padding-block:30px}.footer>div:not(:first-child){font-size:11px}.motion-toggle{font-size:10px}.living-cloud{filter:blur(12px)}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header-actions{gap:6px}.header .button.small{font-size:10px;padding:10px 12px;gap:8px}.hero h1{font-size:37px}.hero-question{width:217px;right:0}.hero-care{width:166px}.hero-care small{font-size:8px}.warmth-button{width:105px;height:105px}.warmth-status{width:123px}.feature{padding:24px 18px 32px}.feature-copy h2{font-size:25px}.question-text{font-size:22px}.game{padding:21px}.choices{gap:8px}.choices button{font-size:11px}.privacy h2{font-size:16px}.pair-demo{padding:24px 18px}.pair-people{grid-template-columns:1fr 42px 1fr}.final h2{font-size:28px}}
.answer-space{height:95px;position:relative;margin-bottom:8px}.answer-space .answer-preview{position:absolute;inset:0}.sealed-answer{position:absolute;inset:0 0 10px;background:#f0eaf5;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:9px;transition:opacity .25s,transform .4s}.sealed-answer svg{width:20px;height:20px;color:#a385af}.sealed-answer span{font-size:12px;color:#776082}.answered .sealed-answer{opacity:0;transform:translateY(-8px);pointer-events:none}
@media(prefers-reduced-motion:no-preference){.motion-on .sealed-answer svg{animation:heartbeat 4s ease-in-out infinite}}
@media(max-width:767px){.articles{display:grid;grid-template-columns:repeat(3,minmax(0,82%));overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:14px}.article{scroll-snap-align:start}.article h3{font-size:17px}.article-image{aspect-ratio:1.5}.answer-space{height:95px}}

/* Short mobile headlines retain word spacing when explicit desktop breaks collapse. */
@media(max-width:767px){.hero h1{font-size:40px;letter-spacing:-.025em}}
@media(max-width:360px){.hero h1{font-size:35px}}

@media(max-width:767px){.privacy{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px 12px}.privacy-icon{margin-top:3px}.privacy>.text-link{grid-column:2;margin-left:0;justify-self:start}.privacy h2{font-size:18px}}

.hero-copy .eyebrow{color:#655379}.sealed-answer span{color:#705b7a}
@media(max-width:767px){.articles{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory}.article{flex:0 0 82%;min-width:0}.article h3{overflow-wrap:anywhere}}
/* A quiet constellation of details around the product. */
main{position:relative;isolation:isolate}.sky-defs{position:absolute;width:0;height:0;overflow:hidden}.ambient-sky{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.constellation{width:180px;height:120px;fill:var(--bg);stroke:#ae9abb;stroke-width:1.1;overflow:visible;opacity:.52;pointer-events:none}.constellation path{fill:none;stroke-dasharray:3 5}.sky-one{position:absolute;left:-35px;top:370px;rotate:-14deg}.sky-two{position:absolute;right:-30px;top:1300px;rotate:18deg}.sky-star{position:absolute;fill:#bba8c8;opacity:.65;width:27px;height:27px}.star-one{left:46%;top:35px}.star-two{right:4%;top:940px;width:37px;height:37px}.star-three{left:6%;top:2610px;width:32px;height:32px}.together-section{position:relative}.section-constellation{position:absolute;right:20px;top:12px;opacity:.3;rotate:-8deg}.final-stars{position:absolute;right:8%;bottom:42px;opacity:.6;rotate:12deg}
/* The header stays in document flow. A soft marker follows menu selection. */
.header{position:relative;top:0;height:76px;margin-top:12px;border:1px solid #ffffffd9;border-radius:25px;padding:12px 18px;background:#fffdf8dd;backdrop-filter:blur(18px);box-shadow:0 8px 30px -16px #7c688d42;gap:18px}.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:26px;letter-spacing:-1.1px;white-space:nowrap}.wordmark>img{width:40px;height:40px;object-fit:contain;mix-blend-mode:multiply}.wordmark>span{display:block}.wordmark small{display:block;font-family:GolosText,sans-serif;font-size:8px;line-height:1.2;letter-spacing:.01em;font-weight:400;color:#8a7d95;margin-top:0}.header .desktop-nav{position:relative;display:flex;align-items:center;isolation:isolate;gap:0;background:#efebf283;border:1px solid #e9e1ee;border-radius:100px;padding:5px;font-size:12px}.desktop-nav>a{padding:10px 13px;border-radius:100px;white-space:nowrap;transition:color .6s}.nav-marker{position:absolute;left:0;top:5px;bottom:5px;background:#fffefa;border-radius:100px;box-shadow:0 2px 8px #77608012;z-index:-1;transition:transform .75s var(--ease),width .75s var(--ease);pointer-events:none}.desktop-nav>a[aria-current]{color:#69547d}.header-actions{gap:18px}.header .button.small{background:#74638e;font-size:11px;gap:14px}.header .login{font-size:12px}.menu-lines{display:flex;flex-direction:column;gap:5px;width:18px}.menu-lines i{height:1px;width:18px;display:block;background:currentColor;transition:transform .65s var(--ease)}.menu[aria-expanded=true] .menu-lines i:first-child{transform:translateY(3px) rotate(45deg)}.menu[aria-expanded=true] .menu-lines i:last-child{transform:translateY(-3px) rotate(-45deg)}html{scroll-padding-top:112px}.footer .wordmark>img{width:35px;height:35px}.footer .wordmark small{display:none}
/* Three connected steps, with real product links and a reused app animation. */
.first-steps{padding-top:20px;padding-bottom:60px;position:relative}.steps-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;min-height:165px}.steps-intro h2{font-size:34px}.couple-illustration{width:220px;height:180px;margin-right:70px;position:relative}.couple-illustration>svg{width:100%!important;height:100%!important}.couple-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:75px;color:#b89bc4}.couple-illustration.loaded .couple-fallback{display:none}.steps-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.start-step{position:relative;min-width:0}.start-step>a{display:block;padding:18px 4px}.step-number{position:absolute;right:34px;top:18px;font-family:Unbounded,sans-serif;font-size:12px;color:#b7a5c2}.step-symbol{width:64px;height:64px;background:#ece5f2;display:grid;place-items:center;border-radius:21px;color:#9280a3;border:1px solid #e5dbee;box-shadow:0 8px 20px -13px #a795b56b;margin-bottom:20px;transition:translate .85s var(--ease),rotate .85s var(--ease)}.step-symbol svg{width:28px;height:28px}.step-symbol.sage{background:#e9eee5;border-color:#dee7d7;color:#8b9a7a}.step-symbol.peach{background:#f6e9df;border-color:#ecded2;color:#b6957e}.start-step h3{font-size:24px;margin-bottom:12px}.start-step p{font-size:14px;line-height:1.7}.step-action{display:inline-block;font-size:12px;margin-top:16px;color:#7a648c;transition:translate .7s}.step-arrow{position:absolute;width:100px;height:55px;top:25px;right:-38px;stroke:#b8a0c6;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.6;pointer-events:none}.start-step:nth-child(2) .step-arrow{rotate:12deg}.start-step a:focus-visible .step-symbol{translate:0 -5px}
.couple-memory{position:absolute;z-index:1;padding:9px 9px 22px;background:#fffdf9;border:1px solid white;box-shadow:0 16px 30px -15px #7e628c2e;border-radius:7px;width:155px;pointer-events:none}.couple-memory img{width:100%;height:125px;display:block;object-fit:cover;border-radius:3px;filter:saturate(.7)}.couple-memory span{display:block;font-size:10px;margin-top:9px;color:#9a829e}.memory-one{left:calc(50% - 490px);top:85px;rotate:-11deg}.memory-two{right:calc(50% - 470px);bottom:50px;rotate:9deg;width:135px}.memory-two img{height:105px}
/* Bigger, slower responses; press feedback stays immediate. */
.button{transition:transform .25s var(--ease),background .65s,box-shadow .65s}.button>span,.text-link span,.mini-action>span,.article-arrow{transition:transform .7s var(--ease)}.warmth-button{transition:transform .75s var(--ease),background .8s}.warmth-button::after{content:'';position:absolute;inset:-12px;border:1px solid #caabb745;border-radius:50%;pointer-events:none}.warmth-button.is-warm{background:#ffe7e4}.float-card{transition:box-shadow 1s,border-color 1s}.hero-care.is-warm{box-shadow:0 20px 60px -20px #ce9eaa65;border-color:#fff5ee}.question-paper{transition:rotate 1s var(--ease)}.paper.behind{transition:rotate 1.1s var(--ease),translate 1.1s}.answer-preview{transition:opacity .85s,transform .95s}.sealed-answer{transition:opacity .65s,transform .9s}.segment-thumb{transition:translate .9s var(--ease)}.ring-track{transition:rotate 1.65s var(--ease)}.segmented button{transition:color .8s}.choices button{transition:background .8s,border-color .8s,transform .6s var(--ease)}.choices button[aria-pressed=true]{transform:translateY(-5px);box-shadow:0 10px 25px -15px #a27c6580}.person{transition:translate 1.2s var(--ease)}.person-avatar{transition:background 1s,rotate 1.2s}.pair-bridge span{transition:transform 1.3s}.pair-bridge svg{transition:color 1s,transform 1.3s}.pair-demo.connected .person-you{translate:18px 0}.pair-demo.connected .person-partner{translate:-18px 0}.pair-demo.connected .pair-bridge svg{transform:scale(1.55)}.pair-demo{transition:background 1.2s,box-shadow 1.2s}.pair-demo.connected{background:#eee3f4;box-shadow:0 15px 55px -30px #ac80bb70}summary>span{transition:rotate .65s}.burst-halo{border-radius:50%;border:1px solid #c09ac34a;background:radial-gradient(circle,#edd6e53b,transparent 68%);box-shadow:0 0 50px #d7b3db1f}.burst-heart{filter:drop-shadow(0 8px 9px #c7a4cd25)}
.drawing-toolbar{flex-wrap:wrap;gap:7px}.drawing-toolbar button{font-size:10px;padding:3px 0;min-height:30px;background:transparent;color:#7d6b8d}.replay-drawing{margin-left:auto}.drawing-toolbar .clear-drawing{margin-left:9px}.game-draw h3{font-size:25px}.drawing-wrap{height:200px;background:#fffbf5c9}.drawing-hint{font-size:11px;text-align:center;padding:20px}.drawing-status{font-size:12px;color:#7e688d;margin-top:14px;min-height:36px;line-height:1.5}.drawing-footer{margin-top:5px}.drawing-wrap.is-drawing .drawing-hint,.drawing-wrap.has-demo .drawing-hint{opacity:0}.drawing-wrap{transition:box-shadow 1s,border-color 1s}.drawing-wrap.has-demo{border-color:#cbb7db;box-shadow:inset 0 0 25px #decdeb20}
@media(hover:hover) and (pointer:fine){.start-step>a:hover .step-symbol{translate:0 -7px;rotate:-7deg}.start-step>a:hover .step-action{translate:4px 0}.warmth-button:hover{transform:translateY(-5px) scale(1.045)}}
@media(prefers-reduced-motion:no-preference){.motion-on .sky-star{animation:sky-float 10s ease-in-out infinite}.motion-on .star-two{animation-delay:-4s}.motion-on .constellation{animation:sky-float 15s ease-in-out infinite}.motion-on .couple-memory{animation:sky-float 12s ease-in-out infinite}.motion-on .memory-two{animation-delay:-5s}.motion-on .step-arrow{animation:arrow-breathe 5s ease-in-out infinite}.motion-on .messages.playing .message{animation-duration:.95s}.motion-on .messages.playing .message:nth-child(2){animation-delay:1.5s}.motion-on .messages.playing .message:nth-child(3){animation-delay:3.2s}.motion-on .messages.playing .message:nth-child(4){animation-delay:4.8s}}
@keyframes sky-float{50%{translate:0 -10px}}@keyframes arrow-breathe{50%{translate:7px -3px;opacity:.85}}
@media(max-width:1100px){.header{padding-inline:14px;gap:14px}.wordmark{font-size:25px;gap:7px}.wordmark small{display:none}.header .desktop-nav{font-size:11px}.desktop-nav>a{padding:10px}.header-actions{gap:14px}.header .login{display:none}.steps-track{gap:28px}.start-step h3{font-size:21px}.memory-one{left:30px;width:120px}.memory-one img{height:100px}.memory-two{right:30px;width:115px}.memory-two img{height:95px}.couple-illustration{margin-right:40px}}
@media(min-width:768px) and (max-width:900px){.header .desktop-nav{gap:0;font-size:10px}.desktop-nav>a{padding:9px 8px}.header .button.small{font-size:10px;padding:10px 13px;gap:8px}.wordmark>img{height:34px;width:34px}.wordmark{font-size:23px}.header{gap:9px}.start-step h3{font-size:20px}.start-step p{font-size:13px}.step-action{font-size:11px}.step-arrow{width:74px;right:-22px}.memory-one,.memory-two{width:95px}.memory-one img,.memory-two img{height:78px}.memory-one{left:17px}.memory-two{right:17px}.game-draw h3{font-size:22px}}
@media(max-width:767px){html{scroll-padding-top:99px}.header{height:64px;top:8px;padding:9px 12px;border-radius:21px;margin-top:8px;gap:9px}.header .desktop-nav{display:none}.header .wordmark{font-size:22px;gap:4px}.wordmark>img{width:33px;height:33px}.header .button.small{min-height:37px;font-size:10px;padding:9px 12px;gap:8px}.header-actions{gap:10px}.menu{display:flex;align-items:center;justify-content:center;gap:8px;min-width:27px;font-size:10px;padding:0}.menu>span:last-child{display:none}.header .mobile-nav{top:71px;padding:22px;background:#fffcf6f5;backdrop-filter:blur(15px);border:1px solid #e5daed;box-shadow:0 16px 45px #9f84ac28}.header .mobile-nav>a{font-size:16px;padding:5px;min-height:36px}.first-steps{padding:26px 0 42px}.steps-intro{min-height:125px;margin-bottom:14px;gap:6px}.steps-intro h2{font-size:25px}.steps-intro .eyebrow{font-size:10px;max-width:170px}.couple-illustration{width:125px;height:140px;flex-shrink:0;margin-right:0}.steps-track{grid-template-columns:1fr;gap:26px}.start-step>a{display:grid;grid-template-columns:65px minmax(0,1fr);column-gap:17px;padding:5px 0}.step-number{position:static;grid-column:1;grid-row:1;align-self:end;justify-self:center;z-index:1;font-size:9px;translate:0 12px}.step-symbol{grid-column:1;grid-row:1/4;width:60px;height:60px;border-radius:20px;align-self:start;margin-bottom:0}.step-symbol svg{width:25px;height:25px}.start-step h3{grid-column:2;grid-row:1;font-size:21px;margin:0 0 7px}.start-step p{grid-column:2;grid-row:2;font-size:13px;line-height:1.6}.step-action{grid-column:2;grid-row:3;font-size:11px;margin-top:9px}.step-arrow{width:66px;height:38px;top:auto;bottom:-18px;left:2px;right:auto;rotate:78deg;opacity:.5}.start-step:nth-child(2) .step-arrow{rotate:90deg}.sky-one{left:-65px;top:460px;width:130px}.sky-two{right:-65px;top:1020px;width:120px}.star-one{left:auto;right:12px;top:245px;width:18px;height:18px}.star-two{right:7px;top:775px;width:20px;height:20px}.star-three{left:5px;top:2530px;width:18px;height:18px}.section-constellation{right:-50px;top:25px;width:115px;opacity:.25}.couple-memory{display:none}.final-stars{width:105px;height:70px;right:-25px;bottom:20px;opacity:.5}.game-draw h3{font-size:23px}.drawing-wrap{height:185px}.drawing-status{font-size:12px;min-height:36px}.drawing-toolbar{font-size:11px}.drawing-toolbar button{font-size:9px}.drawing-hint{font-size:10px}.footer .wordmark{font-size:24px}.footer .wordmark>img{width:31px;height:31px}}
@media(max-width:360px){.header{padding-inline:9px}.header .wordmark{font-size:20px}.header .wordmark>img{width:28px;height:28px}.header-actions{gap:8px}.header .button.small{font-size:9px;padding:9px 10px}.header .button.small>span{display:none}.steps-intro h2{font-size:23px}.couple-illustration{width:107px;height:120px}.start-step>a{grid-template-columns:55px minmax(0,1fr);column-gap:14px}.step-symbol{width:52px;height:52px;border-radius:17px}.start-step h3{font-size:19px}.step-action{font-size:10px}.game-draw h3{font-size:21px}.drawing-wrap{height:185px}}
@media(prefers-reduced-transparency:reduce){.header,.header .mobile-nav{background:#fffcf7;backdrop-filter:none}}
/* Fixel across every reading layer; Literata gives the wordmark its own voice. */
body{font-family:GolosText,Arial,sans-serif;font-weight:400;letter-spacing:-.012em}button,input,textarea{font-family:inherit}h1,h2,h3,h4{font-family:Unbounded,GolosText,sans-serif}h1,h2{font-weight:500}h3,h4{font-weight:550}h4{margin:0;letter-spacing:-.025em}.hero h1{font-size:clamp(56px,5.7vw,76px);line-height:1.05;letter-spacing:-.06em}.lead{font-size:19px;line-height:1.6}.feature-copy h2{font-size:45px;line-height:1.1}.section-head h2,.blog-heading h2{font-size:44px;line-height:1.12}.steps-intro h2{font-size:42px;line-height:1.1}.hero-question>p,.question-text{font-family:Unbounded,sans-serif;font-weight:450}.eyebrow{letter-spacing:.025em}.header .wordmark,.footer .wordmark{font-family:LiterataMark,Georgia,serif;font-weight:500;font-style:italic;font-size:36px;letter-spacing:-2px;line-height:1.1}.header{top:0;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;padding-inline:0}.header .desktop-nav{background:#eeebf18c;font-size:12px}.header .button.small{font-size:12px}.header .login{font-size:13px}.nav-marker{transition:transform .75s var(--ease),width .75s var(--ease)}html{scroll-padding-top:28px}.footer .wordmark{font-size:32px}.hero-art .living-cloud{filter:blur(56px);opacity:.82}.hero .cloud-parallax{inset:-90px -145px}.sky-one{top:620px;left:-85px;opacity:.3}.sky-two{opacity:.3}.star-two{opacity:.4}.section-constellation{opacity:.22}.first-steps{padding-bottom:72px}.couple-illustration{width:260px;height:190px}.step-number{color:#91769f}.start-step h3{font-family:Unbounded,sans-serif;font-weight:500;letter-spacing:-.03em}.button,.text-link{font-weight:500}.hero-meta,.hint,.demo-caption{letter-spacing:0}
/* The actual product distinction: her cycle / his care, on the same sample date. */
.cycle-stage{max-width:390px}.cycle-section{grid-template-columns:1fr 1fr;gap:50px}.cycle-section .feature-copy{align-self:center}.cycle-section .cycle-role-copy{font-size:14px;line-height:1.65;color:#6e7967;max-width:305px;margin-top:24px}.cycle-share-note{display:block;font-size:11px;line-height:1.6;color:#75806d;max-width:280px;margin-top:22px}.cycle-stage .segmented{margin-bottom:18px;width:242px}.cycle-stage .segmented button{font-size:13px}.cycle-app{background:#fffdf9;border:1px solid #fff;border-radius:25px;padding:20px;box-shadow:0 16px 45px -30px #56644c66;text-align:left;overflow:hidden}.cycle-app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cycle-app-header h3{font-size:17px;letter-spacing:-.025em}.cycle-app-header>span{font-family:LiterataMark,Georgia,serif;font-style:italic;font-size:15px;color:#96889b;letter-spacing:-.6px}.cycle-summary{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;min-height:109px;display:flex;align-items:center;padding:16px;background:#f1edf6;transition:background 1.2s}.cycle-summary[data-phase=reboot]{background:#f7e4e6}.cycle-summary[data-phase=new_energy]{background:#e8efe2}.cycle-summary[data-phase=bloom]{background:#e6eef4}.cycle-summary[data-phase=tenderness]{background:#eee4f2}.cycle-wash{position:absolute;inset:-40%;background:radial-gradient(ellipse at 35% 40%,#ffffffed,transparent 50%),radial-gradient(ellipse at 65% 60%,#d6c3e582,transparent 55%);z-index:-1;filter:blur(10px)}.cycle-date{font-size:10px;color:#81758a;line-height:1.4;margin-bottom:10px}.cycle-summary h4{font-size:24px;line-height:1.1;color:#51465b}.cycle-phase-detail{font-size:10px;line-height:1.4;color:#84758b;margin-top:8px}.calendar-demo{margin-top:17px}.calendar-month{font-size:12px;font-weight:550;color:var(--ink);display:flex;gap:6px;align-items:center;margin-bottom:12px}.calendar-month>span{font-size:11px;font-weight:400;color:#a197a4}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;gap:4px}.calendar-week{font-size:9px;color:#9b91a1;margin-bottom:6px}.calendar-days button{position:relative;display:grid;place-items:center;justify-self:center;width:30px;height:30px;padding:0;background:#efe8f4;border:1px solid transparent;border-radius:50%;font-size:11px;color:#776782;transition:background .85s,border-color .85s,box-shadow .85s,transform .45s}.calendar-days [data-phase=reboot]{background:#f6e1e4;color:#9e7081}.calendar-days [data-phase=new_energy]{background:#e7eedf;color:#748360}.calendar-days [data-phase=bloom]{background:#e3ebf3;color:#6c869d}.calendar-days [data-phase=tenderness]{background:#e9ddef;color:#897193}.calendar-days [aria-pressed=true]{border-color:#786084;box-shadow:0 0 0 3px #fffdf9,0 0 0 4px #b29cba;transform:scale(1.035)}.cycle-insight{padding:14px 15px;margin-top:17px;border-radius:16px;background:#edf1e8;min-height:97px;transition:background 1s}.cycle-insight h4{font-size:12px;font-weight:550;line-height:1.4;color:#748263;margin-bottom:7px}.cycle-insight p{font-size:12px;color:#6c7466;line-height:1.55}.cycle-stage.partner .cycle-insight{background:#f6eae1}.cycle-stage.partner .cycle-insight h4{color:#9c795f}.cycle-stage.partner .cycle-insight p{color:#837263}.cycle-demo-bottom{display:flex;align-items:center;gap:6px;margin-top:12px;color:#99899f;font-size:9px;line-height:1.5}.cycle-demo-bottom svg{width:14px;height:14px}.cycle-stage>.demo-caption{margin-top:14px;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:no-preference){.motion-on .cycle-wash{animation:cycle-breathe 9s ease-in-out infinite}}@keyframes cycle-breathe{50%{transform:translate(7%,3%) scale(1.08)}}
@media(hover:hover) and (pointer:fine){.calendar-days button:hover{transform:translateY(-2px);box-shadow:0 3px 8px #89759720}}
@media(min-width:768px) and (max-width:1050px){.hero h1{font-size:56px}.hero .lead{font-size:16px}.feature-copy h2{font-size:34px}.section-head h2,.blog-heading h2,.steps-intro h2{font-size:36px}.header .wordmark{font-size:31px}.header .desktop-nav{font-size:11px}.header .button.small{font-size:11px}.cycle-section{gap:28px}.cycle-app{padding:16px}.cycle-summary{padding:14px}.cycle-summary h4{font-size:22px}.calendar-days button{width:28px;height:28px}.cycle-insight{min-height:113px}.couple-illustration{width:220px}.cycle-section .cycle-role-copy{font-size:13px}}
@media(max-width:767px){html{scroll-padding-top:20px}.header{top:0;height:64px;padding:8px 0}.header .wordmark{font-size:32px}.header .button.small{font-size:11px;padding:10px 14px}.hero h1{font-size:51px;line-height:1.04;letter-spacing:-.055em}.hero .lead{font-size:16px;line-height:1.6}.hero .cloud-parallax{inset:-50px -75px}.hero-art .living-cloud{filter:blur(40px);opacity:.8}.feature-copy h2{font-size:33px;line-height:1.12}.section-head h2,.blog-heading h2,.faq-section h2{font-size:33px;line-height:1.12}.steps-intro h2{font-size:31px}.steps-intro .eyebrow{font-size:10px;line-height:1.6}.couple-illustration{width:130px;height:140px;flex-shrink:0}.first-steps{padding:30px 0 50px}.start-step h3{font-size:22px}.step-number{position:absolute;top:68px;left:0;width:60px;text-align:center;translate:none}.step-arrow{bottom:-14px;opacity:.5}.cycle-section{grid-template-columns:1fr;gap:26px}.cycle-section .cycle-role-copy{display:none}.cycle-share-note{font-size:11px;max-width:260px;margin-top:14px}.cycle-stage{max-width:355px}.cycle-app{padding:17px}.cycle-summary h4{font-size:23px}.cycle-stage .segmented{margin-bottom:16px}.cycle-stage>.demo-caption{font-size:9px}.cycle-insight{min-height:100px}.calendar-days button{width:29px;height:29px}.calendar-week{font-size:9px}.sky-one{top:680px;left:-80px}.sky-two{opacity:.2}.sky-star{opacity:.4}.game-draw h3{font-size:24px}.drawing-status{font-size:13px}.footer .wordmark{font-size:30px}}
@media(max-width:360px){.header .wordmark{font-size:29px}.header .button.small{font-size:10px;padding:9px 12px}.hero h1{font-size:45px}.hero .lead{font-size:14px}.feature-copy h2{font-size:29px}.section-head h2,.blog-heading h2,.faq-section h2{font-size:30px}.steps-intro h2{font-size:28px}.couple-illustration{width:105px;height:128px}.start-step h3{font-size:20px}.step-number{top:60px;width:52px}.cycle-app{padding:13px}.cycle-summary{padding:12px}.cycle-summary h4{font-size:21px}.calendar-days{gap:4px 1px}.calendar-days button{width:27px;height:27px}.cycle-insight{padding:12px;min-height:112px}.cycle-date{font-size:9px}.cycle-stage .segmented{max-width:100%}.game-draw h3{font-size:23px}.drawing-toolbar .clear-drawing{margin-left:6px}}
/* Step numbers belong to their icons; arrows connect the steps. */
.step-number{left:53px;right:auto;top:63px;width:24px;height:24px;display:grid;place-items:center;background:var(--bg);border:1px solid #e0d6e6;border-radius:50%;font-size:9px;line-height:1;z-index:1}
@media(max-width:767px){.step-number{left:44px;top:47px;width:22px;height:22px;display:grid}}
@media(max-width:360px){.step-number{left:38px;top:40px;width:20px;height:20px}}
.cycle-summary{min-height:112px}.cycle-insight{min-height:110px}
@media(max-width:1050px){.cycle-insight{min-height:126px}}
@media(max-width:767px){.cycle-summary{min-height:122px}.cycle-insight{min-height:127px}}
@media(max-width:360px){.cycle-insight{min-height:146px}}
.drawing-wrap.is-drawing .drawing-hint,.drawing-wrap.has-demo .drawing-hint,.drawing-wrap.has-drawing .drawing-hint{visibility:hidden;animation:none!important}
@media(max-width:767px){.message{font-size:12px}.feature-copy>p:not(.eyebrow){font-size:15px}.start-step p{font-size:14px}}
@media(max-width:767px){.hero-art{height:414px}.warmth-button{top:262px}.hero-care{top:324px}.warmth-status{top:391px}.hero-question{top:33px}.hero .cloud-parallax{inset:-45px -75px}}
@media(max-width:360px){.warmth-button{top:266px}.hero-care{top:322px}.warmth-status{top:383px}}
/* ── Voice layer (16.09.2026) ────────────────────────────────────────────────────
   Display voice lives in one set of variables so the headline family can be swapped in
   a single :root block. Default: Literata (the wordmark's own family) for h1/h2, the h1
   accent word in Literata Italic; Golos Text for everything read or pressed, labels
   included. Presets below: html[data-voice=unbounded] / html[data-voice=onest].         */
:root{--ink:#2a2432;--muted:#635b6b;--accent:#6b5692;--label:#6b5692;
  --display:LiterataDisplay,Georgia,'Times New Roman',serif;--display-accent:LiterataDisplayItalic,Georgia,serif;--display-accent-style:italic;
  --display-weight:500;--display-track:-.02em;--display-lh:1.1;
  --h1:clamp(50px,5.4vw,78px);--h1-m:40px;--h1-lh:1.02;--h1-track:-.025em;--h2:42px;--h2-lh:1.08;--h2-final:clamp(34px,3.9vw,54px);--h2-steps:40px;
  --label-font:GolosText,GolosFallback,sans-serif;--label-weight:500;--label-track:.04em;--label-size:11.5px}
html[data-voice=unbounded]{--display:Unbounded,UnboundedFallback,sans-serif;--display-accent:Unbounded,UnboundedFallback,sans-serif;--display-accent-style:normal;
  --display-weight:500;--display-track:-.02em;--display-lh:1.12;--h1:clamp(46px,4.9vw,70px);--h1-m:36px;--h1-lh:1.04;--h1-track:-.025em;--h2:38px;--h2-lh:1.1;--h2-final:clamp(30px,3.4vw,46px);--h2-steps:36px;
  --label-font:Unbounded,UnboundedFallback,sans-serif;--label-weight:400;--label-track:.01em;--label-size:11px}
html[data-voice=onest]{--display:Onest,GolosFallback,sans-serif;--display-accent:Onest,GolosFallback,sans-serif;--display-accent-style:normal;
  --display-weight:600;--display-track:-.035em;--display-lh:1.08;--h1:clamp(52px,5.6vw,82px);--h1-m:42px;--h1-lh:1.0;--h1-track:-.04em;--h2:44px;--h2-lh:1.06;--h2-final:clamp(34px,4vw,56px);--h2-steps:42px}
/* Grid breathes a little wider; vertical rhythm back to 64 so headings, not air, carry the page. */
.wrap{width:min(1200px,calc(100% - 64px))}
body{font-family:GolosText,GolosFallback,Arial,sans-serif;font-weight:400;letter-spacing:0;line-height:1.55}
h1,h2{font-family:var(--display);font-weight:var(--display-weight);letter-spacing:var(--display-track);line-height:var(--display-lh);text-wrap:balance;font-optical-sizing:auto}
h1 span{font-family:var(--display-accent);font-style:var(--display-accent-style);color:var(--accent)}
h3,h4,.start-step h3,.privacy h2{font-family:GolosText,GolosFallback,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.hero h1{font-size:var(--h1);line-height:var(--h1-lh);letter-spacing:var(--h1-track)}
.lead{font-size:20px;line-height:1.55;max-width:34ch}
h2{font-size:clamp(30px,3vw,var(--h2))}
.feature-copy h2,.section-head h2,.blog-heading h2{font-size:var(--h2);line-height:var(--h2-lh)}
.steps-intro h2{font-size:var(--h2-steps);line-height:var(--h2-lh)}
.final h2{font-size:var(--h2-final);line-height:1.06}
.game h3,.game-draw h3{font-size:23px}.price h3{font-size:30px}.start-step h3{font-size:22px}.article h3{font-size:18px;line-height:1.35;letter-spacing:-.01em}
.cycle-app-header h3{font-size:17px}.cycle-summary h4{font-size:23px;letter-spacing:-.025em}.cycle-insight h4{font-size:12px;font-weight:600}
.hero-question>p,.question-text{font-family:GolosText,GolosFallback,sans-serif;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.hero-question>p{font-size:22px}.question-text{font-size:24px}
.feature-copy>p:not(.eyebrow){font-size:17px;max-width:400px}.section-head>p{font-size:16px}.start-step p{font-size:15px}
.ring-content strong,.pair-result strong,.hero-care strong,.person strong,.chat-heading strong,.calendar-month,.ritual strong{font-weight:600}
/* Hero and first steps: content-height, not min-height, so the fold doesn't pad itself with air. */
.hero{min-height:0;padding:20px 0 16px}.first-steps{padding-top:8px}.steps-intro{min-height:0;margin-bottom:22px}
@media(min-width:1051px){.section{padding-block:64px}.first-steps{padding-bottom:64px}.feature{min-height:0;padding:56px}.section-head{margin-bottom:36px}}
/* Labels: one named system — sentence case, a dot in the section's own colour. */
.eyebrow{font-family:var(--label-font);font-weight:var(--label-weight);font-size:var(--label-size);letter-spacing:var(--label-track);color:var(--label);display:flex;align-items:center;gap:9px;margin-bottom:18px}
.eyebrow::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.hero-copy .eyebrow{display:inline-flex;gap:8px;color:#5c4a7a;background:#ece6f3;border-color:#dfd5ea;margin-bottom:26px}
.question-section .eyebrow{--label:#6b5692}.ai-section .eyebrow{--label:#7d5f43}.cycle-section .eyebrow{--label:#526648}
.together-section .eyebrow{--label:#8a5c47}.space-section .eyebrow{--label:#6b5692}.pricing-section .eyebrow,.price .eyebrow{--label:#6b5692}
.price.premium .eyebrow{--label:#5c4a7a}.faq-section .eyebrow,.blog-section .eyebrow,.final .eyebrow,.steps-intro .eyebrow{--label:#6b5692}
.step-number{font-family:GolosText,GolosFallback,sans-serif;font-weight:600;color:#7a6590}
/* Controls: Golos 500, ink pill; hover moves toward plum instead of grey. */
.button,.text-link,.mini-action,.step-action,.ritual>a{font-family:GolosText,GolosFallback,sans-serif;font-weight:500}
.button{font-size:15px;letter-spacing:.005em;min-height:54px;padding:15px 26px}.button.small{font-size:12px;min-height:42px;padding:10px 17px}
.header .button.small{background:var(--accent)}
.header .desktop-nav{font-size:12.5px}.desktop-nav>a[aria-current]{color:#5c4a7a;font-weight:500}
button.login,.mobile-nav button[data-open-login-modal]{background:transparent;padding:0;min-height:auto;font:inherit;color:inherit;cursor:pointer;border:0;text-align:left}
/* Small captions step up from washed-out grey to a readable plum-grey (≥4.5:1 on every tint used). */
.hint,.demo-caption,.card-label,.warmth-status,.article small,.hero-meta,.chat-heading small,.person small,.hero-care small,.cycle-date,.cycle-phase-detail,.footer p,.footer small,.wordmark small{color:#6b6272}
summary{font-weight:500}.final .eyebrow{justify-content:center}.section-head>.eyebrow,.section-head .eyebrow{font-size:var(--label-size);max-width:none;line-height:1.4}
@media(hover:hover) and (pointer:fine){.button:hover{background:#4b3c66}.button.secondary:hover{background:#4b3c66;border-color:#4b3c66}}
@media(min-width:768px) and (max-width:1050px){.hero h1{font-size:calc(var(--h1-m) * 1.2)}.hero .lead{font-size:17px}.feature-copy h2,.section-head h2,.blog-heading h2{font-size:calc(var(--h2) * .8)}.steps-intro h2{font-size:calc(var(--h2-steps) * .8)}.final h2{font-size:calc(var(--h2) * .9)}.start-step h3{font-size:20px}}
@media(max-width:767px){.hero{padding:20px 0 12px}.hero h1{font-size:var(--h1-m);line-height:1.06;letter-spacing:-.02em}.hero .lead{font-size:17px}h2,.feature-copy h2,.section-head h2,.blog-heading h2,.faq-section h2{font-size:calc(var(--h2) * .74);line-height:1.12}.steps-intro h2{font-size:calc(var(--h2-steps) * .74)}.final h2{font-size:calc(var(--h2) * .78)}.eyebrow{font-size:10.5px;gap:8px;margin-bottom:14px}.eyebrow::before{width:5px;height:5px}.hero-copy .eyebrow{margin-bottom:18px}.steps-intro .eyebrow{max-width:190px;align-items:flex-start}.steps-intro .eyebrow::before{margin-top:5px}.hero-question>p{font-size:19px}.question-text{font-size:22px}.start-step h3{font-size:20px}.game h3,.game-draw h3{font-size:22px}.price h3{font-size:27px}.cycle-summary h4{font-size:22px}.feature-copy>p:not(.eyebrow){font-size:16px}.header .desktop-nav{font-size:12px}.button{font-size:14px}}
@media(max-width:360px){.hero h1{font-size:calc(var(--h1-m) * .9)}.hero .lead{font-size:15px}h2,.feature-copy h2,.section-head h2,.blog-heading h2,.faq-section h2{font-size:calc(var(--h2) * .66)}.steps-intro h2{font-size:calc(var(--h2-steps) * .66)}.final h2{font-size:calc(var(--h2) * .7)}.start-step h3{font-size:19px}.game h3,.game-draw h3{font-size:21px}.cycle-summary h4{font-size:21px}}