@font-face{font-family:BabylogEditorial;src:url('fonts/editorial-serif.woff2?v=20260915p1') format('woff2');font-weight:500;font-display:swap}
:root{
  --paper:#f4f5ef;--surface:#fffefa;--ink:#233b32;--muted:#5c6b62;--jade:#326e5e;--jade-soft:#dce8dd;--line:rgba(43,76,60,.14);--gold:#d5b98b;
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --font-editorial:BabylogEditorial,"Noto Serif SC","Songti SC","STSong",serif;
  --ease-out:cubic-bezier(.22,1,.36,1);--ease-settle:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.4,0,.2,1);
  --shadow-ceramic:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(30,64,46,.06),0 2px 3px rgba(22,52,39,.025),0 16px 40px -24px rgba(22,52,39,.22),0 40px 80px -48px rgba(22,52,39,.16);
  --radius-card:28px;--space-section:clamp(72px,8vw,128px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-ui);line-height:1.75}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--font-editorial);font-weight:500;text-wrap:balance}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}img{display:block;max-width:100%;height:auto}button{border:0}::selection{background:var(--jade-soft)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--jade);outline-offset:5px}section[id]{scroll-margin-top:104px}.container{width:min(1200px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;z-index:100;top:12px;left:12px;padding:12px 20px;background:white;transform:translateY(-160%)}.skip:focus{transform:none}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.12em;font-weight:600;color:var(--jade)}.accent{color:var(--jade)}
