:root{--bg:#fafaf8;--surface:#fff;--text:#202329;--muted:#707782;--blue:#007aff;--blue-text:#006bdc;--blue-soft:#eaf4ff;--border:#e6e9ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.7}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}::selection{background:#cfe6ff}:focus-visible{outline-offset:5px;outline:3px solid #007aff90}.container{width:min(1160px,100% - 80px);margin-inline:auto}.skip-link{z-index:100;background:var(--text);color:#fff;border-radius:10px;padding:12px 20px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:12px}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafaf8f2;border-bottom:1px solid #20232906;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:30px;height:86px;display:flex}.brand{letter-spacing:-.7px;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:650;display:inline-flex}.header-inner nav{color:#626a76;gap:32px;margin-left:auto;margin-right:12px;font-size:14px;display:flex}.header-inner nav a:hover{color:var(--blue-text)}.button{background:var(--blue);color:#fff;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 27px;font-size:16px;font-weight:550;line-height:1.5;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.button:hover{background:#0068e0;transform:translateY(-2px);box-shadow:0 6px 16px #007aff1a}.button-small{border-radius:10px;min-height:43px;padding:0 18px;font-size:14px}.button-secondary{color:var(--blue-text);background:var(--blue-soft)}.button-secondary:hover{color:var(--blue-text);background:#dceeff}.text-link{min-height:44px;color:var(--blue-text);background:0 0;border:0;justify-content:center;align-items:center;gap:9px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.text-link:hover{color:#004fba}.eyebrow{letter-spacing:1.5px;color:var(--muted);align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.tiny-sun{background:var(--blue);border-radius:50%;width:8px;height:8px;margin-inline:5px;box-shadow:0 0 0 5px #007aff0c}.section-heading h2{letter-spacing:-1.7px;margin-top:15px;font-size:clamp(30px,3.2vw,40px);font-weight:650;line-height:1.45}.section-heading>p:not(.eyebrow){color:var(--muted);margin-top:18px;font-size:15px;line-height:1.95}.centered{text-align:center}.centered .eyebrow{justify-content:center}.site-footer{background:#fff;padding:36px 0 22px}.footer-inner{justify-content:space-between;align-items:center;gap:22px;display:flex}.footer-inner .brand{font-size:16px}.footer-inner>span{color:var(--muted);font-size:12px}.footer-inner>a:last-child{color:#5e6977;align-items:center;gap:8px;font-size:12px;display:inline-flex}.footer-note{color:#737b86;border-top:1px solid #eff0f2;margin-top:28px;padding-top:18px;font-size:11px}.footer-note a{color:inherit}.footer-note a:hover{color:var(--ink)}.code-dialog{border:1px solid var(--border);text-align:center;background:#fff;border-radius:24px;width:min(440px,100% - 32px);max-height:calc(100dvh - 40px);padding:38px 30px 30px;overflow-y:auto;box-shadow:0 25px 120px #15243d25}.code-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b2c4260}.dialog-close{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:9px;right:9px}.dialog-close:hover{background:#f0f3f6}.code-dialog .eyebrow{color:var(--blue-text);justify-content:center}.code-dialog h2{letter-spacing:-.8px;margin-top:12px;font-size:25px}.mini-code{width:230px;height:230px;margin:23px auto 16px}.code-dialog p{color:var(--muted);font-size:12px;line-height:1.9}.code-dialog .button{min-height:45px;margin-top:22px;font-size:14px}.not-found{text-align:center;max-width:800px;min-height:60vh;margin:auto;padding:120px 24px}.not-found .eyebrow{justify-content:center}.not-found h1{margin-top:15px;font-size:36px}.not-found>p{color:var(--muted);margin-block:20px}.phone-scene{justify-content:center;align-items:center;min-height:670px;padding-bottom:48px;display:flex;position:relative}.phone-orbit{background:#edf5fc;border-radius:50%;width:480px;height:480px;position:absolute;top:68px;left:50%;transform:translate(-50%)}.phone-orbit:after{content:"";border:1px solid #e8f0f8;border-radius:50%;position:absolute;inset:-22px}.phone{background:#24272a;border:2px solid #8b8e90;border-radius:45px;flex-shrink:0;width:286px;height:630px;padding:8px;position:relative;transform:rotate(-2deg);box-shadow:1px 0 0 1px #30343a,inset 0 0 0 2px #080a0b,0 22px 35px -16px #233d5f50}.phone:before{content:"";background:#969a9e;border-radius:2px;width:3px;height:34px;position:absolute;top:110px;left:-4px;box-shadow:0 46px #969a9e}.phone-island{z-index:2;background:#08090a;border-radius:15px;width:80px;height:22px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-status{background:#f2f2f7;border-radius:35px 35px 0 0;justify-content:space-between;align-items:center;height:37px;padding:0 20px;font-size:11px;font-weight:650;display:flex;position:absolute;top:10px;left:8px;right:8px}.phone-status>div{align-items:center;gap:3px;display:flex}.phone-screen{background:#f2f2f7;border-radius:35px;height:100%;padding:53px 15px 75px;overflow:hidden}.phone-date{color:#6f7682;letter-spacing:.3px;font-size:8px}.phone-screen h2{letter-spacing:-.7px;margin-top:4px;font-size:22px}.phone-age{color:#737985;margin-top:5px;font-size:10px}.phone-week{background:#fff;border-radius:14px;margin-top:13px;padding:12px}.phone-week-top{justify-content:space-between;align-items:center;font-size:10px;font-weight:550;display:flex}.phone-week-top small{color:#757b83;font-size:8px;font-weight:400}.phone-total{letter-spacing:-1px;margin-top:4px;font-size:32px;font-weight:650;line-height:1.3}.phone-total>span{color:#717782;letter-spacing:0;margin-left:3px;font-size:9px;font-weight:400}.phone-days{justify-content:space-between;margin-top:13px;display:flex}.phone-days>div{flex-direction:column;align-items:center;gap:6px;display:flex}.phone-days>div>span{color:#737985;font-size:8px}.phone-days i{color:#006bdc;background:#e8f2ff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.phone-days .today{border:1px solid #007aff}.day-dot{background:#8b98aa;border-radius:50%;width:3px;height:3px}.phone-section{justify-content:space-between;align-items:center;margin:13px 0 7px;display:flex}.phone-section strong{font-size:13px;font-weight:600}.phone-section strong small{color:#858b93;margin-left:4px;font-size:10px;font-weight:400}.phone-section>span{color:#737e8a;font-size:8px}.phone-kinds{background:#fff;border-radius:12px;justify-content:space-between;padding:8px 3px;display:flex}.phone-kinds button{width:44px;min-height:51px;color:var(--blue-text);background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;gap:6px;padding:7px 0 5px;display:flex}.phone-kinds button[aria-pressed=true]{background:#eaf4ff}.phone-kinds button span{color:#343c49;white-space:nowrap;font-size:8px}.phone-kinds button:hover{background:#f0f6ff}.phone-records{background:#fff;border-radius:12px;padding-inline:10px}.phone-record{align-items:center;gap:8px;padding:8px 0;animation:.25s ease-out record-in;display:flex}.phone-record+.phone-record{border-top:1px solid #f0f1f4}.phone-record>i{width:28px;height:28px;color:var(--blue-text);background:#f0f7ff;border-radius:9px;flex-shrink:0;place-items:center;display:grid}.phone-record>div{flex:1;min-width:0}.phone-record span{font-size:9px;font-weight:550;display:block}.phone-record small{color:#767d87;margin-top:2px;font-size:8px;display:block}.phone-record>svg{color:#a1a9b3}.phone-tabbar{background:#fffffff8;border-top:1px solid #eeeef1;justify-content:space-around;padding:9px 8px 4px;display:flex;position:absolute;bottom:22px;left:8px;right:8px}.phone-tabbar>div{color:#848b96;flex-direction:column;align-items:center;gap:3px;display:flex}.phone-tabbar .active{color:var(--blue-text)}.phone-tabbar span{font-size:8px}.phone-home-bar{background:#343940;border-radius:3px;width:85px;height:4px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.floating-note{z-index:3;background:#ffffffed;border:1px solid #edf0f5;border-radius:15px;align-items:center;gap:12px;padding:16px 20px;display:flex;position:absolute;box-shadow:0 12px 35px -12px #2b497d20}.floating-note svg{color:var(--blue)}.floating-note small,.floating-note strong,.floating-note span{display:block}.floating-note small{font-size:10px;font-weight:600}.floating-note strong{font-size:13px;line-height:1.7}.floating-note span{color:#7a8390;margin-top:3px;font-size:9px}.floating-feeding{top:116px;left:-42px;transform:rotate(-7deg)}.floating-milestone{top:360px;right:-45px;transform:rotate(7deg)}.demo-caption{text-align:center;color:#667587;font-size:11px;position:absolute;bottom:4px;left:0;right:0}.demo-caption>span{vertical-align:middle;background:#83b7ed;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.demo-caption small{color:#777f8b;margin-top:6px;font-size:9px;display:block}@keyframes record-in{0%{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}@media (min-width:1500px){.container{width:min(1240px,100% - 120px)}}@media (max-width:1280px){.floating-note{display:none}}@media (max-width:1050px){.container{width:calc(100% - 56px)}.phone-scene{margin-inline:-20px;transform:scale(.9)}.floating-feeding{left:-8px}.floating-milestone{right:-8px}.header-inner nav{gap:20px;margin-right:0}}@media (max-width:760px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.header-inner{gap:10px;height:72px}.brand{gap:8px;font-size:18px}.brand img{width:32px;height:32px}.header-inner nav{display:none}.header-inner .button{gap:5px;min-height:40px;padding:0 13px;font-size:12px}.header-inner .button>svg{width:14px}.button{min-height:50px;padding-inline:22px;font-size:14px}.text-link{font-size:13px}.eyebrow{letter-spacing:1px;font-size:11px}.section-heading h2{letter-spacing:-1px;font-size:30px}.section-heading>p:not(.eyebrow){margin-top:14px;font-size:14px}.phone-scene{width:min(440px,100%);min-height:650px;margin:20px auto 0;padding-bottom:45px;transform:none}.phone{transform:rotate(-2deg)scale(.94)}.phone-orbit{width:340px;max-width:calc(100% - 10px);height:340px;top:92px}.phone-orbit:after{inset:-12px}.floating-note{border-radius:12px;gap:7px;padding:12px 10px}.floating-note svg{width:23px}.floating-note strong{font-size:11px}.floating-note small,.floating-note span{font-size:8px}.floating-feeding{top:100px;left:-5px}.floating-milestone{top:354px;right:-5px}.demo-caption{bottom:0}.footer-inner{flex-wrap:wrap;gap:17px}.footer-inner>span{order:3;width:100%}.footer-inner>a:last-child{margin-left:auto;font-size:11px}.footer-note{margin-top:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}