:root{--honey:#F0B040;--honey-dk:#D89A2E;--cream:#FCEBCE;--cream-tint:#FBF1DA;--surface:#fff;--ink:#3D2E20;--ink-muted:#8A7A68;--divider:#F0E6D6;--cocoa:#643018;--shadow:0 10px 30px rgba(61,46,32,.1);--sleep:#7C6FD0;--sleep-dk:#6E60C4;--feed:#E7893C;--feed-dk:#DA7723;--diaper:#4FA98A;--diaper-dk:#3E9878}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100%}body{font-family:Nunito,system-ui,sans-serif;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%}a{color:var(--honey-dk)}.nav{position:sticky;top:0;z-index:50;background:#fcebcee6;backdrop-filter:blur(16px);border-bottom:1px solid var(--divider)}.nav-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:20px;height:70px;padding:0 22px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:1.35rem;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.brand img{width:42px;height:42px}.nav-links{display:flex;gap:8px;margin-left:12px}.nav-links a{font-weight:800;font-size:1rem;color:var(--ink-muted);padding:9px 15px;border-radius:12px;text-decoration:none;transition:color .16s,background-color .16s}.nav-links a:hover{color:var(--ink);background:#ffffff80}.nav-cta{margin-left:auto;display:flex;gap:14px;align-items:center}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:15px;font-weight:800;font-family:Nunito,sans-serif;font-size:1rem;text-decoration:none;border:none;cursor:pointer;background:linear-gradient(160deg,#f6c158,#e7a636);color:var(--cocoa);box-shadow:0 5px #b97e1f,var(--shadow);transition:filter .16s,transform .06s}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(4px);box-shadow:0 1px #b97e1f}.wrap{width:100%;max-width:720px;margin:0 auto;padding:0 22px}.hero{text-align:center;padding:44px 0 6px}.eyebrow{font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--honey-dk)}h1{font-size:clamp(25px,6vw,44px);font-weight:900;line-height:1.12;letter-spacing:-.02em;margin:12px 0;overflow-wrap:break-word}.sub{color:var(--ink-muted);font-size:clamp(15px,4vw,18px);max-width:52ch;margin:0 auto}.phone{width:100%;max-width:412px;margin:28px auto;background:var(--surface);border-radius:30px;box-shadow:0 20px 50px #3d2e2029;border:1px solid var(--divider);padding:16px 16px 20px;position:relative}.phone-top{display:flex;align-items:center;gap:10px;padding:8px 8px 14px}.phone-top .avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(160deg,#fde2a6,#f6c158);display:flex;align-items:center;justify-content:center}.phone-top .avatar img{width:26px;height:26px}.phone-top .who{line-height:1.15}.phone-top .who b{font-size:16px;font-weight:900;display:block}.phone-top .who span{font-size:12.5px;color:var(--ink-muted);font-weight:700}.phone-top .day{margin-left:auto;font-size:12px;font-weight:800;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}.insight{display:flex;gap:10px;align-items:center;background:linear-gradient(160deg,#fdf1d2,#fce7b5);border-radius:16px;padding:12px 14px;font-weight:700;color:var(--ink);margin:0 4px 16px;font-size:14.5px;line-height:1.4}.insight img{width:24px;height:24px;flex-shrink:0}.btn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 4px}.log-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:98px;border-radius:20px;border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:1.02rem;color:#fff;box-shadow:0 6px 16px #3d2e2029;transition:transform .07s,filter .16s;padding:8px;-webkit-tap-highlight-color:transparent}.log-btn:active{transform:scale(.95)}.log-btn .ic{font-size:29px;line-height:1}.log-btn .st{font-size:11px;font-weight:800;opacity:.92;min-height:14px;text-transform:uppercase;letter-spacing:.03em}.log-btn.sleep{background:linear-gradient(160deg,#8e80e0,#6e60c4)}.log-btn.feed{background:linear-gradient(160deg,#f09a4c,#e37c2c)}.log-btn.diaper{background:linear-gradient(160deg,#5fbe9c,#419c7e)}.log-btn.running{box-shadow:0 0 0 3px #fff9,0 6px 16px #3d2e2038;animation:pulse 1.7s ease-in-out infinite}@keyframes pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.13)}}.subrow{display:none;gap:8px;margin:12px 4px 0;flex-wrap:wrap;justify-content:center;animation:drop .18s ease}.subrow.show{display:flex}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.chip{border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:.92rem;padding:11px 16px;border-radius:13px;background:var(--cream-tint);color:var(--ink);border:2px solid var(--divider);-webkit-tap-highlight-color:transparent}.chip:active{transform:scale(.95)}.tl-head{display:flex;align-items:baseline;justify-content:space-between;margin:22px 4px 10px}.tl-head h2{font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.tl-head button{background:none;border:none;color:var(--ink-muted);font-weight:800;font-family:inherit;cursor:pointer;font-size:13px;text-decoration:underline}.timeline{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0 4px}.empty{text-align:center;color:var(--ink-muted);padding:24px 10px;font-weight:700;font-size:14.5px}.ev{display:flex;align-items:center;gap:12px;background:var(--cream-tint);border-radius:16px;padding:11px 12px;border:1px solid var(--divider)}.ev .dot{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0;box-shadow:inset 0 0 0 100px #ffffff1f}.ev.sleep .dot{background:var(--sleep)}.ev.feed .dot{background:var(--feed)}.ev.diaper .dot{background:var(--diaper)}.ev .txt{flex:1;min-width:0}.ev .t1{display:block;font-weight:800;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev .t2{display:block;font-size:13px;color:var(--ink-muted);font-weight:700;margin-top:1px}.ev .live{color:var(--feed-dk);font-weight:800;font-variant-numeric:tabular-nums}.ev.sleep .live{color:var(--sleep-dk)}.ev .badge{flex-shrink:0;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#fff;padding:4px 9px;border-radius:999px}.ev.sleep .badge{background:var(--sleep-dk)}.ev.feed .badge{background:var(--feed-dk)}.ev .del{background:none;border:none;color:var(--ink-muted);cursor:pointer;font-size:16px;padding:6px;opacity:.45;flex-shrink:0;border-radius:8px;line-height:1}.ev .del:hover{opacity:1;background:#3d2e200f}.privacy{display:flex;gap:7px;align-items:center;justify-content:center;color:var(--ink-muted);font-size:12.5px;font-weight:700;margin-top:16px}.app-cta{background:var(--surface);border-radius:22px;box-shadow:var(--shadow);padding:26px;margin:26px 0;text-align:center}.app-cta h2{font-size:22px;font-weight:900;margin-bottom:8px}.app-cta p{color:var(--ink-muted);margin-bottom:18px}.compare{width:100%;border-collapse:collapse;margin-top:8px;font-size:15px;background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.compare th,.compare td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--divider)}.compare tr:last-child td{border-bottom:none}.compare th{font-weight:800;color:var(--ink-muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.compare td.c{text-align:center;font-weight:800}h2.sec{font-size:24px;font-weight:900;margin:34px 0 14px}.email{background:linear-gradient(160deg,#fbf1da,#fcebce);border-radius:22px;padding:28px 24px;margin:26px 0;text-align:center}.email h2{font-size:22px;font-weight:900;margin-bottom:8px}.email p{color:var(--ink-muted);margin-bottom:18px;max-width:44ch;margin-left:auto;margin-right:auto}.email form{display:flex;gap:10px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center}.email input[type=email],.email input[type=text]{flex:1;min-width:170px;min-height:54px;padding:0 16px;font-family:inherit;font-size:1.02rem;font-weight:600;background:#fff;border:2px solid var(--divider);border-radius:14px}.email input:focus{outline:none;border-color:var(--honey)}.email .msg{margin-top:14px;font-weight:700;min-height:22px}.email .msg.ok{color:#2f8f5b}.email .msg.err{color:#c0563f}.faq details{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:4px 18px;margin-bottom:12px}.faq summary{font-weight:800;padding:14px 0;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details[open] summary{color:var(--honey-dk)}.faq p{padding:0 0 16px;color:var(--ink-muted)}.links a{display:inline-block;margin:4px 10px 4px 0;font-weight:800}footer{border-top:1px solid var(--divider);padding:34px 0;text-align:center;color:var(--ink-muted);font-size:14px;margin-top:20px}@media (max-width:820px){.nav-links{display:none}.nav-toggle{display:flex}}@media (max-width:600px){.nav-cta a:first-child{display:none}}@media (max-width:440px){.wrap{padding:0 12px}.phone{border-radius:26px;padding:12px 10px 16px;box-shadow:0 12px 34px #3d2e2029,0 0 0 6px #fff,0 0 0 7px var(--divider)}.log-btn{min-height:92px;border-radius:18px;font-size:.98rem}.log-btn .ic{font-size:27px}}
