*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--hk);color:var(--ink);background:var(--background);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.fr{font-family:var(--fr)}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}a{color:inherit}.topnav{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#f6eedfd1;justify-content:space-between;align-items:center;gap:16px;padding:11px 24px;display:flex;position:sticky;top:0}.topnav .nbrand{font-family:var(--fr);align-items:center;gap:8px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.topnav .nbrand img{width:24px;height:24px}.topnav .nbrand .m{color:var(--ink)}.topnav .nbrand .t{color:var(--clay)}.topnav .nright{align-items:center;gap:12px;display:flex}.topnav .nlogin{font-family:var(--fr);color:var(--denim-fg);background:var(--denim-surface);border:1px solid var(--denim-border);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.topnav .nlogin:hover{background:var(--denim);color:#fff}.nburger{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.nburger:hover{background:var(--muted)}.nburger[aria-expanded=true]{background:var(--denim-surface);color:var(--denim-fg);border-color:var(--denim-border)}.nburger svg{width:20px;height:20px;display:block}.navmenu{z-index:60;background:var(--card);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:18px;flex-direction:column;gap:4px;min-width:210px;padding:8px;transition:opacity .18s cubic-bezier(.2,.7,.2,1),transform .18s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;top:calc(100% + 8px);right:24px;transform:translateY(-6px);box-shadow:0 18px 40px -18px #26293d6b}.navmenu.open{opacity:1;pointer-events:auto;transform:none}.navmenu a{font-family:var(--fr);color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:10px 13px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex}.navmenu a:hover{background:var(--muted)}.navmenu a.active{color:var(--denim-fg);background:var(--denim-surface)}.navmenu a svg{opacity:.7;flex:none;width:18px;height:18px}.navmenu .mdiv{background:var(--border);height:1px;margin:6px 4px}.navmenu .langswitch{margin:2px 4px 4px;display:flex}.navmenu .langswitch button{flex:1}.langswitch{background:var(--muted);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.langswitch button{font-family:var(--fr);letter-spacing:.04em;cursor:pointer;color:var(--muted-foreground);background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;transition:background .2s,color .2s}.langswitch button.active{background:var(--card);color:var(--denim-fg);box-shadow:0 1px 3px #26293d1a}@media (max-width:520px){.topnav .nbrand span{display:none}.topnav .nright{gap:8px}}.herocta{font-family:var(--fr);color:#fff;background:var(--denim);border-radius:999px;align-items:center;gap:9px;margin-top:28px;padding:15px 30px;font-size:19px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 26px #3e5c8a57}.herocta:hover{transform:translateY(-2px);box-shadow:0 14px 32px #3e5c8a6b}.herocta svg{transition:transform .18s}.herocta:hover svg{transform:translate(3px)}@media (max-width:520px){.herocta{justify-content:center;width:100%;padding:14px 26px;font-size:17px}}.hero{text-align:center;background:radial-gradient(110% 80% at 12% 0%, #fcebd6 0%, #fcebd600 52%), radial-gradient(120% 90% at 88% 4%, #e6ecf7 0%, #e6ecf700 52%), radial-gradient(120% 90% at 50% 120%, #f7e1e7 0%, #f7e1e700 55%), var(--background);padding:64px 0 92px;position:relative;overflow:hidden}.brandbar{font-family:var(--fr);letter-spacing:-.01em;align-items:center;gap:9px;margin-bottom:40px;font-size:26px;font-weight:600;display:inline-flex}.brandbar .m{color:var(--ink)}.brandbar .t{color:var(--clay)}.logo{vertical-align:-6px;width:30px;height:30px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--denim-fg);background:var(--denim-surface);border:1px solid var(--denim-border);border-radius:999px;align-items:center;gap:8px;padding:7px 15px;font-size:12.5px;font-weight:700;display:inline-flex}h1{font-family:var(--fr);letter-spacing:-.02em;max-width:17ch;margin:22px auto 20px;font-size:clamp(40px,6.6vw,74px);font-weight:600;line-height:1.03}h1 .day{color:var(--clay)}h1 .night{color:var(--denim)}.lede{color:#4b4c5c;text-wrap:pretty;max-width:58ch;margin:0 auto;font-size:clamp(17px,2.3vw,22px)}.lede .eat{color:var(--mauve-fg);font-weight:700}.lede .sleep{color:var(--denim-fg);font-weight:700}.rhythms{grid-template-columns:1fr 1fr;gap:16px;max-width:720px;margin:44px auto 0;display:grid}.rcard{text-align:left;border:1px solid;border-radius:20px;padding:22px 22px 18px}.rcard.eat{background:var(--mauve-surface);border-color:var(--mauve-border)}.rcard.sleep{background:var(--denim-surface);border-color:var(--denim-border)}.rcard .rlabel{font-family:var(--fr);align-items:center;gap:9px;font-size:19px;font-weight:600;display:flex}.rcard.eat .rlabel{color:var(--mauve-fg)}.rcard.sleep .rlabel{color:var(--denim-fg)}.rcard .rsub{color:#565769;margin-top:3px;font-size:13.5px}.rcard .rart{width:100%;height:auto;margin-top:16px;display:block;overflow:visible}@media (max-width:560px){.rhythms{grid-template-columns:1fr}}section{padding:70px 0;position:relative}.band{border-block:1px solid var(--border);background:linear-gradient(#fffdf8,#fffbf2)}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);font-size:12px;font-weight:800}h2{font-family:var(--fr);letter-spacing:-.01em;max-width:22ch;margin:12px 0 14px;font-size:clamp(28px,4.2vw,44px);font-weight:600;line-height:1.1}.section-lede{color:#57586a;text-wrap:pretty;max-width:62ch;margin-bottom:12px;font-size:18px}.center{text-align:center}.center h2,.center .section-lede{margin-inline:auto}.doors{grid-template-columns:1fr 1fr;gap:22px;margin-top:38px;display:grid}.door{border:1px solid var(--border);border-radius:26px;padding:34px 32px 30px;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;display:block;position:relative;overflow:hidden}.door:hover{transform:translateY(-4px)}.door.feeding{border-color:var(--mauve-border);background:linear-gradient(160deg,#f9e7ec,#fbeee0)}.door.feeding:hover{box-shadow:0 26px 50px -30px #a9445c80}.door.naps{border-color:var(--denim-border);background:linear-gradient(160deg,#e8edf6,#edebf7)}.door.naps:hover{box-shadow:0 26px 50px -30px #2a426680}.door .badge{font-family:var(--fr);letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.door.feeding .badge{color:var(--mauve-fg);background:#fff}.door.naps .badge{color:var(--denim-fg);background:#fff}.door .agepill{font-family:var(--fr);background:var(--denim);color:#fff;border-radius:999px;align-items:center;gap:7px;margin:0 0 14px;padding:6px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.door .agepill svg{width:15px;height:15px}.door h3{font-family:var(--fr);letter-spacing:-.01em;margin:16px 0 8px;font-size:clamp(26px,3.4vw,34px);font-weight:600}.door p{color:#54556a;max-width:42ch;font-size:15.5px}.door ul{margin:16px 0 22px;padding:0}.door li{color:#5a5b6e;margin:6px 0;padding-left:22px;font-size:14.5px;list-style:none;position:relative}.door.feeding li:before{content:"•";color:var(--mauve);font-size:18px;position:absolute;top:-3px;left:4px}.door.naps li:before{content:"•";color:var(--denim);font-size:18px;position:absolute;top:-3px;left:4px}.door .go{font-family:var(--fr);align-items:center;gap:8px;font-size:16px;font-weight:600;display:inline-flex}.door.feeding .go{color:var(--mauve-fg)}.door.naps .go{color:var(--denim-fg)}.door .go .arrow{transition:transform .3s}.door:hover .go .arrow{transform:translate(5px)}.door .art{opacity:.5;position:absolute;bottom:-10px;right:-10px}.phones{grid-template-columns:1fr 1fr;gap:32px;max-width:720px;margin:44px auto 0;display:grid}.device{background:linear-gradient(165deg,#3b4059,#24273a);border-radius:42px;width:270px;max-width:80vw;margin:0 auto;padding:9px;position:relative;box-shadow:0 36px 70px -34px #26293d99}.device .scr{background:var(--background);aspect-ratio:27/56;border-radius:33px;position:relative;overflow:hidden}.device .scr img{width:100%;height:auto;display:block}.device .scr:after{content:"";background:linear-gradient(180deg,#f6eedf00,var(--background));pointer-events:none;height:64px;position:absolute;bottom:0;left:0;right:0}.device-cap{text-align:center;font-family:var(--fr);color:var(--muted-foreground);margin-top:14px;font-size:14px;font-weight:600}@media (max-width:560px){.phones{grid-template-columns:1fr;gap:36px}}.principles{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;display:grid}.pr{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px}.pr .ic{border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:14px;font-size:22px;display:grid}.pr h4{font-family:var(--fr);margin-bottom:5px;font-size:17px;font-weight:600}.pr p{color:#5c5d70;font-size:14px}.features .grp{margin-top:30px}.features .grp-h{font-family:var(--fr);align-items:center;gap:10px;margin-bottom:16px;font-size:20px;font-weight:600;display:flex}.features .grp-h .pill{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:700}.feat-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.fcard{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px}.fcard .fi{border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.fcard h4{font-family:var(--fr);margin-bottom:4px;font-size:16px;font-weight:600}.fcard p{color:#5c5d70;font-size:14px}@media (max-width:760px){.feat-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.feat-grid{grid-template-columns:1fr}}.honesty{color:#e9e7f0;background:#26293d;border-radius:26px;padding:40px}.honesty .kicker{color:#9a9cb2}.honesty h2{color:#fff}.honesty p{color:#c4c5d4;max-width:70ch;font-size:16.5px}.honesty .row{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.honesty .chip{color:#d4d5e2;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;padding:12px 16px;font-size:14.5px}.honesty .chip b{color:#fff}.closing{text-align:center;padding:92px 0 40px}.closing h2{max-width:24ch;margin:0 auto 16px}.closing p{color:#54556a;max-width:52ch;margin:0 auto;font-size:19px}.foot{text-align:center;color:var(--muted-foreground);padding:26px 0 54px;font-size:13px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}.hero .brandbar,.hero .eyebrow,.hero h1,.hero .lede{opacity:0;animation:.9s cubic-bezier(.2,.7,.2,1) forwards rise;transform:translateY(16px)}.hero .eyebrow{animation-delay:80ms}.hero h1{animation-delay:.18s}.hero .lede{animation-delay:.3s}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}@media (max-width:820px){.principles{grid-template-columns:1fr 1fr}}@media (max-width:640px){.doors,.principles{grid-template-columns:1fr}.honesty{padding:30px 22px}section{padding:56px 0}}