/* 01. A single glass surface. Magnetic content moves; the hit target stays still. */
.nav-shell{position:sticky;z-index:30;top:18px;margin:18px auto 0;width:min(1200px,calc(100% - 64px))}.nav-glass{min-height:72px;padding:12px 18px 12px 22px;border:1px solid rgba(255,255,255,.85);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f7f8f3;box-shadow:0 8px 32px -20px rgba(26,57,43,.24),inset 0 1px 0 #fff}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-family:var(--font-editorial);letter-spacing:.06em;line-height:1.25}.brand small{display:block;font:8px/1.5 var(--font-ui);letter-spacing:.22em;margin-top:4px}.nav-links{display:flex;gap:28px;font-size:13px}.nav-links a{min-height:44px;display:flex;align-items:center}.nav-cta{border:1px solid var(--line);border-radius:13px;padding:8px 15px;min-height:44px;font-size:12px}.magnet__face{display:inline-flex;align-items:center;gap:24px;pointer-events:none;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform 360ms var(--ease-settle)}.nav-links a:hover{color:var(--jade)}
@supports(backdrop-filter:blur(18px)){.nav-glass{background:rgba(250,251,246,.78);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}}
/* 02. Left-top light, a ceramic ring, and a real product screen. */
.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:760px;gap:20px;padding-block:48px 40px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--jade);box-shadow:0 0 0 5px rgba(50,110,94,.08)}h1{font-size:clamp(44px,4.9vw,72px);line-height:1.3;letter-spacing:-.025em;margin-block:30px 24px}.hero-description{color:var(--muted);font-size:16px;line-height:1.85}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:32px}.btn{min-height:54px;padding:12px 22px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:14px;font-weight:550;transition:transform 360ms var(--ease-out),box-shadow 360ms var(--ease-out),background-color 220ms var(--ease-soft)}.btn-primary{color:#fffefa;background:linear-gradient(155deg,#397b68,#285a4d);border:1px solid #285a4d;box-shadow:inset 0 1px 0 #ffffff35,0 2px 3px #163e2c12,0 9px 20px -10px #163e2c65}.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff50,0 12px 24px -12px #163e2c80}.btn:active{transform:translateY(0) scale(.98);transition-duration:100ms}.btn-arrow{font-size:21px;line-height:1}.text-link{font-size:13px;display:inline-flex;gap:14px;min-height:44px;align-items:center;border-bottom:1px solid var(--line)}.family-signature{display:flex;gap:16px;align-items:center;margin-top:60px}.family-signature p{color:var(--muted);font-size:11px;line-height:1.75}.family-dots{display:flex;padding-left:0}.family-dots span{width:34px;height:34px;border-radius:50%;background:#d4dfce;border:2px solid var(--paper);display:grid;place-items:center;font-size:10px;margin-left:-7px}.family-dots span:first-child{margin-left:0}.family-dots span:nth-child(2){background:#e7d9c7}.family-dots span:nth-child(3){background:#e6e9de}
.hero-stage{position:relative;isolation:isolate;height:640px;min-width:0;perspective:1200px}.ambient{position:absolute;z-index:-3;inset:0 -20px 0 -70px;background:radial-gradient(ellipse at 65% 33%,rgba(184,209,184,.65),transparent 58%),radial-gradient(ellipse at 40% 84%,rgba(222,207,172,.55),transparent 54%)}.ceramic-orbit{position:absolute;z-index:-2;width:450px;height:450px;border:44px solid #e1e9dc;border-radius:50%;left:4%;top:88px;transform:rotateX(28deg) rotateY(-18deg) rotateZ(-16deg);background:transparent;box-shadow:inset 8px 10px 18px #fff9,inset -10px -16px 20px #a7b9a950,12px 20px 40px -15px #577c6255,-5px -8px 18px #ffffffe0}.orb{position:absolute;z-index:-1;top:22px;right:4%;width:124px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 23%,#fffef4 0%,#e8eddc 28%,#bacfba 58%,#7f9c87 88%);box-shadow:inset -10px -14px 24px #356c4e24,0 28px 34px -24px #284e3970}.phone-parallax{position:absolute;left:50%;top:26px;width:254px;translate:-50% 0;transform:translateY(var(--py,0px));}.device{position:relative;padding:7px;border-radius:39px;background:linear-gradient(125deg,#fffffb,#d7ded3 37%,#8e9d90 62%,#e7ede1);transform:rotate(-8deg) rotateY(-9deg);box-shadow:inset 0 0 0 1px #ffffffe0,2px 2px 1px #617061,9px 14px 22px -8px #25423235,22px 48px 65px -22px #25423250}.device img{border-radius:32px;width:100%}.device-island{position:absolute;z-index:1;top:13px;left:50%;transform:translateX(-50%);width:63px;height:15px;border-radius:20px;background:#19221b}.device figcaption{position:absolute;bottom:-35px;width:100%;text-align:center;font-size:10px;color:var(--muted);letter-spacing:.02em;transform:rotate(8deg)}.handoff-glass{position:absolute;z-index:3;bottom:82px;left:-18px;display:flex;align-items:center;gap:14px;border:1px solid #ffffffd9;border-radius:18px;padding:20px 22px;background:rgba(255,254,248,.9);box-shadow:inset 0 1px 0 #fff,0 2px 4px #24453108,0 24px 48px -18px #24453138;transform:rotate(-3deg)}.handoff-glass small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.handoff-glass strong{font-size:13px;font-weight:550}.mini-symbol{background:#e0ebdf;border:1px solid #d3dfd1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--jade)}.note-dot{width:5px;height:5px;background:var(--jade);border-radius:50%;margin-left:6px}.stage-caption{position:absolute;bottom:15px;right:0;font-size:9px;color:var(--muted);letter-spacing:.17em}.principles{display:flex;align-items:center;gap:36px;padding-block:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.1em}.principles i{font-style:normal;color:#a1b199}.principles a{margin-left:auto;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:18px;min-height:44px}
/* 03. Separate reveal and tilt wrappers so transform ownership never conflicts. */
.care-section{padding-block:var(--space-section)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:44px}.section-heading h2{font-size:clamp(34px,3.9vw,52px);line-height:1.4;letter-spacing:-.02em;margin-top:18px}.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:8px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.care-card{min-width:0;perspective:1000px}.card-material{position:relative;isolation:isolate;min-height:390px;height:100%;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-card);padding:27px;background:linear-gradient(145deg,#fffffc 0%,#f3f5eb 56%,#e8eee2 100%);box-shadow:var(--shadow-ceramic);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform 500ms var(--ease-settle)}.card-material::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--lx,20%) var(--ly,0%),#ffffffb3,transparent 58%);opacity:.5}.card-top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.card-icon{font-size:19px;width:26px;color:var(--jade)}.card-tag{margin-left:auto;padding:3px 8px;border:1px solid var(--line);border-radius:8px;font-size:10px}.care-card h3{font-size:21px;line-height:1.55;letter-spacing:-.02em;font-weight:500;margin-top:22px}.metric{display:flex;align-items:baseline;gap:10px;margin-top:8px}.metric strong{font-size:64px;line-height:1.15;letter-spacing:-.05em;font-weight:450;font-variant-numeric:tabular-nums}.metric span{font-size:12px;color:var(--muted)}.rhythm{height:72px;display:flex;align-items:end;gap:13px;border-bottom:1px solid var(--line);padding:8px 4px 0}.rhythm i{flex:1;height:var(--h);border-radius:5px 5px 1px 1px;background:linear-gradient(90deg,#b6c7ab,#d8e1ce 45%,#b6c7ab);box-shadow:inset 1px 0 1px #ffffffe0}.rhythm i:nth-child(4){background:linear-gradient(90deg,#436f5a,#71967e 48%,#436f5a)}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:6px}.card-caption{font-size:12px;color:var(--muted);margin-top:20px}.care-card--sleep .card-material{background:linear-gradient(140deg,#fdfcf6,#eeefe7 60%,#e3e6df)}.sleep-orbit{height:122px;position:relative;display:grid;place-items:center}.small-orb{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 28% 23%,#fffdf0,#e6dcbd 42%,#b8ab84 82%);box-shadow:0 22px 22px -18px #6d674f78,inset -7px -9px 13px #9d8f6930}.sleep-orbit i{position:absolute;width:167px;height:72px;border:1px solid #b7bfab80;border-radius:50%;transform:rotate(-20deg)}.sleep-summary strong{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums}.sleep-summary strong span{font-size:11px;margin-left:3px;color:var(--muted)}.sleep-summary p{font-size:11px;color:var(--muted);margin-top:5px}.handoff-list{list-style:none;padding:0;margin:24px 0}.handoff-list li{display:flex;gap:12px;align-items:center;margin:17px 0}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#e5dcca;border:1px solid #ffffffd0;border-radius:50%;font-size:11px}.avatar--dad{background:#d9e1cf}.handoff-list strong{font-weight:500;font-size:12px;display:block}.handoff-list small{font-size:10px;color:var(--muted)}.card-disclosure{padding:10px 0;border-top:1px solid var(--line);background:none;width:100%;display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:12px}.record-detail{font-size:12px;color:var(--muted);padding-top:8px}.card-disclosure span{transition:transform 240ms var(--ease-out)}.card-disclosure[aria-expanded=true] span{transform:rotate(45deg)}
/* A large quiet dark surface gives the light materials somewhere to rest. */
.night-section{color:#e8eee5;background:radial-gradient(ellipse at 75% 55%,#314735 0%,transparent 49%),#15251e;overflow:hidden;transition:background-color 400ms var(--ease-soft),color 400ms var(--ease-soft)}.night-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:680px;gap:64px}.night-section .eyebrow{color:#a2c2ae}.night-section h2{font-size:clamp(34px,4vw,54px);line-height:1.45;letter-spacing:-.02em;margin-block:24px}.night-description{font-size:14px;color:#b2c4b7;line-height:1.9}.appearance-switch{display:inline-flex;border:1px solid #ffffff24;background:#102018;padding:5px;border-radius:14px;gap:4px;margin-top:30px}.appearance-switch button{background:none;color:#b8c9bc;min-height:44px;border-radius:10px;padding:8px 21px;font-size:13px;transition:background-color 220ms,color 220ms,box-shadow 220ms}.appearance-switch button[aria-pressed=true]{background:#dfe9d7;color:#233b32;box-shadow:inset 0 1px 0 #fff}.appearance-switch button:focus-visible{outline-color:#bbd8bb}.mode-status{font-size:11px;color:#b2c4b7;margin-top:12px}.night-display{align-self:stretch;position:relative;display:flex;justify-content:center;align-items:end;padding-top:72px}.night-display img{position:relative;width:242px;border-radius:35px 35px 0 0;border:6px solid #78907a;border-bottom:0;box-shadow:0 0 0 1px #0c1c12,0 35px 100px #0009;transform:translateY(90px) rotate(7deg)}.moon-disc{width:295px;height:295px;border-radius:50%;position:absolute;top:95px;left:10px;background:radial-gradient(circle at 29% 22%,#f8f4df,#cad1b0 40%,#8c9e7c 75%,#506747);box-shadow:inset -14px -25px 35px #223c2860,0 0 85px #e6f6cf12}.night-section[data-appearance=day]{color:var(--ink);background:radial-gradient(ellipse at 75% 55%,#d7e5cc,transparent 58%),#e8ede1}.night-section[data-appearance=day] .eyebrow{color:var(--jade)}.night-section[data-appearance=day] .night-description,.night-section[data-appearance=day] .mode-status{color:var(--muted)}.night-section[data-appearance=day] .appearance-switch{background:#cad8c7;border-color:#b0c1aa}.night-section[data-appearance=day] .appearance-switch button{color:var(--ink)}.night-section[data-appearance=day] .appearance-switch button[aria-pressed=true]{background:#fffef8}.closing{text-align:center;padding-block:110px 100px}.closing h2{font-size:clamp(34px,4vw,52px);line-height:1.5;margin-block:23px 32px}.closing .eyebrow{letter-spacing:.2em;font-size:10px}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:20px;padding-block:30px 38px}.footer .brand{font-size:16px}.footer p,.footer>a:last-child{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{grid-template-columns:1.1fr 1fr;min-height:710px;gap:0}h1{font-size:clamp(40px,5.1vw,60px)}.hero-stage{height:590px}.hero-description{font-size:14px}.hero-actions{gap:18px}.hero .text-link{font-size:11px}.ceramic-orbit{width:330px;height:330px;left:0;top:125px;border-width:30px}.handoff-glass{left:-25px;padding:16px;bottom:54px}.phone-parallax{width:230px}.card-material{padding:23px}.care-card h3{font-size:19px}.card-grid{gap:16px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 28px);top:10px;margin-top:10px}.nav-glass{min-height:64px;border-radius:18px;padding:10px 12px;gap:10px}.brand{font-size:17px}.brand img{width:32px;height:32px}.nav-links{display:none}.nav-cta{font-size:11px;min-height:44px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:46px;gap:20px}.hero .eyebrow{font-size:10px}h1{font-size:clamp(38px,9.8vw,64px);line-height:1.35;letter-spacing:-.025em;margin-block:22px 18px}.hero-description{font-size:14px;line-height:1.85}.hero-actions{gap:18px;margin-top:24px;flex-wrap:wrap}.hero .btn{font-size:12px;padding:12px 18px}.hero .text-link{font-size:12px}.family-signature{margin-top:25px;gap:12px}.family-signature p{font-size:10px}.hero-stage{height:540px;margin-top:10px}.phone-parallax{width:221px;top:12px}.ceramic-orbit{width:310px;height:310px;top:100px;left:calc(50% - 155px);border-width:29px}.orb{width:90px;right:0;top:12px}.ambient{inset:0 -15px}.handoff-glass{bottom:40px;left:0;right:auto;padding:14px 16px;gap:10px}.handoff-glass strong{font-size:11px}.handoff-glass small{font-size:9px}.mini-symbol{width:29px;height:29px}.stage-caption{bottom:0;font-size:8px}.device{border-radius:35px}.device img{border-radius:28px}.device figcaption{font-size:9px;bottom:-28px}.principles{gap:16px;padding-block:22px;font-size:11px;letter-spacing:0;justify-content:space-between}.principles a{display:none}.principles i{font-size:11px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:36px;margin-top:14px}.section-heading>p{margin-top:21px;font-size:13px}.card-grid{grid-template-columns:1fr;gap:20px}.card-material{padding:26px;min-height:360px}.care-card h3{font-size:22px}.care-card--sleep .card-material{min-height:365px}.night-layout{grid-template-columns:1fr;gap:12px;padding-top:64px}.night-section h2{font-size:35px;margin-block:20px}.night-description{font-size:13px}.night-display{height:470px;padding-top:20px;align-items:flex-start}.night-display img{width:218px;transform:translateY(30px) rotate(7deg)}.moon-disc{width:230px;height:230px;top:20px;left:0}.closing{padding-block:75px}.closing h2{font-size:34px}.footer{flex-wrap:wrap;gap:18px;padding-block:24px}.footer p{order:3;width:100%;font-size:10px}.footer .brand{font-size:15px}.footer .brand small{font-size:7px}}
.ambient{mask-image:radial-gradient(ellipse at 50% 50%,#000 35%,transparent 73%)}
@media(max-width:760px){.hero-stage{overflow:clip;overflow-clip-margin:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.phone-parallax{transform:none!important}.card-material,.magnet__face{transform:none!important}}

/* Production integration: preserve established content, footer and dialogs. */
.nav-glass .menu-toggle{flex-shrink:0;margin-left:0}
.nav-glass .nav-cta{margin-left:auto}
.nav-glass .nav-links{margin-left:auto}
.rhythm i:nth-child(1){--h:36%}.rhythm i:nth-child(2){--h:64%}
.rhythm i:nth-child(3){--h:48%}.rhythm i:nth-child(4){--h:90%}
.rhythm i:nth-child(5){--h:62%}.rhythm i:nth-child(6){--h:76%}
.section-heading .serif{margin-top:0}
.everyday{background:#e8eee2}.showcase-stage{box-shadow:var(--shadow-ceramic)}
.site-footer .brand{font-size:19px}.site-footer .brand small{font-size:8px}
.support-section{padding-bottom:80px}
.hero-note,.footer-bottom{font-family:var(--font-ui)}
html:not(.site-ready) .card-disclosure,html:not(.site-ready) .appearance-switch{display:none}
@media(max-width:760px){.nav-glass{gap:8px}.nav-glass .nav-cta{padding-inline:10px}.nav-glass .menu-toggle{width:40px;height:40px}.story-copy .text-button{margin-top:16px}}

/* Resolve legacy selector specificity for the approved hero. */
.hero h1{font-family:var(--font-editorial);font-size:clamp(44px,4.9vw,72px);line-height:1.3;letter-spacing:-.025em;margin-block:30px 24px;white-space:normal}
.hero-copy{padding-bottom:0;min-width:0}.hero-description{letter-spacing:normal}
.nav-glass .brand>span{font-family:var(--font-editorial);font-size:19px;letter-spacing:.06em}
@media(max-width:1100px){.hero h1{font-size:clamp(40px,5.1vw,60px)}.hero-stage{overflow:clip;overflow-clip-margin:5px}}
@media(max-width:760px){.hero h1{font-size:clamp(38px,9.8vw,64px);line-height:1.35;margin-block:22px 18px}.nav-glass .brand>span{font-size:17px}}
.release-notes>.screenshot-note{position:static;margin-top:22px;max-width:75ch;text-align:left;font-size:11px;line-height:1.8}