:root{--ink:#173a31;--cream:#faf7ef;--lime:#d8e675;--coral:#f3aa91;--muted:#628075;--line:#dfe4d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.site-header{height:82px;padding:0 6.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e6dc}.brand{color:var(--ink);font-size:22px;font-weight:700;text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.brand-mark{width:28px;height:28px;border-radius:50% 50% 50% 8%;background:var(--ink);color:var(--lime);font-family:Georgia;font-weight:700;display:grid;place-items:center;font-size:21px}.site-header nav{display:flex;gap:30px}.site-header nav a,.text-button{color:var(--ink);font:500 14px 'DM Sans';text-decoration:none;background:none;border:0;cursor:pointer}.header-actions{display:flex;align-items:center;gap:18px}.button{border:0;border-radius:3px;padding:14px 21px;font:600 14px 'DM Sans';cursor:pointer;text-decoration:none;display:inline-flex;gap:18px;align-items:center;justify-content:center}.button-dark{background:var(--ink);color:#fff}.button-light{background:var(--lime);color:var(--ink)}.hero{min-height:590px;padding:82px 9vw 60px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#55746a;margin:0 0 17px}.hero h1,h2{font:700 clamp(42px,5.1vw,72px)/.98 'Playfair Display',serif;letter-spacing:-3px;margin:0}.hero-text{font-size:18px;line-height:1.55;max-width:440px;margin:25px 0 28px;color:#49665b}.hero-actions{display:flex;align-items:center;gap:24px}.video-link{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}.play{font-size:10px;border:1px solid #99aca3;border-radius:50%;padding:6px;margin-right:7px}.people-line{display:flex;align-items:center;gap:10px;font-size:12px;color:#55746a;margin-top:61px}.avatars{display:flex}.avatars i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d9c5a5;border:2px solid var(--cream);margin-left:-5px;font-size:9px;color:#fff}.avatars i:nth-child(2){background:#7b9d8d}.avatars i:nth-child(3){background:#b97560}.avatars i:last-child{background:var(--ink)}.hero-art{background:#e4edc8;border-radius:250px 250px 0 0;position:relative;min-height:450px;margin-left:30px;overflow:hidden}.sun{position:absolute;width:140px;height:140px;border-radius:50%;background:#f5b76d;right:30px;top:42px}.leaf{position:absolute;background:#85aa69;border-radius:100% 0 100% 0;transform:rotate(35deg)}.leaf-one{width:100px;height:45px;left:20px;top:82px}.leaf-two{width:70px;height:35px;left:92px;top:126px;transform:rotate(80deg)}.bowl{height:214px;width:345px;background:#e6b373;border-radius:15px 15px 170px 170px;position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);overflow:hidden;box-shadow:inset 0 13px #c68153}.food{position:absolute;border-radius:50%}.avocado{width:110px;height:80px;background:#588c4f;left:41px;top:22px;transform:rotate(-30deg);border:17px solid #b3c768}.tomato{width:82px;height:82px;background:#df664d;left:150px;top:6px;border:7px solid #f28964}.carrot{width:100px;height:26px;background:#ed8c41;right:29px;top:44px;transform:rotate(-32deg);border-radius:100%}.greens{width:130px;height:50px;background:#4f874c;left:92px;top:77px}.grain{width:165px;height:60px;background:#efd98a;left:97px;top:118px}.plan-card,.nutrition-note{position:absolute;background:#fff;border-radius:8px;padding:13px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 13px 25px #52724322}.plan-card{bottom:32px;right:24px}.mini-icon{width:27px;height:27px;background:var(--lime);border-radius:50%;display:grid;place-items:center}.plan-card strong,.nutrition-note strong{font-size:12px;display:block}.plan-card small,.nutrition-note small{font-size:10px;color:#789187}.ad-slot{max-width:900px;margin:18px auto 115px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:66px;display:grid;place-items:center;color:#a2aaa0;font-size:9px;letter-spacing:1.3px}.ad-slot span{font-size:10px;letter-spacing:0;margin-top:-22px;color:#bbc1ba}.intro{text-align:center;max-width:670px;margin:0 auto 68px}.intro h2,.builder h2,.movement h2,.join h2{font-size:48px}.intro>p:last-child{color:#527066;line-height:1.6;max-width:530px;margin:21px auto}.path-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1080px;margin:auto;padding:0 25px}.path-card{padding:51px;min-height:325px}.health{background:#d9e77a}.goals{background:#f5b59d}.card-icon{font-size:28px}.card-label{font-size:10px;letter-spacing:1.3px;font-weight:700;margin:34px 0 11px}.path-card h3{font:700 28px/1.05 'Playfair Display';letter-spacing:-1px;margin:0;max-width:350px}.path-card>p:not(.card-label){font-size:13px;line-height:1.45;width:80%;color:#466357}.card-link{font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;display:inline-flex;margin-top:11px;gap:14px}.builder{max-width:1080px;margin:125px auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:0 25px}.builder-visual{height:390px;background:#f3c57e;position:relative;border-radius:190px 190px 6px 6px}.recipe-card{position:absolute;width:250px;background:#fff;left:50%;top:43px;transform:translateX(-50%);border-radius:5px;overflow:hidden;box-shadow:0 15px 30px #986a2b33}.recipe-image{height:155px;background:radial-gradient(circle at 57% 35%,#f6ad63 0 12%,transparent 13%),radial-gradient(circle at 42% 50%,#698b4a 0 20%,transparent 21%),#d9d17e}.recipe-body{padding:16px}.recipe-body span{font-size:9px;letter-spacing:1px;color:#658378}.recipe-body h3{font:700 20px 'Playfair Display';margin:7px 0}.recipe-body p{font-size:10px;color:#779086}.nutrition-note{bottom:27px;right:0}.nutrition-note span{font-size:28px;color:#e99765}.builder-copy>p:not(.eyebrow){line-height:1.65;color:#517066}.builder ul{list-style:none;padding:0;margin:27px 0}.builder li{font-size:13px;margin:12px 0}.builder li span{color:#64823e;margin-right:9px;font-weight:700}.movement{background:var(--ink);color:#fff;padding:88px max(8vw,25px);display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.movement .eyebrow{color:#b8ca9b}.movement h2{color:#fff}.movement p:not(.eyebrow){line-height:1.6;color:#c3d0c9;max-width:370px;margin:24px 0 28px}.workout-grid{display:flex;gap:15px}.workout-card{height:270px;flex:1;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.yoga{background:linear-gradient(#b6c6a4bb,#83926d),#829476}.strength{background:linear-gradient(#d8896a99,#7d4534),#a8654e}.workout-card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,#f7e0c7 0 9%,transparent 10%),linear-gradient(90deg,transparent 45%,#375645aa 46% 54%,transparent 55%);opacity:.8}.workout-card>*{position:relative}.workout-card span{font-size:9px;letter-spacing:1px;font-weight:700}.workout-card h3{font:700 24px 'Playfair Display';margin:9px 0}.workout-card button{width:30px;height:30px;border-radius:50%;border:1px solid #fff;background:transparent;color:#fff;font-size:10px}.join{text-align:center;padding:116px 20px}.join p:not(.eyebrow){color:#55746a;max-width:410px;margin:23px auto 28px;line-height:1.6}.join h2{font-size:50px}footer{border-top:1px solid var(--line);padding:28px 6.5vw;display:flex;align-items:center;justify-content:space-between}footer p,footer span{font-size:11px;color:#799086}.modal{position:fixed;inset:0;background:#173a3199;display:none;place-items:center;padding:20px;z-index:5}.modal.show{display:grid}.modal-panel{background:var(--cream);width:min(450px,100%);padding:43px;position:relative;border-radius:7px}.modal-panel h2{font-size:38px}.modal-panel>p:not(.eyebrow){color:#55746a;line-height:1.5}.close{position:absolute;top:14px;right:17px;border:0;background:none;font-size:28px;color:var(--ink);cursor:pointer}form{display:grid;gap:14px;margin-top:24px}label{font-size:12px;font-weight:700;display:grid;gap:6px}input{border:1px solid #ccd6cc;background:#fff;padding:12px;border-radius:3px;font:14px 'DM Sans'}.modal-panel small{display:block;text-align:center;color:#789187;margin-top:16px;font-size:10px}@media(max-width:720px){.site-header{padding:0 20px}.site-header nav,.text-button{display:none}.hero{display:block;padding:60px 25px 0}.hero h1{font-size:51px}.hero-art{margin:45px 0 0;min-height:370px}.people-line{margin:35px 0}.ad-slot{margin:35px 25px 75px}.intro{padding:0 25px}.intro h2,.builder h2,.movement h2,.join h2{font-size:38px}.path-grid,.builder,.movement{grid-template-columns:1fr}.path-grid{padding:0}.path-card{padding:35px}.builder{margin:75px auto;gap:42px}.builder-visual{height:340px}.movement{padding:65px 25px}.workout-grid{min-height:220px}.workout-card{height:220px;padding:15px}.workout-card h3{font-size:20px}footer{padding:24px 20px;gap:15px;flex-wrap:wrap}footer p{display:none}}
.modal-panel{max-height:calc(100vh - 40px);overflow-y:auto}
@media(min-width:721px){.modal-panel{width:min(760px,100%)!important}.food-picker{max-height:42vh!important;overflow:auto!important;padding-right:8px!important}}
.kitchen-food-option{border:1px solid #b7c8b8;background:#fff;color:var(--ink);padding:7px 9px;border-radius:15px;cursor:pointer;font:600 12px 'DM Sans'}.kitchen-food-option.selected{background:var(--lime);border-color:#a7b94d}.kitchen-picked{display:inline-block;margin:0 4px 5px 0;padding:4px 8px;border-radius:12px;background:#eaf0d2;font-size:.8rem;text-transform:capitalize}
.meal-plan-layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 1.25rem;
  border: 1px solid #e4ded4;
  border-radius: 10px;
  background: #fffdf8;
  overflow: hidden;
}

.meal-plan-column {
  min-width: 0;
  max-height: 65vh;
  overflow: auto;
  padding: 1.1rem;
}

.meal-plan-column + .meal-plan-column {
  border-left: 1px solid #e4ded4;
}

.kitchen-plan-column #kitchen-meal-maker {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* The kitchen tool already has its own ingredient list scroll and the page scroll.
   Do not add a third scroll bar around the entire tool. */
.kitchen-plan-column {
  max-height: none;
  overflow: visible;
}

.future-plan-column {
  background: #f6f7ee;
}

.modal.plan-screen {
  display: block;
  padding: 0;
  background: var(--cream);
  overflow-y: auto;
}

.modal.plan-screen .modal-panel {
  width: 100% !important;
  min-height: 100vh;
  max-height: none;
  overflow: visible;
  border-radius: 0;
  padding: 30px clamp(20px, 4vw, 64px) 52px;
}

.modal.plan-screen .modal-panel > .close,
.modal.plan-screen .modal-panel > #account-switch,
.modal.plan-screen .modal-panel > small {
  display: none;
}

.plan-screen-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  max-width: 1500px;
  margin: 0 auto;
}

