:root{
  --cream:#fff7f2;
  --warm:#f8e7dc;
  --peach:#ff8661;
  --coral:#ff704f;
  --orange:#ff8a00;
  --rust:#c85f47;
  --ink:#3f3942;
  --muted:#786f79;
  --line:#ead8cf;
  --white:#fff;
  --shadow:0 18px 50px rgba(201,93,64,.18);
  --soft-shadow:0 12px 32px rgba(63,57,66,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,"Segoe UI", sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.header{position:sticky;top:0;z-index:20;background:rgba(255,247,242,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(234,216,207,.75)}
.nav{max-width:1200px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-weight:900;letter-spacing:-.04em;font-size:1.45rem;color:var(--coral)}
.logo span{color:var(--orange)}
.navlinks{display:flex;gap:24px;align-items:center;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:#5f5661}
.navlinks a{position:relative;white-space:nowrap}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--coral),var(--orange));transition:.25s}.navlinks a:hover:after,.navlinks a.active:after{right:0}
.menu-note{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);font-weight:800}
.hero{min-height:86vh;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:70px 28px 90px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.18),rgba(255,134,97,.08) 45%,transparent 70%);right:-210px;top:20px;z-index:-1}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin-bottom:20px}.hero h1{font-size:clamp(3rem,7vw,7.2rem);line-height:.9;margin:0 0 26px;letter-spacing:-.08em;font-weight:900}.hero h1 em{font-style:normal;color:var(--coral)}.lead{font-size:clamp(1.05rem,1.6vw,1.35rem);color:var(--muted);max-width:620px;margin-bottom:34px}.hero-actions{display:inline-flex;align-items:center;gap:12px;padding:10px;background:rgba(255,255,255,.68);border:1px solid rgba(234,216,207,.85);border-radius:999px;box-shadow:var(--soft-shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 25px;font-weight:900;background:linear-gradient(135deg,var(--coral),var(--orange));color:#fff;box-shadow:0 14px 28px rgba(255,112,79,.28);white-space:nowrap}.social{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);font-weight:900;color:var(--coral)}.social svg{width:22px;height:22px}.hero-card{position:relative;min-height:620px;border-radius:42px;background:linear-gradient(180deg,#fff 0%,#fff3ec 100%);box-shadow:var(--shadow);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:104px 30px 0}.hero-card img{height:520px;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 25px 35px rgba(105,60,44,.16))}.floating-label{position:absolute;left:30px;right:30px;top:30px;z-index:3;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:999px;padding:12px 18px;font-weight:800;color:var(--rust);box-shadow:var(--soft-shadow);text-align:center;white-space:normal}.scroll-cue{position:absolute;right:28px;bottom:28px;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);writing-mode:vertical-rl}.section{padding:92px 28px}.section.alt{background:#fff}.wrap{max-width:1200px;margin:0 auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-head h2{font-size:clamp(2rem,4vw,4.3rem);line-height:.95;letter-spacing:-.07em;margin:0}.section-head p{max-width:440px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--soft-shadow);min-height:260px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,134,97,.11);right:-70px;top:-70px}.card .num{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:900}.card h3{font-size:1.4rem;line-height:1.1;margin:18px 0 12px}.card p{color:var(--muted);margin:0}.wide-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;background:linear-gradient(135deg,#ffe7d8,#fff);border-radius:40px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.wide-feature .copy{padding:58px}.wide-feature h2{font-size:clamp(2.3rem,4vw,5rem);line-height:.92;letter-spacing:-.07em;margin:0 0 24px}.wide-feature p{color:var(--muted);max-width:540px}.feature-img{display:flex;align-items:end;justify-content:center;min-height:520px;background:radial-gradient(circle at center bottom,rgba(255,138,0,.16),transparent 60%)}.feature-img img{height:500px;object-fit:contain}.split-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tip{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px}.tip strong{color:var(--coral)}.page-hero{max-width:1200px;margin:0 auto;padding:80px 28px 54px;display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.page-hero h1{font-size:clamp(2.8rem,6vw,6.5rem);line-height:.9;letter-spacing:-.08em;margin:0 0 22px}.page-hero p{color:var(--muted);font-size:1.12rem;max-width:640px}.page-hero .mini-mascot{justify-self:center;height:360px;object-fit:contain}.routine-table{display:grid;gap:12px}.routine-row{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px}.routine-row b{color:var(--coral)}.footer{padding:48px 28px;background:#302b31;color:#fff}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:30px;align-items:end}.footer p{color:#d7c8c2;max-width:500px;margin:10px 0 0}.cookie{position:fixed;left:18px;right:18px;bottom:18px;z-index:50;max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:18px 18px 18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cookie p{margin:0;color:var(--muted);font-size:.94rem}.cookie button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--coral),var(--orange));color:#fff;font-weight:900;padding:11px 18px;cursor:pointer}.cookie.hide{display:none}
.placeholder{min-height:300px;border:1px dashed #e7c9bd;border-radius:32px;background:linear-gradient(135deg,#fff,#fff0e8);display:flex;align-items:center;justify-content:center;color:var(--rust);font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:26px}
@media(max-width:920px){.nav{align-items:flex-start}.navlinks{display:grid;grid-template-columns:repeat(3,auto);gap:10px 16px;font-size:.7rem}.hero,.page-hero,.wide-feature{grid-template-columns:1fr}.hero{padding-top:42px;gap:34px}.hero-card{min-height:560px;padding:96px 24px 0}.hero-card img{height:440px}.floating-label{left:24px;right:24px;top:24px}.grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:16px}.wide-feature .copy{padding:34px}.feature-img{min-height:380px}.feature-img img{height:370px}.split-list{grid-template-columns:1fr}.footer-inner{display:block}.routine-row{grid-template-columns:1fr}.page-hero .mini-mascot{height:280px}.cookie{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.nav{padding:14px 18px}.logo{font-size:1.16rem}.navlinks{grid-template-columns:repeat(2,auto);width:100%;justify-content:space-between}.menu-note{display:none}.hero,.section,.page-hero{padding-left:20px;padding-right:20px}.hero-actions{border-radius:26px;flex-wrap:wrap}.btn{width:100%;}.social{width:44px;height:44px}.hero-card{border-radius:28px;min-height:520px;padding-top:92px}.hero-card img{height:405px}.floating-label{font-size:.9rem;line-height:1.25;padding:11px 14px}.section{padding-top:64px;padding-bottom:64px}.card{padding:24px}.footer{padding:38px 20px}.cookie{left:12px;right:12px}}