/* The live palette, typography and sections are retained. Only the hero and
   superseded product explanation receive new visual treatment. */
.preview-notice{padding:7px 16px;text-align:center;font:10px/1.4 DM,system-ui,sans-serif;letter-spacing:.03em;color:#535965;background:#dce0e6}.preview-notice span{margin:0 5px}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:8px;min-height:min(800px,calc(100svh - 128px));padding:0 0 46px;position:relative;isolation:isolate}
.hero .copy{position:relative;z-index:1;padding-top:0;padding-bottom:34px}
.hero h1{font-size:clamp(80px,7.6vw,118px);line-height:.98;letter-spacing:-.035em;margin-bottom:30px}
.hero h1 em{font-weight:400;color:var(--blue)}
.hero .description{max-width:25ch;font-size:20px;line-height:1.6}
.hero .eyebrow{letter-spacing:.16em;font-size:11px}
.cinematic{position:relative;align-self:stretch;justify-content:center;gap:0;min-width:0;perspective:none}
.hero-film{width:min(calc(100% + 80px),calc((100svh - 180px)*.8));min-width:450px;max-width:680px;margin:-22px -40px -18px;mix-blend-mode:multiply;transform:translateY(var(--film-y,0px));mask-image:linear-gradient(to bottom,transparent,black 7%,black 88%,transparent),linear-gradient(to right,transparent,black 8%,black 90%,transparent);mask-composite:intersect}
.hero-film video{display:block;width:100%;height:auto;aspect-ratio:4/5}
.film-caption{display:flex;align-items:center;gap:20px;justify-content:center;width:100%;position:relative;z-index:1;color:var(--muted);font-size:11px}
.film-caption button{padding:10px 0 10px 12px;background:transparent;color:var(--muted);min-height:44px;white-space:nowrap;font-size:10px;display:flex;gap:10px;align-items:center}
.film-caption button span{font-size:13px}.illustration-note{font-size:9px;color:#535965;letter-spacing:.025em}
.product-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;border-top:1px solid #d2d6de}
.product-copy h2{max-width:9em}.product-copy .section-intro{margin-top:28px;max-width:31ch;min-height:120px}
.product-tabs{display:flex;gap:4px;width:fit-content;padding:5px;border-radius:17px;background:#dce0e6;margin-top:26px;box-shadow:inset 2px 2px 4px #a3b1c633,inset -2px -2px 4px #ffffff88}
.product-tabs button{min-height:46px;min-width:89px;border-radius:13px;padding:12px 18px;background:transparent;color:var(--muted);font-size:14px}
.product-tabs button[aria-selected=true]{background:var(--ground);color:#0058bd;box-shadow:var(--soft);font-weight:600}
.product-detail{font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0 0;min-height:38px}
.card-showcase{padding:29px 30px 26px;background:var(--ground);box-shadow:-8px -8px 22px #ffffffa6,8px 8px 22px #a3b1c652;border-radius:30px;max-width:510px;width:100%;justify-self:end;position:relative}
.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}
.card-wordmark{font-size:10px;font-weight:600;letter-spacing:.08em;padding:9px 13px;border-radius:20px;box-shadow:inset -3px -3px 6px #fffd,inset 3px 3px 6px #a3b1c666;color:#555963}
.sample-label{font-size:9px;letter-spacing:.12em;color:var(--muted)}
.product-panel{min-height:448px}.product-panel[hidden]{display:none}
.sample-date{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:19px;letter-spacing:-.025em;margin-bottom:23px}.sample-date small{font-size:12px;color:var(--muted);letter-spacing:0}.sample-month{font-size:9px;letter-spacing:.06em;color:var(--muted)}
.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:0 0 12px;padding:0 0 15px;border-bottom:1px solid #cdd3dd}
.week-strip>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:67px;font-size:15px;border-radius:14px}.week-strip small{font-size:9px;color:var(--muted)}.week-strip .current{box-shadow:inset 0 0 0 1px #007aff;background:#e9edf3;color:#0058bd}.week-strip i{display:block;width:4px;height:4px;border-radius:50%;background:#468071}.week-strip .open i{background:#a06b28}
.sample-meal{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 0;border-bottom:1px solid #cdd3dd}
.meal-category{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.09em}.meal-category>span{letter-spacing:0;font-size:10px}
.sample-meal h3{font-size:16px;font-weight:500;letter-spacing:-.025em;margin:8px 0 6px;line-height:1.35}.sample-meal p{font-size:11px;color:var(--muted);line-height:1.4}.sample-meal p>span{margin:0 4px}
.sample-poll{width:32px;height:32px;flex:0 0 32px;color:#0067dc}.sample-tools{display:flex;justify-content:space-between;gap:16px;padding-top:24px;color:#0058bd;font-size:12px}.sample-tools span{padding:9px 14px;border-radius:12px;box-shadow:var(--soft)}
.sample-sprite{position:absolute;pointer-events:none}.sample-macros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 0 30px}.sample-macros strong{display:block;font:42px/1 var(--serif);letter-spacing:-.03em;white-space:nowrap}.sample-macros strong small{font-size:12px;color:var(--muted);margin-left:2px}.sample-macros div:last-child strong{font-size:35px;padding-top:6px}.sample-macros div:last-child strong small{font-size:9px}.sample-macros span{font-size:8px;display:block;color:var(--muted);margin:10px 0;white-space:nowrap}.sample-macros i{display:block;height:3px;border-radius:3px;background:linear-gradient(to right,#007aff var(--fill),#c7ced8 var(--fill))}
.logged-heading{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:13px}.logged-heading span{font-size:10px;color:var(--muted)}.logged-check{color:#0067dc;font-size:18px}.sample-footnote{font-size:11px;line-height:1.6;color:var(--muted);margin-top:22px}
.chart-title{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin:30px 0 14px}
.sample-chart{display:flex;gap:13px;height:224px;position:relative;padding-bottom:25px;margin-top:20px}
.sample-bar{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}.sample-bar i{display:block;width:100%;max-width:30px;height:var(--pct);background:#007aff;border-radius:6px 6px 2px 2px}.sample-bar>span{font-size:9px;margin-bottom:8px;color:#535965;z-index:1}.sample-bar small{font-size:10px;position:absolute;bottom:-24px;color:var(--muted)}.sample-bar.missing i{height:3px;background:#a9b3c3}.target-line{position:absolute;left:0;right:0;top:25.4%;border-top:1px dashed #7c8797}.sample-summary{display:flex;gap:20px;align-items:center;margin-top:28px;padding-top:24px;border-top:1px solid #cdd3dd}.sample-summary strong{font:46px/1 var(--serif);letter-spacing:-.03em}.sample-summary strong span{font-size:27px;color:var(--muted)}.sample-summary p{font-size:12px;color:var(--muted)}
#preview-dialog{padding:30px;max-width:430px}#preview-dialog h2{font:40px/1 var(--serif);margin:12px 0 20px}#preview-dialog p{font-size:15px;line-height:1.65;color:var(--muted)}#preview-dialog .close{float:right;margin:-15px -15px 0 0}#preview-dialog .cta{font-size:15px;margin-top:24px;width:100%;gap:15px}
@media(min-width:1500px){.hero{min-height:min(860px,calc(100svh - 128px))}}
@media(max-width:1100px){.hero{gap:0;min-height:680px}.hero h1{font-size:83px}.hero .description{font-size:18px}.hero-film{width:calc(100% + 65px);margin-left:-32px;margin-right:-32px}.film-caption{gap:10px;font-size:10px}.product-section{gap:45px}.card-showcase{padding:25px}.sample-meal h3{font-size:15px}}
@media(max-width:800px){.hero{display:flex;gap:14px;padding:36px 0 46px;min-height:0}.hero .copy{padding-bottom:0}.hero .eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:22px}.hero h1{font-size:clamp(68px,12vw,90px);margin-bottom:23px}.hero .description{font-size:17px;max-width:30ch}.hero .quiet-link{display:none}.hero .smallprint{margin-top:13px}.cinematic{align-self:center;width:100%;max-width:540px;margin-top:0}.hero-film{width:calc(100% + 32px);max-width:580px;margin:-4px -16px -14px}.film-caption{font-size:10px;gap:12px}.film-caption button{font-size:9px}.illustration-note{font-size:8px}.product-section{grid-template-columns:1fr;gap:27px}.product-copy h2{font-size:47px;max-width:10em}.product-copy .section-intro{min-height:0;margin-top:22px;max-width:34ch}.product-tabs{margin-top:23px}.product-detail{min-height:22px;margin-top:15px}.card-showcase{justify-self:center;max-width:510px;padding:25px 22px}.product-panel{min-height:422px}.sample-date{font-size:18px}.sample-meal{padding:17px 0}.sample-meal h3{font-size:15px}.sample-macros{gap:10px}.sample-macros strong{font-size:36px}.sample-macros div:last-child strong{font-size:29px}.sample-macros strong small{font-size:10px}.sample-macros span{font-size:7px}.sample-chart{gap:12px}.preview-notice{font-size:9px;padding:6px 8px}}
@media(max-width:370px){.hero h1{font-size:65px}.hero .description{font-size:16px}.card-showcase{padding:23px 16px}.sample-macros{gap:7px}.week-strip{gap:3px}.sample-date small{font-size:10px}.sample-meal h3{font-size:14px}.film-caption{font-size:9px;gap:5px}}
@media(prefers-reduced-motion:reduce){.hero-film{transform:none!important}}
@media(max-width:800px){.hero-film{min-width:0}}