.plan-screen-top p { margin: 0 !important; text-align: left !important; }
.plan-screen-top .text-button { display: inline-block; text-decoration: underline; white-space: nowrap; }

/* The public start page is divided into three clear color sections. */
.hero { display: none; }
.join-message { background:#174a3f; color:#fffdf8; text-align:center; padding:12px 20px; font-size:15px; letter-spacing:.1px; }
.join-message strong { color:#d8e675; margin-right:4px; }
.home-trio { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); min-height:calc(100vh - 82px); }
.home-section { min-width:0; min-height:540px; padding:clamp(42px,7vw,110px) clamp(24px,4vw,70px); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.home-section h1,.home-section h2 { font:700 clamp(38px,4vw,64px)/.98 'Playfair Display',serif; letter-spacing:-2px; margin:0; color:var(--ink); }
.home-section > p:not(.eyebrow) { font-size:17px; line-height:1.6; max-width:340px; margin:25px 0 30px; color:#34594f; }
.home-section .button { align-self:center; }
.home-planner { background:#d8e675; }
.home-kitchen { background:#f5c69d; }
.home-later { background:#bfd8d0; }
.home-section + .home-section { border-left:1px solid #ffffff88; }
.home-soon { font-size:13px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:#34594f; }

.access-popup { display:none; position:fixed; inset:0; z-index:100; align-items:center; justify-content:center; padding:20px; background:rgba(11, 45, 37, .62); }
.access-popup.show { display:flex; }
.access-popup-card { position:relative; width:min(480px, 100%); padding:38px; border-radius:16px; background:#fffdf8; color:#123f35; box-shadow:0 24px 70px rgba(0,0,0,.3); }
.access-popup-card h2 { margin:8px 34px 12px 0; font-size:clamp(28px, 5vw, 42px); line-height:1.05; }
.access-popup-card p:not(.eyebrow) { font-size:18px; line-height:1.5; }
.access-popup-close { position:absolute; top:16px; right:18px; border:0; background:transparent; color:#123f35; font-size:32px; line-height:1; cursor:pointer; }
.access-popup-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:26px; }

@media (max-width: 900px) {
  .home-trio { grid-template-columns:1fr; min-height:0; }
  .home-section { min-height:410px; }
  .home-section + .home-section { border-left:0; border-top:1px solid #ffffff88; }
  .meal-plan-layout { grid-template-columns: 1fr; }
  .meal-plan-column { max-height: none; overflow: visible; }
  .meal-plan-column + .meal-plan-column { border-left: 0; border-top: 1px solid #e4ded4; }
}