:root{--blue:#6DB2C8;--pink:#ED9D9C;--ink:#171a1f;--muted:#747d87;--line:#e4e7eb;--soft:#f8fafb;--grad:linear-gradient(90deg,var(--blue),var(--pink))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.landing-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.panel{background:#fff;border:1px solid var(--line);border-radius:20px}.landing-header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(228,231,235,.8);backdrop-filter:blur(18px)}.landing-header-inner{width:min(1180px,calc(100% - 32px));height:66px;margin:auto;display:flex;align-items:center;justify-content:space-between}.landing-logo img{display:block;width:43px;height:43px;object-fit:contain}.landing-header-actions{display:flex;align-items:center;gap:18px}.landing-login{font-size:12px;font-weight:650;color:#68717b}.landing-signup,.landing-primary{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:0 16px;border-radius:11px;background:var(--grad);color:#fff;font-size:12px;font-weight:720}.landing-primary-small{min-height:39px}.landing-hero{position:relative;overflow:hidden;padding:158px 0 108px;text-align:center;background:linear-gradient(180deg,#fff,#fbfcfd)}.hero-blur{position:absolute;border-radius:50%;filter:blur(110px);opacity:.11;pointer-events:none}.hero-blur-blue{width:520px;height:520px;background:var(--blue);left:12%;top:65px}.hero-blur-pink{width:470px;height:470px;background:var(--pink);right:9%;top:160px}.landing-hero-centered{position:relative;max-width:920px}.landing-kicker,.landing-mini-kicker{display:block;font-size:11px;line-height:1;letter-spacing:.12em;font-weight:760;color:#949ca5}.landing-mini-kicker{font-size:10px}.landing-hero-copy h1{margin:16px 0 20px;font-size:clamp(52px,6.2vw,80px);line-height:.98;letter-spacing:-.058em}.landing-hero-copy h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero-copy>p{max-width:700px;margin:0 auto;font-size:18px;line-height:1.65;color:#68727d}.landing-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:31px}.landing-text-link{font-size:12px;font-weight:700;color:#424a53}.landing-text-link span{margin-left:5px;color:#9aa1a9}.landing-section{display:block;width:100%;padding:108px 0;clear:both}.landing-light{background:var(--soft)}.landing-heading{max-width:570px}.landing-heading-center{max-width:800px;margin:0 auto 50px;text-align:center}.landing-heading-short{max-width:720px}.landing-heading h2{margin:13px 0 16px;font-size:clamp(40px,4.4vw,60px);line-height:1.02;letter-spacing:-.052em}.landing-heading p{margin:0;font-size:15px;line-height:1.7;color:var(--muted)}.landing-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.landing-feature-card{min-width:0;min-height:390px;padding:26px;overflow:hidden}.landing-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.landing-card-head h3{margin:9px 0 0;font-size:26px;letter-spacing:-.04em}.landing-card-emoji{font-size:25px;line-height:1}.landing-feature-card>p{margin:10px 0 27px;font-size:13.5px;line-height:1.62;color:var(--muted)}.landing-sleep-history{display:grid;gap:9px}.landing-sleep-history article{min-width:0;display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px}.landing-sleep-history article>div{display:grid;gap:2px;min-width:0}.landing-sleep-history b{font-size:11px}.landing-sleep-history small{font-size:9.5px;color:#8f969f}.history-quality{justify-items:center}.history-quality span{width:8px;height:8px;border-radius:50%;background:#4dbb7b}.day-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:10px 0 14px;border-bottom:1px solid var(--line)}.day-tabs a{position:relative;text-align:center;padding:10px 2px 11px;font-size:10px;color:#8d959e}.day-tabs a.active{color:#20252a;font-weight:700}.day-tabs a.active:after{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:28px;height:2px;border-radius:999px;background:var(--grad)}.landing-routine{display:grid}.routine-step{min-height:72px;display:grid;grid-template-columns:28px 50px minmax(0,1fr);gap:11px;align-items:center;border-top:1px solid var(--line)}.routine-step:first-child{border-top:0}.routine-step.done{opacity:.55}.routine-step.done b{text-decoration:line-through}.landing-check{width:19px;height:19px;border:1px solid #d2d7dc;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px}.landing-check.done{background:#4dbb7b;border-color:#4dbb7b}.routine-step time{font-size:10px;font-weight:650}.routine-step b{font-size:11px}.routine-step p{margin:3px 0 0;font-size:9px;line-height:1.45;color:var(--muted)}.landing-sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sound-tile{min-width:0;min-height:165px;padding:13px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column}.sound-emoji{font-size:28px;margin:10px 0}.sound-tile b{font-size:11px}.sound-tile small{margin-top:4px;font-size:9px;line-height:1.45;color:var(--muted)}.play-sound{margin-top:auto;align-self:flex-end;width:36px;height:36px;border:0;border-radius:50%;background:var(--grad);color:#fff;font-size:10px}.landing-cry-card{display:flex;flex-direction:column}.landing-cry{margin-top:auto;padding:18px;border:1px solid var(--line);border-radius:15px;text-align:center;background:#fafbfc}.landing-cry h2{margin:0;font-size:17px}.landing-cry p{margin:6px 0 0;font-size:11.5px;line-height:1.55;color:var(--muted)}.big-record{width:70px;height:70px;margin:20px auto 9px;border:0;border-radius:50%;background:#ef6f72;box-shadow:0 8px 24px rgba(239,111,114,.18);display:grid;place-items:center}.big-record span{width:23px;height:23px;border-radius:50%;background:#fff}.landing-cry>b,.landing-cry>small{display:block}.landing-cry>b{font-size:11px}.landing-cry>small{margin-top:4px;font-size:9px;color:#9299a1}.landing-nana-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:82px;align-items:center}.landing-nana-layout .landing-heading h2{font-size:clamp(42px,4.6vw,62px)}.landing-nana-layout .landing-heading p{font-size:15.5px}.landing-nana-layout .landing-primary{margin-top:26px}.landing-chat{padding:22px;box-shadow:0 25px 65px rgba(27,33,39,.07)}.chat-top{display:flex;justify-content:space-between;align-items:center;padding:1px 2px 17px;border-bottom:1px solid var(--line)}.chat-top h1{margin:0;font-size:29px;letter-spacing:-.04em}.chat-top p{margin:4px 0 0;font-size:13px;color:var(--muted)}.landing-online-dot{width:8px;height:8px;border-radius:50%;background:#46bc77;box-shadow:0 0 0 5px #eff9f2}.chat-stream{display:grid;gap:22px;padding:27px 2px}.chat-row{display:grid;grid-template-columns:37px minmax(0,1fr);gap:13px;align-items:start}.chat-row.user{grid-template-columns:1fr}.chat-text{max-width:82%;padding-top:5px;font-size:13px;line-height:1.65;color:#444c54}.chat-row.user .chat-text{justify-self:end;padding:11px 13px;border-radius:15px;background:#f0f2f4}.nanabot-mini{width:37px;height:37px;min-width:37px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#edf7fa,#fdf1f2);border:1px solid #e2e7ea}.robot-face{width:21px;height:17px;border:1.7px solid #567c85;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:4px;position:relative}.robot-face:before{content:"";position:absolute;width:1.5px;height:5px;background:#567c85;top:-6px;left:50%;transform:translateX(-50%)}.robot-face:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#567c85;top:-8px;left:50%;transform:translateX(-50%)}.robot-face i{width:3px;height:3px;border-radius:50%;background:#567c85}.chat-composer-wrap{padding-top:2px}.chat-composer{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 13px;border:1px solid #d9dde3;border-radius:16px}.landing-chat-placeholder{flex:1;font-size:10.5px;color:#a0a7ae}.chat-composer button{height:36px;padding:0 13px;border:0;border-radius:10px;background:var(--grad);color:#fff;font-size:10px;font-weight:700}.chat-composer-wrap>small{display:block;text-align:center;margin-top:8px;font-size:8.5px;color:#9aa1aa}.landing-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.landing-guide-grid article{min-width:0;min-height:125px;padding:19px;display:flex;gap:12px}.landing-guide-grid article>span{font-size:22px}.landing-guide-grid article>div{display:grid;align-content:start;gap:5px}.landing-guide-grid b{font-size:12px}.landing-guide-grid small{font-size:10px;line-height:1.5;color:#8c949d}.landing-faq-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:80px}.landing-faq-list{border-top:1px solid var(--line)}.landing-faq-list details{border-bottom:1px solid var(--line)}.landing-faq-list summary{position:relative;list-style:none;cursor:pointer;padding:23px 2px;font-size:15px;font-weight:700}.landing-faq-list summary::-webkit-details-marker{display:none}.landing-faq-list summary:after{content:"+";position:absolute;right:4px;font-size:21px;font-weight:400;color:#959da5}.landing-faq-list details[open] summary:after{content:"−"}.landing-faq-list p{max-width:720px;margin:-4px 0 23px;font-size:12.5px;line-height:1.68;color:#7d858e}.landing-final{padding:108px 0;background:var(--soft)}.landing-final-inner{text-align:center;max-width:800px}.landing-final h2{margin:13px 0 14px;font-size:clamp(42px,5.1vw,64px);line-height:1.02;letter-spacing:-.052em}.landing-final p{margin:0 0 25px;font-size:14px;color:#7a838d}.landing-footer{border-top:1px solid #eceff1}.landing-footer-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-footer nav{display:flex;gap:22px;flex-wrap:wrap}.landing-footer a{font-size:11px;color:#737c85}.landing-footer p{margin:0;font-size:10px;color:#9da4ab}@media(max-width:900px){.landing-feature-grid{grid-template-columns:1fr}.landing-nana-layout,.landing-faq-grid{grid-template-columns:1fr;gap:46px}.landing-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.landing-wrap{width:calc(100% - 28px)}.landing-header-inner{height:60px;width:calc(100% - 26px)}.landing-logo img{width:39px;height:39px}.landing-header-actions{gap:12px}.landing-login{font-size:10.5px}.landing-signup{min-height:34px;padding:0 10px;font-size:9.5px}.landing-hero{padding:116px 0 78px}.landing-hero-copy h1{font-size:45px;line-height:1.02}.landing-hero-copy>p{font-size:15.5px}.landing-actions{flex-direction:column;gap:10px}.landing-primary{width:100%;max-width:300px}.landing-text-link{padding:8px}.landing-section{padding:78px 0}.landing-heading-center{margin-bottom:35px}.landing-heading h2{font-size:39px}.landing-heading p{font-size:13.5px}.landing-feature-card{min-height:0;padding:18px;border-radius:18px}.landing-card-head h3{font-size:23px}.landing-feature-card>p{font-size:12.5px;margin-bottom:21px}.landing-sleep-history article{grid-template-columns:92px minmax(0,1fr) auto;padding:10px;gap:8px}.landing-sleep-history b{font-size:9.5px}.landing-sleep-history small{font-size:8.5px}.day-tabs a{font-size:8.5px}.routine-step{grid-template-columns:26px 44px minmax(0,1fr);min-height:68px}.routine-step b{font-size:10px}.routine-step p{font-size:8.5px}.landing-sound-grid{gap:6px}.sound-tile{min-height:142px;padding:9px}.sound-emoji{font-size:23px}.sound-tile b{font-size:9.5px}.sound-tile small{font-size:8px}.play-sound{width:32px;height:32px}.landing-nana-layout{gap:34px}.landing-nana-layout .landing-heading h2{font-size:39px}.landing-nana-layout .landing-heading p{font-size:13.5px}.landing-chat{padding:15px;border-radius:18px}.chat-top h1{font-size:24px}.chat-top p{font-size:11px}.chat-stream{padding:22px 1px}.chat-row{grid-template-columns:35px minmax(0,1fr);gap:10px}.chat-text{font-size:11.5px}.landing-chat-placeholder{font-size:9.5px}.landing-guide-grid{grid-template-columns:1fr}.landing-faq-grid{gap:26px}.landing-faq-list summary{padding:20px 2px;font-size:13.5px}.landing-faq-list p{font-size:11.5px}.landing-final{padding:80px 0}.landing-final h2{font-size:40px}.landing-footer-inner{min-height:0;padding:25px 0;flex-direction:column;text-align:center;gap:14px}.landing-footer nav{justify-content:center;gap:16px}}