:root{--ink:#123456;--rose:#d98588;--rose-dark:#c86f72;--sage:#8fab96;--sage-dark:#748d7b;--cream:#fbf8f3;--cream2:#f5efe8;--line:#e9e1d8;--muted:#5f7181;--sky:#eef6f7;--white:#fff;--shadow:0 12px 34px rgba(33,49,63,.09)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans",Arial,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);line-height:1.5}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px 14px;border-radius:8px;z-index:1000}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,248,243,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(233,225,216,.75)}
.nav-wrap{height:84px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:43px;height:43px;color:#779186}.brand strong{font-family:"Noto Serif Display",Georgia,"Times New Roman",serif;font-size:25px;letter-spacing:-.02em;display:block}.brand small{display:block;letter-spacing:.36em;font-size:9px;margin-left:3px;margin-top:1px}
.nav-menu{display:flex;justify-content:center;gap:34px;font-size:14px;font-weight:600}.nav-menu a{position:relative}.nav-menu a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--rose);transform:scaleX(0);transition:.2s}.nav-menu a:hover:after{transform:scaleX(1)}
.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:14px 24px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(18,52,86,.12)}.btn-rose{background:linear-gradient(135deg,var(--rose),var(--rose-dark));color:#fff}.btn-sage{background:linear-gradient(135deg,var(--sage),var(--sage-dark));color:#fff}.nav-cta{padding:12px 20px;font-size:14px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;color:#c77779;margin:0 0 10px;text-transform:uppercase}
h1,h2{font-family:"Noto Serif Display",Georgia,"Times New Roman",serif;margin:0;color:var(--ink);line-height:1.04;letter-spacing:-.035em}h1{font-size:clamp(52px,5.1vw,78px)}h1 span{color:var(--rose)}h2{font-size:clamp(38px,4.1vw,61px)}

.hero{overflow:hidden;background:radial-gradient(circle at 72% 15%,#fff8f1 0 20%,transparent 48%),linear-gradient(90deg,#fffaf5,#fbf8f3)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:32px;min-height:610px;align-items:center}
.hero-grid>*,.system-grid>*,.how-grid>*,.faq-grid>*,.join-grid>*{min-width:0}
.hero-copy{min-width:0;padding:72px 0 64px;position:relative;z-index:1}.hero-lede{max-width:580px;font-size:19px;color:#3f5d72;margin:20px 0 26px}
.hero-media{align-self:center;min-height:0;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;padding:22px 0 22px 10px;margin-right:0}
.hero-media:before{display:none}
.hero-media img{width:100%;height:auto;max-height:560px;object-fit:contain;object-position:center top;border-radius:28px;box-shadow:0 16px 40px rgba(33,49,63,.10)}
.signup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:min(650px,100%);max-width:100%}
.input-wrap{min-width:0;height:54px;background:#fff;border:1px solid #dedbd6;border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 16px;box-shadow:0 5px 18px rgba(34,53,69,.05)}.input-wrap span{color:#60788b}.input-wrap input{border:0;outline:0;width:100%;background:transparent;color:var(--ink)}.input-wrap input::placeholder{color:#8a99a3}.signup-form .btn{height:54px;white-space:nowrap}
.hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px;max-width:700px;margin-top:28px}.hero-points>div{display:flex;align-items:center;gap:11px;font-size:13px;min-width:0}.round-icon{flex:0 0 auto;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#eef2e9;color:#6d8e7e;font-size:25px}.hero-points>div:nth-child(2) .round-icon{background:#f9e7e5;color:#d47b7f}

.benefit-strip{background:var(--sky);border-block:1px solid #e5eeee}.benefit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.benefit-grid>div{display:flex;align-items:center;justify-content:center;gap:14px;min-height:88px;padding:12px 14px;border-right:1px solid #dce8e9;font-size:13px}.benefit-grid>div:last-child{border-right:0}.benefit-grid span{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#dcebed;font-size:25px;color:#4d6c80}

.section{padding:78px 0}.system{background:#fffdf9}.system-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,2.2fr);gap:44px;align-items:center}.system-intro p:not(.eyebrow){font-size:16px;color:var(--muted);margin:22px 0 26px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{text-align:left}.product-image{height:245px;display:grid;place-items:end center;border-radius:24px;background:linear-gradient(160deg,#fbf7f1,#f0ece5);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-num{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dcebed;color:#365d70;font-weight:800;font-size:12px;margin:15px 5px 0 0}.product-card h3{display:inline;font-size:14px;text-transform:uppercase;letter-spacing:.04em}.product-card p:last-child{margin:7px 0 0 31px;color:var(--muted);font-size:13px}

.how{background:#f8f1eb}.how-grid{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,2.28fr);gap:35px;align-items:start}.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.step-card{position:relative;background:#fff;border-radius:16px;padding:9px 9px 16px;border:1px solid #eee2d8}.step-image{height:128px;border-radius:11px;overflow:hidden;background:#f2ebe5}.step-image img{width:100%;height:100%;object-fit:cover}.step-card>span{display:none}.step-card h3{font-size:14px;margin:11px 4px 3px}.step-card p{font-size:12px;color:var(--muted);margin:0 4px}

.details{background:#fff}.inline-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.inline-heading p{margin:8px 0 0;color:var(--muted)}.outline-link{border:1px solid #9eaaa3;border-radius:999px;padding:10px 17px;font-size:13px;font-weight:700;white-space:nowrap}.detail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.detail-grid article{border:1px solid #eee7df;border-radius:16px;padding:8px 8px 14px;background:#fff}.detail-grid img{width:100%;height:125px;object-fit:cover;border-radius:11px}.detail-grid h3{font-size:13px;margin:10px 5px 4px}.detail-grid p{font-size:12px;color:var(--muted);margin:0 5px}

.story{background:#fff}
.story-layout{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-areas:"feature rest baby" "feature travel hike";gap:18px;align-items:stretch}
.story-card{background:#fff;border:1px solid #eee7df;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(33,49,63,.05)}
.story-card img{width:100%;display:block;object-fit:cover;background:#f3eee8}
.story-copy{padding:14px 16px 18px}.story-copy h3{margin:0 0 6px;font-size:20px;font-family:"Noto Serif Display",Georgia,"Times New Roman",serif;color:var(--ink)}.story-copy p{margin:0;color:var(--muted);font-size:14px}
.story-feature{grid-area:feature}.story-feature img{height:420px}
.story-rest{grid-area:rest}.story-rest img{height:180px}
.story-baby{grid-area:baby}.story-baby img{height:180px}
.story-travel{grid-area:travel}.story-travel img{height:180px}
.story-hike{grid-area:hike}.story-hike img{height:180px}

.faq{background:linear-gradient(90deg,#fff7f3,#f2f7f4)}.faq-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:55px}.faq-grid>div:first-child>p:last-child{color:var(--muted);max-width:430px}.accordion details{border-bottom:1px solid #dfe5e2;background:rgba(255,255,255,.5)}.accordion summary{cursor:pointer;list-style:none;padding:17px 4px;font-weight:700;font-size:15px}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";float:right;font-size:20px}.accordion details[open] summary:after{content:"−"}.accordion details p{color:var(--muted);margin:0;padding:0 28px 18px 4px;font-size:14px}

.join{padding:56px 0 44px;background:linear-gradient(135deg,#fbefe8,#f8e3e4 56%,#eef4ed);position:relative;overflow:hidden}.join:before,.join:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(143,171,150,.12);filter:blur(1px)}.join:before{left:-110px;bottom:-140px}.join:after{right:-140px;top:-120px}.join-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center;position:relative;z-index:1}.join-grid h2{font-size:46px}.join-grid p:not(.eyebrow){color:var(--muted);margin:10px 0 0}.join-form{max-width:none}.perk-row{display:flex;justify-content:center;gap:42px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:#6d6970;position:relative;z-index:1}
.footer{background:#fff;padding:32px 0 18px}.footer-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.footer-brand strong{font-size:20px}.footer-brand .brand-mark{width:36px}.footer-top nav{display:flex;justify-content:center;gap:24px;font-size:12px}.footer-cta{font-size:13px;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #eee8e2;margin-top:24px;padding-top:18px;font-size:11px;color:#89929a}.footer-bottom div{display:flex;gap:18px}

@media (max-width:1280px){
  h1{font-size:clamp(48px,4.7vw,68px)}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:26px}
  .signup-form{grid-template-columns:1fr}
  .signup-form .btn{width:100%}
  .hero-points{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1120px){
  .nav-menu{display:none}.menu-toggle{display:block;justify-self:end}.nav-wrap{grid-template-columns:auto 1fr auto}.nav-cta{display:none}.nav-menu.open{display:flex;position:absolute;top:84px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:10px 20px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav-menu.open a{padding:12px 0}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{padding-bottom:24px}
  .hero-media{min-height:0;margin:0;padding:10px 0 0}
  .hero-media:before{display:none}
  .benefit-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid>div:nth-child(3){border-right:0}.benefit-grid>div:nth-child(n+4){border-top:1px solid #dce8e9}
  .system-grid,.how-grid,.faq-grid,.join-grid{grid-template-columns:1fr}
  .product-grid{gap:10px}
  .detail-grid{grid-template-columns:repeat(3,1fr)}.detail-grid article:nth-child(n+4){margin-top:6px}
  .footer-top{grid-template-columns:1fr}.footer-top nav{justify-content:flex-start;flex-wrap:wrap}.footer-cta{justify-self:start}
  .story-layout{grid-template-columns:1fr 1fr;grid-template-areas:"feature feature" "rest baby" "travel hike"}
}

@media (max-width:720px){
  .shell{width:min(100% - 28px,1180px)}
  .nav-wrap{height:72px}.brand strong{font-size:20px}.brand-mark{width:36px;height:36px}.nav-menu.open{top:72px}
  .hero-grid{min-height:0}.hero-copy{padding:46px 0 28px}.hero-lede{font-size:16px}.hero-points{gap:18px;grid-template-columns:1fr 1fr}.hero-media{min-height:0;padding:0}.hero-media img{max-height:none;border-radius:20px}
  .benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid>div{justify-content:flex-start;border-bottom:1px solid #dce8e9}.benefit-grid>div:nth-child(odd){border-right:1px solid #dce8e9}.benefit-grid>div:nth-child(even){border-right:0}.benefit-grid>div:last-child{grid-column:1/-1}
  .section{padding:56px 0}.system-grid{gap:34px}.product-grid{grid-template-columns:1fr}.product-image{height:290px}.product-card p:last-child{margin-left:31px}
  .step-grid{grid-template-columns:1fr 1fr}
  .inline-heading{align-items:flex-start;flex-direction:column}
  .detail-grid{grid-template-columns:1fr 1fr}.detail-grid article:nth-child(n+4){margin-top:0}
  .story-layout{grid-template-columns:1fr 1fr;grid-template-areas:"feature feature" "rest baby" "travel hike"}
  .footer-bottom{flex-direction:column}.join-grid{gap:24px}.perk-row{justify-content:flex-start;gap:18px}.footer-top nav{gap:14px}.footer-bottom div{flex-wrap:wrap}
}

@media (max-width:470px){
  h1{font-size:49px}h2{font-size:38px}
  .hero-points{grid-template-columns:1fr}
  .benefit-grid{grid-template-columns:1fr}.benefit-grid>div,.benefit-grid>div:nth-child(odd){border-right:0}
  .step-grid,.detail-grid{grid-template-columns:1fr}
  .story-layout{grid-template-columns:1fr;grid-template-areas:"feature" "rest" "baby" "travel" "hike"}.story-feature img,.story-rest img,.story-baby img,.story-travel img,.story-hike img{height:auto;aspect-ratio:4/3}
  .join-grid h2{font-size:38px}
}