@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-color:#f2f2f2;--text-color:#000;--text-muted:#666;--accent-blue:#0a84ff;--card-bg:#fff}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.04em;margin:0;font-weight:700}p{line-height:1.6}.hero-section{flex-direction:column;align-items:center;gap:2rem;min-height:100svh;padding:6rem 2rem 2rem;display:flex}.hero-heading{text-align:center;max-width:900px;margin:0 auto 1.5rem;font-size:clamp(1rem,3vw,2.5rem);line-height:1.05}.hero-subheading{color:var(--text-muted);text-align:center;letter-spacing:-.01em;max-width:600px;margin:0 auto 3rem;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500}.bento-section{background:radial-gradient(1200px 400px at 50% 0,#0a84ff14,#fff0),linear-gradient(#ffffffe6,#f2f2f2e6);padding:5.5rem 2rem 6rem}.bento-header{text-align:center;max-width:900px;margin:0 auto 3rem}.bento-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .75rem;font-size:.8rem}.bento-title{margin:0 0 .75rem;font-size:clamp(1rem,2.5vw,1.8rem)}.bento-lede{color:var(--text-muted);max-width:720px;margin:0 auto;font-size:1.1rem}.bento-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.bento-card{--bento-accent:#0a84ff40;background:linear-gradient(#fffffffa,#f8f8f8f2);border:1px solid #0f172a14;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:220px;padding:2.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #0f172a14}.bento-card:after{content:"";background:radial-gradient(circle, var(--bento-accent) 0%, #fff0 70%);opacity:.7;filter:blur(8px);pointer-events:none;width:220px;height:220px;position:absolute;top:-70px;right:-70px}.bento-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px #0f172a1f}.bento-kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin:0 0 .75rem;font-size:.85rem}.bento-card-title{margin:0 0 .8rem;font-size:clamp(1.4rem,2.4vw,2rem)}.bento-card-text{color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.6}.bento-pill-row{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.bento-pill{color:var(--text-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:1px solid #0f172a14;border-radius:999px;padding:.35rem .8rem;font-size:.85rem}.voice-logging-visual{background:linear-gradient(#ffffffe6,#f0f0f4e6);border:1px solid #0f172a14;border-radius:24px;margin-top:1.5rem;padding:1.2rem 1.4rem 1.6rem;position:relative}.voice-pill{background:#f5f5f7;border:1px solid #3c3c4326;border-radius:999px;justify-content:space-between;align-items:center;gap:.8rem;padding:.6rem .7rem;display:flex;box-shadow:inset 0 1px #fffc}.voice-pill-input{color:#6b6f76;background:#ffffffb3;border-radius:999px;flex:1;align-items:center;gap:.7rem;min-width:0;padding:.55rem .9rem;display:flex}.voice-footprint{object-fit:contain;border-radius:6px;flex:0 0 26px;width:26px;height:26px}.voice-placeholder{color:#6b6f76;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:500;overflow:hidden}.voice-mic-icon{color:#6b6f76;align-items:center;margin-left:auto;display:inline-flex}.voice-baby-pill{color:#111216;white-space:nowrap;background:#fff;border:1px solid #3c3c4326;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .75rem;font-weight:600;display:inline-flex}.voice-baby-pill img{object-fit:cover;border-radius:50%;width:26px;height:26px}.smart-parsing-visual{gap:.9rem;margin-top:1.5rem;display:grid}.smart-input{color:#6b6f76;background:#f5f5f7;border:1px solid #3c3c432e;border-radius:999px;align-items:center;gap:.75rem;padding:.8rem 1rem;font-weight:500;display:flex}.smart-input-icon{color:#5b5f66;background:#3c3c431f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:inline-flex}.smart-input-text{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.smart-chips{flex-wrap:wrap;gap:.6rem;display:flex}.parse-chip{border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.parse-chip-icon{background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:24px;padding:0 8px;font-size:.8rem;display:inline-flex}.parse-chip--breast{color:#7a2f4d;background:linear-gradient(135deg,#fdf1ff,#ffe6f2)}.parse-chip--breast .parse-chip-icon{color:#d04a7a}.parse-chip--side{color:#3f4c87;background:#eef2ff}.parse-chip--side .parse-chip-icon{color:#3f4c87;background:#4f60a92e;font-weight:700}.parse-chip--duration{color:#7a5b24;background:#fef6df}.parse-chip--duration .parse-chip-icon{color:#7a5b24;background:#d6a74733;font-weight:700}.parse-chip--time{color:#5b3b8f;background:#efe6ff}.parse-chip--time .parse-chip-icon{color:#5b3b8f;background:#9465e02e;font-weight:700}.diaper-visual{gap:1rem;margin-top:1.5rem;display:grid}.diaper-segment{background:#f2efea;border:1px solid #0f172a14;border-radius:999px;flex-wrap:nowrap;justify-self:start;align-items:center;gap:.35rem;width:fit-content;padding:.35rem .4rem;display:inline-flex}.diaper-segment-pill{color:#2b2b2b;white-space:nowrap;background:0 0;border-radius:999px;padding:.38rem .8rem;font-size:.85rem;font-weight:600}.diaper-segment-pill.is-active{background:#fff;box-shadow:0 6px 14px #0f172a1f}.diaper-color-row{background:#f2efea;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.4rem .6rem;display:inline-flex}.diaper-color{background:#d4d6db;border:2px solid #0000;border-radius:50%;width:26px;height:26px;box-shadow:inset 0 1px #ffffff80}.diaper-color.is-selected{border-color:#11121640;box-shadow:0 6px 12px #0f172a2e}.diaper-color--mustard{background:#e5b028}.diaper-color--tan{background:#a56a32}.diaper-color--brown{background:#6b3b12}.diaper-color--olive{background:#4f7d2f}.diaper-color--red{background:#b02929}.diaper-color--black{background:#1b1b1b}.diaper-color--gray{background:#8c8c8c}.profiles-visual{justify-content:center;margin-top:1.4rem;display:flex}.profiles-row{background:#f7f7f9;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:.5rem;max-width:100%;padding:.7rem .9rem;display:flex;overflow:hidden;box-shadow:0 14px 30px #0f172a1f}.profiles-avatar{background:#fff;border:1px solid #0f172a14;border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.profiles-avatar img{object-fit:contain;width:30px;height:30px}.sync-insights-visual{justify-items:center;gap:1rem;width:100%;margin-top:1.5rem;display:grid;overflow:hidden}.sync-cloud{width:120px;max-width:100%;height:80px;position:relative}.sync-cloud-icon{background:#eef2ff;border:1px solid #3b82f633;border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffe6}.sync-cloud-icon:before,.sync-cloud-icon:after{content:"";background:#eef2ff;border:1px solid #3b82f633;border-radius:50%;position:absolute}.sync-cloud-icon:before{width:46px;height:46px;top:-10px;left:6px}.sync-cloud-icon:after{width:56px;height:56px;top:-16px;right:6px}.sync-cloud-rings{place-items:center;display:grid;position:absolute;inset:0}.sync-cloud-rings span{border:1px solid #3b82f6cc;border-radius:999px;width:100%;height:100%;animation:2.2s ease-in-out infinite sync-ring;position:absolute}.sync-cloud-rings span:nth-child(2){width:130%;height:130%;animation-delay:.4s}.sync-cloud-rings span:nth-child(3){width:160%;height:160%;animation-delay:.8s}.sync-cloud-text{color:#5c6a93;gap:.6rem;font-size:.85rem;font-weight:600;display:flex}.calendar-visual{gap:.8rem;margin-top:1.5rem;display:grid}.calendar-header{color:#6b6f76;text-align:center;grid-template-columns:repeat(5,1fr);gap:.4rem;font-size:.8rem;font-weight:600;display:grid}.calendar-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.calendar-cell{background:#ffffffb3;border:1px solid #0f172a0f;border-radius:14px;justify-items:center;gap:.4rem;padding:.6rem .4rem;display:grid}.calendar-cell.is-active{border-color:#3b82f659;box-shadow:0 8px 20px #3b82f62e}.calendar-date{color:#2a2d33;font-size:.85rem;font-weight:700}.calendar-dots{gap:4px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot--wet{background:#7fdce9}.dot--dirty{background:#c28c52}.dot--breast{background:#ff8fad}.dot--pump{background:#b99ae6}@keyframes sync-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}@keyframes sync-ring{0%,to{opacity:.2;transform:scale(.9)}50%{opacity:.6;transform:scale(1)}}.toast-stack{height:190px;margin-top:1.5rem;position:relative}.toast-card{border-radius:22px;max-width:360px;margin:0 auto;padding:.9rem 1.1rem;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 16px 24px #0f172a26}.toast-card--top{z-index:3;transform:translate(40px)}.toast-card--middle{z-index:2;transform:translate(20px,40px)}.toast-card--bottom{z-index:1;transform:translateY(80px)}.toast-content{z-index:1;justify-content:space-between;align-items:center;gap:1rem;font-size:.95rem;font-weight:600;display:flex;position:relative}.toast-action{font-weight:700}.toast-progress{opacity:.9;z-index:0;border-radius:inherit;width:70%;position:absolute;inset:0;overflow:hidden}.toast-card--wet{color:#111216;background:#ffeb61}.toast-card--wet .toast-progress{background:linear-gradient(90deg,#48c9e3,#ffffffa6)}.toast-card--pump{color:#111216;background:#e8e0fa}.toast-card--pump .toast-progress{background:linear-gradient(90deg,#c7afeef2,#ad8cddb3);width:60%}.toast-card--dirty{color:#111216;background:#e6d6c4}.toast-card--dirty .toast-progress{background:linear-gradient(90deg,#a57d52f2,#654d3499);width:50%}.toast-texture{position:absolute;inset:0}.toast-texture--pump .toast-molecule{background:#5e3ea18c;border-radius:999px;width:10px;height:10px;animation:1.8s ease-in-out infinite toast-molecule;position:absolute}.toast-texture--pump .toast-molecule:first-child{animation-delay:0s;top:30%;left:12%}.toast-texture--pump .toast-molecule:nth-child(2){width:6px;height:6px;animation-delay:.4s;top:55%;left:28%}.toast-texture--pump .toast-molecule:nth-child(3){width:8px;height:8px;animation-delay:.8s;top:25%;left:45%}.toast-texture--pump .toast-molecule:nth-child(4){width:7px;height:7px;animation-delay:.2s;top:50%;left:58%}.toast-texture--pump .toast-molecule:nth-child(5){width:9px;height:9px;animation-delay:1s;top:32%;left:70%}.toast-texture--pump .toast-molecule:nth-child(6){width:5px;height:5px;animation-delay:.6s;top:58%;left:84%}.toast-texture--dirty .toast-speck{background:#462d18d9;border-radius:35% 60% 40% 70%;animation:3.4s ease-in-out infinite toast-speck;position:absolute}.toast-texture--dirty .toast-speck:first-child{width:16px;height:12px;animation-delay:0s;top:28%;left:10%}.toast-texture--dirty .toast-speck:nth-child(2){width:10px;height:8px;animation-delay:.2s;top:18%;left:26%}.toast-texture--dirty .toast-speck:nth-child(3){width:18px;height:12px;animation-delay:.5s;top:58%;left:38%}.toast-texture--dirty .toast-speck:nth-child(4){width:12px;height:9px;animation-delay:.8s;top:28%;left:52%}.toast-texture--dirty .toast-speck:nth-child(5){width:10px;height:7px;animation-delay:1.1s;top:55%;left:64%}.toast-texture--dirty .toast-speck:nth-child(6){width:14px;height:10px;animation-delay:.3s;top:18%;left:74%}.toast-texture--dirty .toast-speck:nth-child(7){width:9px;height:7px;animation-delay:1.4s;top:42%;left:82%}.toast-texture--dirty .toast-speck:nth-child(8){width:8px;height:6px;animation-delay:.7s;top:52%;left:18%}.toast-texture--dirty .toast-speck:nth-child(9){width:7px;height:5px;animation-delay:1.6s;top:16%;left:44%}.toast-texture--dirty .toast-speck:nth-child(10){width:6px;height:4px;animation-delay:.9s;top:22%;left:90%}@keyframes toast-molecule{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:.95;transform:scale(1.2)}}@keyframes toast-speck{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}@media (prefers-reduced-motion:reduce){.toast-texture--pump .toast-molecule,.toast-texture--dirty .toast-speck{animation:none}}.bento-span-7{grid-column:span 7}.bento-span-6{grid-column:span 6}.bento-span-5{grid-column:span 5}.bento-tall{grid-row:span 2;min-height:360px}.bento-card--sky{--bento-accent:#0a84ff59}.bento-card--peach{--bento-accent:#ff9b5e59}.bento-card--mint{--bento-accent:#48d6a559}.bento-card--sand{--bento-accent:#ffd48a59}.bento-card--rose{--bento-accent:#ff85b159}.bento-card--lavender{--bento-accent:#a78bfa59}.bento-card--midnight{--bento-accent:#3b82f659}.bento-card--stone{--bento-accent:#64748b47}.live-activities-card{flex-direction:column;height:100%;display:flex}.live-activities-visual{background:linear-gradient(135deg,#ffffffe6,#ebecf2e6);border:1px solid #0f172a14;border-radius:28px;justify-content:center;align-items:center;height:170px;margin-top:1.5rem;display:flex;position:relative;overflow:hidden}.live-island{color:#fff;font-variant-numeric:tabular-nums;background:#111216;border-radius:999px;align-items:center;gap:12px;display:flex;position:absolute;box-shadow:0 16px 32px #0003}.live-island--morph{justify-content:space-between;width:210px;height:46px;padding:0 16px;animation:6s ease-in-out infinite live-morph;overflow:hidden}.live-island-state{justify-content:space-between;align-items:center;gap:12px;padding:0 20px;transition:opacity .6s,transform .6s;display:flex;position:absolute;inset:0}.live-island-left{align-items:center;gap:8px;font-weight:600;display:flex}.live-island-label{font-size:1rem}.live-island-heart{color:#ff8fad;font-size:1rem}.live-island-timer{letter-spacing:.02em;font-size:1.3rem}.live-island-stop{background:#ffffff1f;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.9rem;display:grid}.live-island-state--compact{justify-content:space-between;gap:10px;padding:0 16px;animation:6s ease-in-out infinite live-compact-content}.live-island-compact-label{opacity:.85;align-items:center;gap:4px;font-size:.9rem;display:inline-flex}.live-island-compact-heart{color:#ff8fad;font-size:.9rem}.live-island-compact-timer{font-size:1rem;font-weight:600}@keyframes live-morph{0%,30%{width:210px;height:46px;padding:0 16px}40%,70%{width:min(100%,360px);height:68px;padding:0 20px}85%,to{width:210px;height:46px;padding:0 16px}}@keyframes live-expanded-content{0%,30%{opacity:0;transform:translateY(6px)scale(.96)}40%,70%{opacity:1;transform:translateY(0)scale(1)}85%,to{opacity:0;transform:translateY(-4px)scale(.96)}}@keyframes live-compact-content{0%,30%{opacity:1;transform:translateY(0)scale(1)}40%,70%{opacity:0;transform:translateY(-4px)scale(.96)}85%,to{opacity:1;transform:translateY(0)scale(1)}}.live-island-state--expanded{animation:6s ease-in-out infinite live-expanded-content}@media (prefers-reduced-motion:reduce){.live-island--morph,.live-island-state--expanded,.live-island-state--compact{animation:none}.live-island--morph{width:min(100%,360px);height:68px;padding:0 20px}.live-island-state--expanded{opacity:1;position:relative}.live-island-state--compact{opacity:0}}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.bento-span-7,.bento-span-6,.bento-span-5{grid-column:span 6}.bento-tall{grid-row:span 1;min-height:300px}}@media (max-width:720px){.bento-section{padding:4rem 1.25rem 5rem}.bento-grid{grid-template-columns:1fr}.bento-span-7,.bento-span-6,.bento-span-5{grid-column:1/-1}.bento-card{padding:2rem}}.iphone-mockup-wrapper{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.mockup-glow{z-index:0;filter:blur(40px);background:radial-gradient(circle,#0a84ff1f 0%,#0a84ff00 70%);border-radius:50%;width:min(70vw,420px);height:min(90vw,680px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iphone-mockup-container{aspect-ratio:320/650;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:auto;height:clamp(420px,72svh,760px);display:flex;position:relative}.phone-frame-image{z-index:2;pointer-events:none;object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.iphone-screen-video-container{z-index:1;background-color:#f1f0ef;border-radius:40px;width:88%;height:96%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.app-element{background:#fff;border-radius:20px;flex-direction:column;gap:.5rem;width:100%;padding:1.5rem;display:flex;box-shadow:0 4px 15px #0000000d}.app-element-title{font-size:1rem;font-weight:700}.app-element-subtitle{color:var(--text-muted);font-size:.85rem}.cta-button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:40px;justify-content:center;align-items:center;margin-top:2rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-button:hover{background-color:#222;transform:scale(1.02)}nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:0 0;justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.05em;color:#000;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-qr{width:180px;color:var(--text-muted);background:#ffffffe6;border:1px solid #0f172a14;border-radius:14px;align-items:center;gap:.6rem;padding:.4rem .6rem;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #0f172a1f}.nav-qr img{border-radius:8px;width:56px;height:56px;display:block}.nav-qr span{letter-spacing:.02em;text-transform:none;font-size:.8rem;font-weight:600;line-height:1.2}.nav-qr--mobile{width:auto;margin-top:0;padding:.6rem 1rem;font-size:.9rem;display:none}.nav-qr--mobile img,.nav-qr--mobile span{display:none}@media (max-width:720px){.nav-qr{display:none}.nav-qr--mobile{display:inline-flex}}footer{text-align:center;color:var(--text-muted);padding:5rem 2rem;font-size:.95rem}footer a{color:var(--text-muted);margin:0 1rem;text-decoration:none;transition:color .2s}footer a:hover{color:#000}.privacy-container{background:var(--card-bg);border-radius:40px;max-width:800px;margin:8rem auto 4rem;padding:3rem;box-shadow:0 10px 40px #0000000d}.privacy-container h1{margin-bottom:1rem;font-size:3rem}.privacy-container h2{margin-top:3rem;margin-bottom:1rem;font-size:2rem}.privacy-container h3{margin-top:2rem;margin-bottom:.5rem;font-size:1.3rem}.privacy-container p,.privacy-container li{color:#444;margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.privacy-container ul{margin-bottom:2rem;padding-left:1.5rem}table{border-collapse:collapse;width:100%;margin:2rem 0}th,td{text-align:left;border-bottom:1px solid #eee;padding:1rem}th{font-weight:700}