:root{color-scheme:light dark;--surface-system:#fff7fb;--surface-grouped:#f2f2f7;--surface-elevated:#fff;--surface-elevated-high:#f8f7fb;--text-primary:#1c1c1e;--text-secondary:#7a677b;--text-tertiary:#8e8e93;--text-inverse:#fff;--accent:#e25a7a;--accent-strong:#ec4899;--accent-soft:#e25a7a1a;--accent-panel:#e25a7a29;--border:#3c3c4324;--border-strong:#3c3c4338;--shadow:#481e2c1f;--shadow-lg:#481e2c2e;--radius:12px;--radius-sm:8px;--radius-xl:20px;--max-width:1160px;--font-display:"Nunito", "PingFang SC", "Hiragino Sans", "Yu Gothic", "Malgun Gothic", sans-serif;--font-text:"Plus Jakarta Sans", "PingFang SC", "Hiragino Sans", "Yu Gothic", "Malgun Gothic", system-ui, sans-serif;--font-ui:"Plus Jakarta Sans", "PingFang SC", "Hiragino Sans", "Yu Gothic", "Malgun Gothic", system-ui, sans-serif;--font-numeric:"SF Mono", "Aptos Mono", "Roboto Mono", ui-monospace, monospace;font-family:var(--font-text)}@media (prefers-color-scheme:dark){:root{--surface-system:#121217;--surface-grouped:#17171f;--surface-elevated:#1c1c24;--surface-elevated-high:#22222c;--text-primary:#f4f4f6;--text-secondary:#b9bcc7;--text-tertiary:#969aa6;--text-inverse:#121217;--accent:#f3a6bf;--accent-strong:#f3a6bf;--accent-soft:#f3a6bf29;--accent-panel:#f3a6bf33;--border:#ffffff1f;--border-strong:#ffffff38;--shadow:#00000052;--shadow-lg:#0000007a}}*{box-sizing:border-box}html{background:var(--surface-system);scroll-behavior:smooth}[id]{scroll-margin-top:24px}body{background:radial-gradient(circle at 8% 0%, var(--accent-soft), transparent 28rem), radial-gradient(circle at 92% 20%, #6366f10f, transparent 30rem), linear-gradient(180deg, var(--surface-system), var(--surface-grouped));min-width:320px;color:var(--text-primary);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5}body,button,select{font-family:var(--font-ui)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section-shell{width:min(var(--max-width), calc(100% - 40px));margin:0 auto}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger .reveal{transition-delay:calc(var(--reveal-index,0) * 80ms)}.site-nav{min-height:72px;padding:12px max(20px, calc((100vw - var(--max-width)) / 2));grid-template-columns:minmax(190px,1fr) auto;align-items:center;gap:22px;display:grid}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{width:44px;height:44px;box-shadow:0 12px 28px var(--shadow);border-radius:12px}.brand span{min-width:0;display:grid}.brand strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;line-height:1.15;overflow:hidden}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a,.language-switcher{border-radius:var(--radius-sm);min-height:40px}.nav-links a{color:var(--text-secondary);justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:600;transition:background .18s,color .18s,transform .18s;display:inline-flex}.nav-links a:hover{background:var(--accent-soft);color:var(--text-primary)}.nav-links a:active,.button:active{transform:translateY(1px)}.language-switcher{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-elevated);min-height:36px;color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.language-switcher:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--text-primary)}.language-switcher-icon{color:var(--text-secondary);flex-shrink:0;transition:color .18s}.language-switcher:hover .language-switcher-icon{color:var(--accent)}.language-switcher select{color:var(--text-primary);cursor:pointer;background:0 0;border:0;outline:0;padding-right:4px;font-size:13px;font-weight:600}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:56px;min-height:calc(100dvh - 72px);padding:72px 0 86px;display:grid}.hero-copy{max-width:640px}.eyebrow{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin:0 0 20px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}h1,h2,h3,p{margin-top:0}h1{max-width:12ch;font-family:var(--font-display);letter-spacing:0;color:var(--text-primary);text-wrap:balance;margin-bottom:22px;font-size:clamp(44px,7vw,76px);font-weight:800;line-height:.98}.hero-body{max-width:560px;color:var(--text-secondary);font-size:clamp(18px,2vw,22px);font-family:var(--font-text);text-wrap:pretty;margin-bottom:28px;line-height:1.5}.store-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.store-badge{justify-content:center;align-items:center;transition:transform .18s,opacity .18s,filter .18s;display:inline-flex}.store-badge:hover{filter:drop-shadow(0 4px 12px var(--shadow));transform:scale(1.06)}.store-badge:active{transform:scale(.96)}.store-badge img{width:auto;height:40px}.button{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.button-primary{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;box-shadow:0 16px 34px var(--shadow)}.button-primary:hover{box-shadow:0 8px 28px var(--shadow-lg), 0 0 0 2px var(--accent-soft);transform:translateY(-1px)}.button-primary:active{transform:scale(.96)}.button-secondary{border:1px solid var(--border-strong);background:var(--surface-elevated);color:var(--text-primary)}.button-secondary:active{transform:scale(.96)}.hero-visual{justify-items:center;display:grid}.hero-screenshots{flex-direction:column;align-items:center;gap:20px;display:flex}.hero-mockup{filter:drop-shadow(0 25px 60px #481e2c40);width:min(100%,400px);height:auto;transition:transform .4s cubic-bezier(.22,1,.36,1)}.hero-mockup:hover{transform:translateY(-6px)scale(1.02)}.calendar-weekdays span{color:var(--text-tertiary);font-size:11px;font-weight:600}.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{width:28px;height:28px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.calendar-day-today{background:var(--accent);color:var(--surface-elevated)}.calendar-day-has-record{position:relative}.calendar-day-has-record:after{content:"";background:var(--accent-panel);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.phone-tabs{border-bottom:1px solid var(--border);gap:16px;margin-bottom:12px;padding:8px 14px;display:flex}.phone-tabs span{color:var(--text-tertiary);padding-bottom:6px;font-size:13px;font-weight:600}.phone-tab-active{color:var(--accent);border-bottom:2px solid var(--accent)}.phone-records{gap:10px;margin-bottom:12px;display:grid}.record-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-system);opacity:0;align-items:center;gap:12px;padding:10px 14px;animation:.5s cubic-bezier(.22,1,.36,1) forwards record-slide-in;display:flex}.record-item:first-child{animation-delay:.8s}.record-item:nth-child(2){animation-delay:1.1s}.record-item:nth-child(3){animation-delay:1.4s}@keyframes record-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.record-icon-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.record-icon-circle svg{width:18px;height:18px}.record-icon-feeding{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.record-icon-sleep{color:#6366f1;background:#6366f11f}.record-icon-diaper{color:#f59e0b;background:#f59e0b1f}.record-info{flex-direction:column;flex:1;gap:2px;display:flex}.record-label{color:var(--text-secondary);font-size:14px;font-weight:700}.record-detail{color:var(--text-tertiary);font-size:12px}.record-time{font-family:var(--font-numeric);color:var(--accent);font-size:13px;font-weight:600}.phone-growth-bar{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-system);justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.growth-label{color:var(--text-secondary);font-size:14px;font-weight:700}.growth-sparkline{color:var(--accent)}.phone-shared{align-items:center;gap:10px;padding:8px 14px;display:flex}.family-avatars{display:flex}.avatar{border:2px solid var(--surface-elevated);border-radius:50%;width:24px;height:24px;margin-left:-6px}.avatar:first-child{margin-left:0}.avatar-1{background:var(--accent)}.avatar-2{background:#6366f1}.avatar-3{background:#10b981}.shared-text{color:var(--text-tertiary);font-size:12px;font-weight:600}.social-proof{padding:36px 0}.social-proof-inner{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--surface-elevated) 0%, color-mix(in srgb, var(--accent-soft) 40%, var(--surface-elevated)) 100%);border:1px solid var(--border);box-shadow:0 4px 24px var(--shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:20px 32px;display:flex}.proof-item{align-items:center;gap:8px;padding:0 16px;display:flex}.proof-item:not(:last-child){border-right:1px solid var(--border)}.proof-number{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;font-size:24px;font-weight:800}.proof-label{color:var(--text-secondary);font-size:14px;font-weight:600}.proof-star{color:var(--star-fill);letter-spacing:1px;font-size:16px}@media (width<=768px){.social-proof-inner{gap:16px;padding:20px}.proof-item{padding:0 12px;border-right:none!important}.proof-number{font-size:20px}.proof-label{font-size:13px}}.features,.testimonials,.cta{padding:88px 0}.section-heading{grid-template-columns:minmax(0,.9fr) minmax(260px,.65fr);align-items:end;gap:48px;margin-bottom:34px;display:grid}.section-heading .section-subtitle{color:var(--text-secondary);font-size:18px;line-height:1.5}h2{font-family:var(--font-display);letter-spacing:0;margin-bottom:0;font-size:clamp(34px,5vw,56px);font-weight:700;line-height:1.04}.cta p{color:var(--text-secondary);margin-bottom:0;font-size:18px}.feature-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.feature-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);min-height:200px;padding:28px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;position:relative;overflow:hidden}.feature-card-span-2{background:radial-gradient(circle at 84% 16%, var(--accent-panel), transparent 11rem), var(--surface-elevated);grid-row:span 2;min-height:420px}.feature-card:nth-child(2){background:var(--accent-soft)}.feature-card:nth-child(6){background:linear-gradient(135deg, var(--surface-elevated), var(--surface-grouped))}.feature-card>img,.feature-card svg{width:52px;height:52px;color:var(--accent);margin-bottom:36px}.feature-card:hover{box-shadow:0 20px 50px var(--shadow);transform:translateY(-4px)}.feature-card:hover svg{transition:transform .2s;transform:scale(1.08)}.feature-card h3{font-family:var(--font-display);margin-bottom:10px;font-size:24px;line-height:1.15}.feature-card p{max-width:36ch;color:var(--text-secondary);margin-bottom:0}.testimonial-intro{grid-template-columns:minmax(260px,.6fr) minmax(0,1fr);align-items:end;gap:48px;margin-bottom:34px;display:grid}.testimonial-list{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}figure{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);align-content:space-between;min-height:250px;margin:0;padding:24px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:grid;transform:rotate(-.8deg)}figure:nth-child(2){transform:rotate(.5deg)translateY(6px)}figure:nth-child(3){transform:rotate(-.3deg)translateY(-3px)}figure:nth-child(4){transform:rotate(.8deg)translateY(8px)}figure:nth-child(5){transform:rotate(-1deg)translateY(-4px)}figure:hover{box-shadow:0 20px 50px var(--shadow);transform:rotate(0)translateY(-4px)}blockquote{color:var(--text-primary);font-family:var(--font-display);margin:0;padding:0 0 0 20px;font-size:19px;font-weight:600;line-height:1.45;position:relative}blockquote:before{content:"“";color:var(--accent);opacity:.25;font-size:52px;font-weight:800;font-family:var(--font-display);pointer-events:none;line-height:1;position:absolute;top:-2px;left:-4px}figcaption{color:var(--text-secondary);font-family:var(--font-ui);align-items:center;gap:12px;display:flex}figcaption .avatar-initial{background:var(--accent-soft);width:36px;height:36px;font-family:var(--font-display);color:var(--accent);border:2px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}figcaption div{flex-direction:column;gap:2px;display:flex}figcaption strong{color:var(--text-primary)}.testimonial-source{color:var(--text-tertiary);align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:600;display:inline-flex}.testimonial-source svg{width:14px;height:14px}.faq{padding:64px 0}.faq h2{margin-bottom:28px}.faq-list{gap:12px;display:grid}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated);overflow:hidden}.faq-item summary{font-family:var(--font-ui);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;font-size:16px;font-weight:700;list-style:none;transition:background .15s;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-display);color:var(--accent);flex-shrink:0;font-size:20px;font-weight:800;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{background:var(--accent-soft)}.faq-item p{color:var(--text-secondary);margin:0;padding:0 24px 18px;font-size:15px;line-height:1.6}.cta{border:1px solid var(--border);background:radial-gradient(circle at 82% 18%, var(--accent-panel), transparent 15rem), linear-gradient(135deg, var(--surface-elevated) 0%, color-mix(in srgb, var(--accent-soft) 30%, var(--surface-elevated)) 100%);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-bottom:42px;padding:48px;display:grid;position:relative;overflow:hidden}.cta:before{content:"";background:radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.cta h2{z-index:1;max-width:16ch;margin-bottom:12px;position:relative}.cta p,.cta .store-actions{z-index:1;position:relative}.toast{background:var(--text,#1a1a2e);color:#fff;z-index:9999;opacity:0;pointer-events:none;white-space:nowrap;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:transform .35s,opacity .35s;position:fixed;top:24px;left:50%;transform:translate(-50%)translateY(-120%);box-shadow:0 8px 32px #0000002e}.toast.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.site-footer{border-top:1px solid var(--border);color:var(--text-secondary);padding:32px 0 40px;font-size:14px}.footer-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:20px;display:grid}.footer-brand strong{color:var(--text-primary);font-family:var(--font-display);font-size:15px}.footer-top nav{gap:18px;display:flex}.footer-top .language-switcher{justify-self:end}.footer-bottom{text-align:center;padding-top:20px}.footer-bottom p{margin-bottom:4px}.site-footer .made-with-love{color:var(--text-secondary);opacity:.8;margin:0;font-size:12px;font-style:italic}.site-footer .made-with-love .heart{color:var(--accent);animation:1.5s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.15)}56%{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.phone-shell{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)rotateX(0)}50%{transform:translateY(-10px)rotateX(1deg)}}}@media (width<=920px){.site-nav{grid-template-columns:1fr auto}.nav-links{display:none}.hero,.section-heading,.testimonial-intro,.cta,.site-footer{grid-template-columns:1fr}.hero{gap:34px;min-height:auto;padding-top:54px}h1{max-width:10ch}.feature-grid{grid-template-columns:1fr}.feature-card-span-2{grid-row:auto;min-height:260px}.testimonial-list{grid-template-columns:repeat(2,1fr)}.cta,.site-footer p{text-align:left}.footer-top{text-align:center;grid-template-columns:1fr;justify-items:center}.footer-top .language-switcher{justify-self:center}.social-proof-inner{gap:16px;padding:20px}.proof-item:not(:last-child){border-right:none}}@media (width<=560px){.section-shell{width:min(100% - 28px, var(--max-width))}.site-nav{gap:12px;min-height:68px;padding:10px 14px}.brand-mark{width:40px;height:40px}.brand strong{max-width:150px}.language-switcher select{max-width:104px}.hero{padding:44px 0 64px}h1{font-size:clamp(40px,13vw,54px)}.store-actions,.site-footer nav{flex-direction:column;align-items:stretch}.store-badge img{height:44px}.button{width:100%}.features,.testimonials{padding:64px 0}.feature-card,figure{min-height:auto;padding:20px;transform:rotate(-.3deg)}figure:nth-child(2){transform:rotate(.2deg)translateY(3px)}figure:nth-child(3){transform:rotate(-.1deg)translateY(-2px)}figure:nth-child(4){transform:rotate(.3deg)translateY(4px)}figure:nth-child(5){transform:rotate(-.4deg)translateY(-2px)}.feature-card>img{margin-bottom:34px}.cta{padding:28px}.social-proof-inner{flex-direction:column;gap:12px}}.legal-page{width:min(var(--max-width), calc(100% - 40px));margin:0 auto;padding:4rem 0 6rem;font-size:16px;line-height:1.7}.legal-page h1{margin-bottom:.5rem;font-size:2rem}.legal-page h2{color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem}.legal-page p{color:var(--text-secondary);margin:.75rem 0}.legal-page ul{color:var(--text-secondary);margin:.75rem 0;padding-left:1.5rem}.legal-page li{margin-bottom:.5rem}.legal-page a{color:var(--accent);text-decoration:underline}
