
:root{--paper:#fafaf8;--ink:#182b21;--muted:#70736e;--accent:#d9ef8a;--line:#e3e5df;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;position:relative}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #64934e;outline-offset:5px}[hidden]{display:none!important}
.wrap{max-width:1160px;margin:0 auto;padding:0 32px}.navigation{display:flex;align-items:center;justify-content:space-between;height:100px}.brand{font-size:35px;font-weight:800;letter-spacing:-2px}.brand-dot{color:#dc804b}nav{font-size:14px;font-weight:650}.nav-pill{border:1px solid #d5d8d0;border-radius:30px;padding:13px 24px;background:white;box-shadow:0 2px 5px #182b2104}
.hero{text-align:center;padding-top:220px;min-height:780px;padding-bottom:65px}.eyebrow{font-size:13px;letter-spacing:.17em;font-weight:650;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.6vw,72px);font-weight:650;line-height:1.08;letter-spacing:-.055em;margin:30px 0 25px;color:#191c19}p{font-size:17px;line-height:1.65;color:var(--muted)}.hero-description{font-size:21px;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:13px;margin:36px 0 18px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:28px;padding:16px 25px;font-size:15px;font-weight:650;border:0;min-height:50px}.primary{background:#191c19;color:white}.quiet{border:1px solid var(--line);background:transparent}.secondary{background:#e4eadc}.fineprint{font-size:13px;color:var(--muted)}
 .hero-companion{position:relative;width:210px;margin:0 auto 28px}.hero-character{width:190px;margin:auto}.hero-character .sprite{width:190px}
.demo-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:33px;flex-wrap:wrap}.segmented{display:flex;border:1px solid var(--line);border-radius:30px;padding:4px;background:#f1f2ed}.segmented button{border:0;background:transparent;border-radius:24px;padding:9px 20px;font-size:14px}.segmented button[aria-pressed=true]{background:white;box-shadow:0 2px 6px #253b1e12}.sound-button{border:0;background:transparent;font-size:14px;color:var(--ink);padding:12px}.demo-status{font-size:13px;margin-top:12px}.sprite{background-size:200% 200%;background-position:0 0;background-repeat:no-repeat;aspect-ratio:571/688.5;width:100%;animation:care-poses 3.8s steps(1) infinite}.sprite.caring{background-image:url('assets/caring.png')}.sprite.water{background-image:url('assets/water.png')}.sprite.morning{background-image:url('assets/morning.png');aspect-ratio:656/599}
.care{padding-top:140px}.section-intro h2,h2{font-size:clamp(35px,4.5vw,53px);line-height:1.1;letter-spacing:-.05em;margin:20px 0}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.care-card{background:#e7edcf;padding:28px 25px 22px;border-radius:25px;overflow:hidden}.peach{background:#f3dfc9}.lilac{background:#e4e1f2}.card-number{font-size:13px;color:#526547}.care-card h3{font-size:27px;letter-spacing:-.04em;margin:22px 0 12px}.care-card p{font-size:15px;line-height:1.65;min-height:52px}.character-stage{height:255px;margin-top:24px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.character-stage .sprite{width:210px;flex-shrink:0}.quote{display:block;margin-top:20px;font-size:14px;font-weight:600;line-height:1.7}.rhythm{padding-top:140px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.rhythm-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.rhythm-tags span{font-size:13px;padding:9px 14px;border:1px solid var(--line);border-radius:20px}.routine{padding:25px 27px;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 10px 30px #1d32100a}.routine-heading{font-weight:650;margin-bottom:20px;display:flex;justify-content:space-between;gap:20px}.routine-heading span{color:#788b45}.routine-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:22px 0;font-size:14px}.routine-symbol{font-size:24px}.routine-row div{flex:1}.routine-row strong{font-size:15px;display:block}.routine-row small{display:block;line-height:1.5;color:var(--muted);font-size:12px;margin-top:5px}.routine-row time,.routine-time{font-size:12px;white-space:nowrap;color:var(--muted)}.routine-footnote{font-size:12px;margin:0}.faq{padding-top:140px;display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.faq h2{font-size:39px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq details:first-child{padding-top:20px}.faq summary{font-size:16px;font-weight:600;cursor:pointer;list-style:none;padding-right:20px;position:relative}.faq summary:after{content:"+";position:absolute;right:0}.faq details[open] summary:after{content:"−"}.faq details p{font-size:15px;margin:16px 0 0;line-height:1.7}.final-cta{text-align:center;padding-top:110px;padding-bottom:90px}.small-character{width:150px;height:154px;overflow:hidden;margin:0 auto 22px}.final-cta h2{font-size:55px}.final-cta>p[lang=ml]{font-size:16px;line-height:1.8;margin:25px 0}.final-cta .fineprint{margin-top:15px}footer{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-top:30px!important;padding-bottom:35px!important;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}footer .brand{color:var(--ink)}.skip{position:absolute;top:-100px;left:20px;z-index:20;background:var(--ink);color:white;padding:14px}.skip:focus{top:10px}
@keyframes care-poses{0%,100%{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}}
@media(max-width:1000px){.hero{padding-top:205px;min-height:750px}.care-grid{gap:15px}.care-card{padding:24px 20px}.care-card h3{font-size:24px}.character-stage{height:220px}.character-stage .sprite{width:182px}.rhythm{gap:35px}.faq{gap:35px}}
@media(max-width:720px){.wrap{padding:0 22px}.navigation{height:80px}.brand{font-size:30px}.nav-pill{font-size:13px;padding:11px 17px}.hero{padding-top:200px;min-height:740px;padding-bottom:30px}h1{font-size:clamp(42px,7.8vw,55px);margin-top:25px}.hero-description{font-size:18px}.hero-actions{margin-top:28px}.care,.rhythm,.faq{padding-top:85px}.care-grid{grid-template-columns:1fr}.care-card{padding:28px}.care-card p{min-height:0}.character-stage{height:240px;margin-top:8px}.character-stage .sprite{width:198px}.quote{text-align:center}.rhythm,.faq{grid-template-columns:1fr;gap:30px}.routine{padding:23px 20px}.faq h2{margin-bottom:0}.final-cta{padding-top:80px}.final-cta h2{font-size:40px}footer{gap:16px;flex-wrap:wrap}.routine-row{gap:10px}.demo-controls{gap:4px;margin-top:25px}.segmented button{padding:9px 14px}.sound-button{padding:10px;font-size:13px}}
@media(max-width:420px){.brand{font-size:27px}.nav-pill{font-size:12px;padding:10px 14px}.hero-actions{flex-direction:column;align-items:center;gap:10px}.hero{padding-top:195px;min-height:770px}h1{font-size:43px}.eyebrow{font-size:12px}.hero-description br{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.sprite{animation:none}}

.footer-pro{border:0;background:none;color:inherit;font-size:14px;padding:8px 0}
.pro-dialog{border:1px solid var(--line);border-radius:28px;background:var(--paper);color:var(--ink);width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:40px;overflow:auto;box-shadow:0 24px 100px #182b2130}
.pro-dialog::backdrop{background:#182b215c;backdrop-filter:blur(5px)}
.pro-dialog h2{font-size:38px;margin-top:12px}.pro-dialog>p{font-size:15px}.pro-dialog .eyebrow{font-size:11px;margin-top:6px;padding-right:24px}
.dialog-close{position:absolute;top:16px;right:18px;border:0;border-radius:50%;background:#e9ece4;color:var(--ink);width:32px;height:32px;font-size:24px;line-height:1}
.pro-dialog ul{list-style:none;padding:0;margin:25px 0}.pro-dialog li{padding-left:24px;position:relative;font-size:15px;line-height:1.55;margin:13px 0}.pro-dialog li::before{content:"✓";position:absolute;left:0;color:#697e3c}
.pro-dialog .pro-price{font-size:42px;font-weight:700;line-height:1.2;margin:30px 0 24px}.pro-price span{display:block;font-size:13px;font-weight:400;margin-top:10px;color:var(--muted)}.pro-dialog .button{width:100%}.pro-dialog .dialog-note{font-size:12px;text-align:center;margin:16px 0 0}
@media(max-width:420px){.pro-dialog{padding:32px 24px}.pro-dialog h2{font-size:32px}}
.utility{padding-top:70px;padding-bottom:100px;max-width:960px}.utility h1{font-size:clamp(42px,6vw,68px)}.utility-lead{font-size:21px}.offer-steps{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:50px 0}.offer-steps article,.offer-note,.manage-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:white}.offer-steps h2,.manage-card h2{font-size:27px;line-height:1.2}.offer-steps p,.offer-note p{font-size:15px}.offer-steps a:not(.button),.dialog-note a,.utility>p a{text-decoration:underline;text-underline-offset:4px}.offer-note{background:#e7edcf}.manage-card{margin:30px 0}.manage-card form{display:grid;gap:15px}.manage-card label{font-size:14px;font-weight:600}.manage-card input{font:inherit;width:100%;border:1px solid var(--line);border-radius:12px;padding:15px}.manage-card input:focus-visible{outline:3px solid #64934e;outline-offset:2px}.manage-card form .button{justify-self:start}.device-row{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.device-row strong{overflow-wrap:anywhere}.device-row .button{flex-shrink:0;padding:12px 18px}.manage-card>.button{margin-top:20px}
@media(max-width:720px){.utility{padding-top:40px}.offer-steps{grid-template-columns:1fr}.offer-steps article,.offer-note,.manage-card{padding:24px}.device-row{align-items:flex-start;flex-direction:column;gap:12px}}

.discount-fine-print{font-size:13px;line-height:1.85;color:var(--muted);margin:35px 0 0;padding-top:25px;border-top:1px solid var(--line)}

/* Cashback page: a quiet, single-column story. */
.discount-page{background:#f8faf6;min-height:100vh}
.discount-navigation,.discount-content{width:min(820px,100%);margin:0 auto;padding-left:28px;padding-right:28px}
.discount-navigation{padding-top:52px;font-size:14px;color:var(--muted)}
.discount-navigation a:hover{color:var(--ink)}
.discount-content{padding-top:52px;padding-bottom:70px}
.discount-intro{text-align:center;margin-bottom:58px}
.discount-hero-icon{display:block;font-size:43px;margin-bottom:18px}
.discount-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,5.2vw,54px);font-weight:400;letter-spacing:-.055em;white-space:nowrap;line-height:1.2;margin:0 0 20px;color:var(--ink)}
.discount-intro h1 em{font-style:normal;color:#899345}
.discount-intro>p{font-size:18px;line-height:1.6;margin:0}
.discount-steps{display:grid;gap:0;counter-reset:amban-step}
.discount-steps article{counter-increment:amban-step;display:grid;grid-template-columns:48px 1fr;gap:22px;padding:30px 0;border-top:1px solid #dde4d5}
.discount-steps article:before{content:"0" counter(amban-step);font-size:13px;letter-spacing:.12em;color:#7a885e;padding-top:8px;font-weight:600}
.discount-steps h2{font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:24px;letter-spacing:-.025em;line-height:1.25;margin:2px 0 8px}
.discount-steps p{font-size:16px;line-height:1.75;margin:0}
.discount-steps strong{color:#4c584c;font-weight:600}
.discount-steps a:not(.button){text-decoration:underline;text-underline-offset:3px}
.discount-steps .button{margin-top:18px}
.discount-steps .fineprint{font-size:13px;margin-top:12px;color:#849078}
.discount-note{margin:26px 0 0;padding:24px 28px;border-radius:18px;background:#edf1e5}
.discount-note h3{font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:500;margin:0 0 9px}
.discount-note p{font-size:15px;line-height:1.75;margin:0}
.discount-page .discount-fine-print{border:0;margin:38px 0 0;padding:0;font-size:12px;line-height:1.85;color:#858980}
@media(max-width:600px){.discount-navigation{padding-top:28px}.discount-content{padding-top:38px}.discount-navigation,.discount-content{padding-left:20px;padding-right:20px}.discount-intro{margin-bottom:38px}.discount-hero-icon{font-size:35px}.discount-intro>p{font-size:15px}.discount-steps article{grid-template-columns:28px 1fr;gap:14px;padding:25px 0}.discount-steps h2{font-size:21px}.discount-steps p{font-size:14px}.discount-note{margin-left:0;padding:22px}.discount-note h3{font-size:21px}}

.discount-kicker{font-size:11px!important;font-weight:650;letter-spacing:.19em;color:#7a885e;margin-bottom:20px!important}
.discount-terms{margin-top:36px}
.discount-terms h2{font-family:inherit;font-size:13px;font-weight:650;letter-spacing:0;margin:0 0 8px;color:#52604e}
.discount-page .discount-terms .discount-fine-print{margin:0}

/* Match the character height across differently shaped pose sheets. */
.care-grid .character-stage{--companion-height:253px;container-type:inline-size}
.care-grid .character-stage .sprite{height:min(var(--companion-height),91.31cqw);width:auto}
@media(max-width:1000px){.care-grid .character-stage{--companion-height:219px}}
@media(max-width:720px){.care-grid .character-stage{--companion-height:239px}}

/* Water poses have more transparent padding than the other sheets. */
.care-grid .character-stage .sprite.water{transform:scale(1.08);transform-origin:center bottom}

/* The hero character stays above the heading; only his poses animate. */
.hero{padding-top:28px;min-height:780px}
@media(max-width:1000px){.hero{padding-top:28px}}
@media(max-width:720px){.hero{padding-top:15px;min-height:0;padding-bottom:30px}.hero-companion{width:100%;max-width:300px;margin-bottom:28px}.hero-character,.hero-character .sprite{width:165px}}
