*,:before,:after{box-sizing:border-box}html{background-color:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px;font-family:Manrope Variable,ui-sans-serif,system-ui,sans-serif}body{background:var(--bg);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{color:var(--ink);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:20px}.wrap.narrow{max-width:46rem}@media (width>=700px){.wrap{padding-inline:32px}}.skip{z-index:100;background:var(--surface);border-radius:var(--radius-md);padding:10px 14px;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.btn-primary,.btn-secondary{min-height:48px;font:inherit;border-radius:var(--radius-lg);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard), background var(--motion-fast) var(--ease-standard), filter var(--motion-base) var(--ease-standard);justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:16.5px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--surface);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 30%, transparent);border:0}:root.dark .btn-primary{color:var(--bg)}.btn-primary.sm{border-radius:var(--radius-md);min-height:40px;padding:9px 15px;font-size:14px}.btn-secondary{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}@media (hover:hover){.btn-primary:hover{box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 38%, transparent);filter:brightness(1.03)}.btn-secondary:hover{background:var(--surface-2)}}.btn-primary:active,.btn-secondary:active,.pressable:active{transform:scale(.97)}.pressable{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--motion-fast) var(--ease-standard)}.text-link{color:var(--accent-deep);align-items:center;gap:6px;font-weight:800;text-decoration:none;display:inline-flex}.text-link svg{transition:transform var(--motion-base) var(--ease-standard)}@media (hover:hover){.text-link:hover svg{transform:translate(3px)}}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.bar{align-items:center;gap:16px;min-height:68px;display:flex}.brand{margin-inline-end:auto;text-decoration:none}.links{gap:4px;display:none}.links a{border-radius:var(--radius-md);color:var(--muted);transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);padding:8px 12px;font-size:.95rem;font-weight:700;text-decoration:none}@media (hover:hover){.links a:hover{background:var(--surface-2);color:var(--ink)}}@media (width>=900px){.links{display:flex}}.actions{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:grid}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.theme-toggle .sun,:root.dark .theme-toggle .moon{display:none}:root.dark .theme-toggle .sun{display:block}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);font-size:.75rem;font-weight:800;display:inline-block}.band{padding-block:72px}.band.alt{background:var(--surface-2)}@media (width>=900px){.band{padding-block:104px}}.section-intro{flex-direction:column;gap:12px;max-width:44rem;margin-bottom:40px;display:flex}.section-intro h2{letter-spacing:-.025em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.08}.lead{color:var(--muted);font-size:1.125rem;line-height:1.6}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:26px}h3{letter-spacing:-.01em;font-size:1.125rem;font-weight:800;line-height:1.25}.card p,.feature p,.privacy p{color:var(--muted);margin-top:6px}.feature-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-deep);flex:none;place-items:center;display:grid}ul,ol{margin:0;padding:0;list-style:none}.hero{padding-block:40px 72px;overflow:hidden}.hero-grid{align-items:center;gap:48px;display:grid}@media (width>=900px){.hero{padding-block:72px 104px}.hero-grid{grid-template-columns:1.1fr .9fr}}.hero-copy{animation:rise var(--motion-page) var(--ease-emphasized) both;flex-direction:column;gap:20px;display:flex}.hero h1{letter-spacing:-.035em;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:800;line-height:1.02}.hero .lead{max-width:34rem;font-size:clamp(1.0625rem,1.6vw,1.25rem)}.cta-row{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.cta-row.center{justify-content:center}.note{color:var(--muted);font-size:.9rem;font-weight:600}.hero-visual{min-height:420px;animation:rise var(--motion-page) var(--ease-emphasized) 80ms both;place-items:center;display:grid;position:relative}.glow{background:radial-gradient(closest-side, var(--accent-soft), transparent);border-radius:40%;position:absolute;inset:8% 4%}.hero-visual .shot{width:min(300px,78vw);margin:0;position:relative}.buddy{filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--ink) 18%, transparent));position:absolute}.buddy.b1{animation:bob 5s var(--ease-standard) infinite alternate;bottom:12%;left:4%}.buddy.b2{animation:bob 6s var(--ease-standard) .4s infinite alternate-reverse;top:8%;right:6%}@media (width<=480px){.buddy.b1{width:64px;left:0}.buddy.b2{width:52px;right:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes bob{to{transform:translateY(-10px)rotate(-3deg)}}.pains{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.pains{grid-template-columns:repeat(3,1fr)}}.pain{flex-direction:column;gap:6px;display:flex}.pain .feature-icon{margin-bottom:8px}.pain-closing{border-radius:var(--radius-lg);background:var(--accent-soft);max-width:46rem;color:var(--ink);align-items:flex-start;gap:10px;margin:28px auto 0;padding:18px 22px;font-size:1.05rem;font-weight:700;line-height:1.5;display:flex}.pain-closing svg{color:var(--accent-deep);flex:none;margin-top:4px}.steps{gap:16px;display:grid}@media (width>=760px){.steps{grid-template-columns:repeat(3,1fr)}}.step{flex-direction:column;gap:6px;display:flex}.step-no{background:var(--accent);width:36px;height:36px;color:var(--surface);border-radius:999px;place-items:center;margin-bottom:8px;font-weight:800;display:grid}:root.dark .step-no{color:var(--bg)}.split{align-items:center;gap:48px;display:grid}@media (width>=980px){.split{grid-template-columns:1.15fr .85fr}}.features{gap:28px 32px;display:grid}@media (width>=640px){.features{grid-template-columns:repeat(2,1fr)}}.feature{align-items:flex-start;gap:16px;display:flex}.shots-pair{grid-template-columns:repeat(2,1fr);align-items:start;gap:16px;display:grid}.shots-pair .shot{margin:0}.shots-pair .shot:last-child{margin-top:48px}.roles,.devices,.privacy{gap:16px;display:grid}@media (width>=760px){.roles,.devices,.privacy{grid-template-columns:repeat(3,1fr)}}.role{flex-direction:column;gap:6px;display:flex}.role img{width:64px;height:64px;margin-bottom:10px}.device{flex-direction:column;gap:8px;display:flex}.device .feature-icon{margin-bottom:6px}.device .text-link{margin-top:auto;padding-top:10px}.privacy li{flex-direction:column;gap:6px;display:flex}.privacy .feature-icon{margin-bottom:8px}.callout{border-radius:var(--radius-lg);border-inline-start:4px solid;margin-top:24px;padding:18px 22px}.callout.warning{background:var(--callout-warning-bg);color:var(--callout-warning-fg)}.callout.info{background:var(--callout-info-bg);color:var(--callout-info-fg)}.callout p{color:var(--ink);margin-top:4px}.library{gap:32px;display:grid}@media (width>=900px){.library{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:56px}}.library .section-intro{margin-bottom:0}.library-facts{flex-wrap:wrap;gap:8px 18px;margin-top:6px;font-size:.95rem;font-weight:700;display:flex}.library-facts li{align-items:center;gap:6px;display:inline-flex}.library-facts svg{color:var(--accent-deep)}.library .cta-row{margin-top:14px}.library-tiles{gap:12px;display:grid}@media (width>=640px){.library-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.library-tiles>li{display:grid}.library-tile{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--subject,var(--accent));height:100%;color:var(--ink);transition:transform var(--motion-base) var(--ease-standard), box-shadow var(--motion-base) var(--ease-standard);flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;display:flex}@media (hover:hover){.library-tile:hover{box-shadow:0 10px 24px color-mix(in srgb, var(--ink) 8%, transparent);transform:translateY(-2px)}}.library-tile .meta{color:var(--muted);font-size:.8rem;font-weight:700}.library-tile strong{letter-spacing:-.01em;font-size:1.05rem;font-weight:800;line-height:1.25}.library-tile p{color:var(--muted);margin:0;font-size:.92rem}.library-tile.more{text-align:center;border-style:dashed;border-top:1px dashed var(--line);color:var(--accent-deep);background:0 0;flex-direction:row;justify-content:center;align-items:center;gap:8px;font-weight:800}.faq{flex-direction:column;gap:10px;display:flex}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:0 20px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:60px;font-size:1.0625rem;font-weight:800;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent-deep);transition:transform var(--motion-base) var(--ease-standard);flex:none;font-size:1.5rem;font-weight:600}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);padding-bottom:18px}.cta-card{text-align:center;border-radius:var(--radius-xl);background:var(--accent-soft);border:1px solid var(--line);flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.cta-card h2{letter-spacing:-.025em;max-width:34rem;font-size:clamp(1.6rem,3.6vw,2.25rem);font-weight:800;line-height:1.1}.cta-card p{color:var(--muted);max-width:34rem}.site-footer{border-top:1px solid var(--line);padding-block:40px}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.foot-brand{flex-direction:column;gap:8px;display:flex}.foot-brand p{color:var(--muted);font-size:.9rem}.foot-links{flex-wrap:wrap;gap:4px 18px;display:flex}.foot-links a{min-height:44px;color:var(--muted);align-items:center;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){.foot-links a:hover{color:var(--ink)}}.foot-links a.foot-button{border:1.5px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent);padding:6px 14px;font-weight:700}@media (hover:hover){.foot-links a.foot-button:hover{background:var(--accent-soft);color:var(--accent)}}.legal{padding-block:56px 88px}.legal h1{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2rem,5vw,2.75rem);font-weight:800}.legal h2{margin:32px 0 8px;font-size:1.25rem;font-weight:800}.legal h3{margin:24px 0 6px;font-size:1.0625rem;font-weight:700}.legal p,.legal li{font-family:Literata Variable,Georgia,serif;line-height:1.7}.legal p+p,.legal ul+p,.legal p+ul{margin-top:12px}.legal ul{padding-left:1.25rem;list-style:outside}.legal li+li{margin-top:6px}.legal code{overflow-wrap:anywhere;font-size:.875em}.legal-meta{color:var(--muted)}.legal-summary{border-radius:var(--radius-lg);background:var(--accent-soft);margin-top:24px;padding:4px 20px 20px}.legal-summary h2{margin-top:16px}.legal .legal-toc{border-radius:var(--radius-lg);background:var(--surface-2);gap:6px 28px;margin-top:28px;padding:20px 22px;list-style:none;display:grid}@media (width>=640px){.legal .legal-toc{grid-template-columns:1fr 1fr}}.legal .legal-toc li+li{margin-top:0}.legal .legal-toc a{color:var(--ink);font-family:Manrope Variable,system-ui,sans-serif;font-size:.9375rem;font-weight:700;text-decoration:none}@media (hover:hover){.legal .legal-toc a:hover{color:var(--accent)}}.legal-address{margin-top:12px;font-style:normal}.legal-box{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin-top:16px;padding:20px 24px}.legal-box>:first-child{margin-top:0}.legal .legal-fields{margin-top:12px;padding-left:0;list-style:none}.legal .legal-fields li{border-bottom:1px dashed var(--line);padding-bottom:6px}.legal .legal-fields li+li{margin-top:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pricing h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.05}.period-toggle{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:fit-content;margin:0 auto 36px;padding:4px;display:flex}.period-toggle button{border-radius:var(--radius-md);min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 18px;font-weight:800;display:inline-flex}.period-toggle button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.period-toggle .save{border-radius:var(--radius-pill);background:var(--callout-tip-bg);color:var(--callout-tip-fg);padding:2px 8px;font-size:.75rem}.pricing[data-period=month] [data-show=year],.pricing[data-period=year] [data-show=month]{display:none}.tiers{gap:24px;padding:0;list-style:none;display:grid}@media (width>=860px){.tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.tier{border-width:2px;flex-direction:column;gap:10px;display:flex;position:relative}.tier.highlight{border-color:var(--accent)}.tier h2{letter-spacing:-.015em;font-size:1.375rem;font-weight:800}.tier-badge{border-radius:var(--radius-pill);background:var(--accent);color:var(--surface);padding:4px 12px;font-size:.75rem;font-weight:800;position:absolute;top:-13px;right:20px}.tier-kids{color:var(--muted);margin-top:-6px;font-weight:700}.tier-price .amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:2rem;font-weight:800}.tier-price .per{color:var(--muted);font-weight:700}.tier-features,.included{gap:10px;padding:0;list-style:none;display:grid}.tier-features{flex:1;margin:6px 0 12px}.tier-features li,.included li{align-items:flex-start;gap:10px;line-height:1.4;display:flex}.tier-features svg,.included svg{color:var(--green);flex:none;margin-top:2px}.vat{text-align:center;margin-top:20px}@media (width>=640px){.included{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}}.cancel-form{gap:16px;max-width:32rem;margin:24px 0 8px;display:grid}.cancel-form[hidden]{display:none}.cancel-form label>span,.cancel-form legend{margin-bottom:6px;font-size:.9375rem;font-weight:700;display:block}.cancel-form input[type=email],.cancel-form input[type=text],.cancel-form input[type=date],.cancel-form textarea{box-sizing:border-box;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;color:var(--ink);font:inherit;padding:10px 12px}.cancel-form fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.cancel-form .choice{align-items:center;gap:10px;min-height:44px;display:flex}.cancel-form .hp{position:absolute;left:-9999px}.cancel-form small{color:var(--muted);margin-top:6px;font-size:.875rem;line-height:1.5;display:block}.cancel-form .btn-primary{justify-self:start}html[data-os=ios] .hide-ios,html[data-os=android] .hide-android,html:not([data-os=ios]) .only-ios{display:none!important}.store-badge{border-radius:9px;line-height:0;display:inline-flex}.store-badge img{display:block}.store-desktop{align-items:center;gap:16px;margin-top:22px;display:flex}.store-qr{border-radius:var(--radius-md);border:1px solid var(--line);flex:none}.store-desktop-copy p{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:600}
