/* Not Yet · paper, copper and real application screens. See DESIGN.md. */
:root{
  --paper:#f2eee8;--surface:#fff;--ink:#29241f;--muted:#655d53;
  --line:#dfd8cd;--accent:#9b4c18;--on-accent:#fffaf5;--soft:#f5e7da;
  --canvas:#eae4db;--shell:#302922;--shadow:0 20px 48px #30292214;
  --font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);--radius:24px;
}
*{box-sizing:border-box}html{scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}h1,h2{letter-spacing:-.025em;font-weight:650}h2{font-size:clamp(34px,3.35vw,48px);line-height:1.12}h3{font-size:24px;line-height:1.22;letter-spacing:-.025em;font-weight:600}p{text-wrap:pretty}p,li{overflow-wrap:break-word}p{color:var(--muted)}h1 span,h2 span{color:var(--accent)}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.section-space{padding-block:104px}.kicker,.eyebrow{font-size:14px;font-weight:550;letter-spacing:.015em;line-height:1.4;color:var(--accent)}.kicker{margin-bottom:20px}.section-head{margin-bottom:48px}.section-head>p:last-child:not(.kicker){margin-top:24px;font-size:19px}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--accent);color:var(--on-accent);border-radius:12px;padding:16px 24px;font-weight:600;font-size:17px;line-height:1.4}.button span{font-size:22px;line-height:1}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:650;font-size:24px;letter-spacing:-.045em}.brand img{flex:none}.masthead{display:flex;align-items:center;justify-content:space-between;padding-block:28px;gap:32px}.masthead nav{display:flex;gap:32px;font-size:14px;color:var(--muted)}.masthead nav a{min-height:44px;display:flex;align-items:center}.skip{position:absolute;top:8px;left:8px;transform:translateY(-180%);background:var(--surface);padding:12px;z-index:5}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
/* One visual focus: the meal's journey from photo to actual diary entry. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;min-height:688px;padding-top:24px;padding-bottom:64px}.hero-copy{min-width:0;padding-bottom:12px}.hero h1{font-size:clamp(48px,5.2vw,74px);line-height:1.05;margin-top:24px}.hero-intro{font-size:20px;max-width:460px;margin:28px 0 32px;line-height:1.5}.hero-scene{position:relative;min-width:0;height:590px;isolation:isolate}.hero-orbit{position:absolute;width:490px;max-width:100%;aspect-ratio:1;top:44px;right:0;border:1px solid var(--line);border-radius:50%;z-index:-1}.hero-orbit::before{content:"";position:absolute;inset:28px;border:1px solid var(--line);border-radius:50%}.camera-phone{position:absolute;top:0;left:10%;width:252px;padding:7px;background:var(--shell);color:var(--on-accent);border-radius:34px;transform:rotate(-5deg);box-shadow:var(--shadow);overflow:hidden}.camera-phone img{width:100%;border-radius:27px}.hero-result{position:absolute;right:0;bottom:36px;width:350px;box-shadow:var(--shadow);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;overflow:hidden}.hero-result>img{width:100%}.result-label{display:flex;align-items:center;gap:10px;padding:16px 22px 0;color:var(--accent);font-size:14px;font-weight:550;background:var(--surface)}.check{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid var(--accent);border-radius:50%;font-size:13px}
/* The obstacle is daily counting work, not the food itself. */
.situation{border-block:1px solid var(--line);padding-block:72px}.situation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:88px;align-items:start}.situation h2{font-size:clamp(30px,2.8vw,40px)}.situation .kicker{margin-bottom:16px}.pain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.pain-list li{position:relative;padding-left:32px;font-size:20px;line-height:1.4;color:var(--muted)}.pain-list li::before{content:"";position:absolute;left:0;top:.43em;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--accent)}
/* Equal illustration stages, real app renders at their intrinsic ratio. */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.step-copy{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:center;margin-bottom:24px}.step-number{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--accent);border-radius:50%;font-size:14px;color:var(--accent)}.step-copy h3{font-size:21px}.step-copy p{grid-column:2;font-size:15px;line-height:1.5}.step-stage{height:472px;border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.photo-stage img{width:196px;border:1px solid var(--line);border-radius:18px}.composition-stage img{width:310px;box-shadow:0 12px 32px #30292209;border-radius:20px}.day-stage img{width:278px}
.other-inputs{background:var(--surface);color:var(--ink)}.barcode-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:80px;align-items:center;padding:48px;background:var(--paper);color:var(--ink);border-radius:var(--radius);border:1px solid var(--line)}.story-copy h3{font-size:32px;line-height:1.15;margin:24px 0 20px}.story-copy p{max-width:340px}.mode-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--accent);border:1px solid var(--line);border-radius:12px}.mode-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.barcode-scene{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;gap:32px}.scan-frame{width:186px;transform:rotate(-5deg);border-radius:20px;overflow:hidden;border:4px solid var(--shell);box-shadow:var(--shadow);flex:none}.product-frame{width:238px;height:370px;flex:none;overflow:hidden;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);background:var(--paper);color:var(--ink)}.product-frame img{width:100%;max-width:none}.scan-arrow{position:absolute;left:42%;top:50%;font-size:28px;color:var(--accent);background:var(--paper);border-radius:50%;width:40px;height:40px;text-align:center;z-index:1}.shortcuts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:32px}.shortcuts article{min-width:0;padding:40px 40px 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);overflow:hidden;display:flex;flex-direction:column}.shortcut-copy h3{font-size:32px;line-height:1.15;margin-bottom:20px}.shortcut-copy .kicker{margin-bottom:16px}.shortcut-copy>p:last-child{font-size:17px}.text-fragment{position:relative;height:218px;margin:32px -40px 0;overflow:hidden}.text-fragment img{position:absolute;bottom:24px;left:0;width:100%;max-width:none}.history-fragment{height:218px;margin:32px -8px 0;overflow:hidden;border:1px solid var(--line);border-radius:16px 16px 0 0}.history-fragment img{width:100%}
.benefits .section-head{max-width:920px}.insight-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:104px;align-items:center}.day-proof{padding:24px;background:var(--canvas);color:var(--ink);border-radius:var(--radius);border:1px solid var(--line)}.day-proof img{width:100%;max-width:370px;margin:auto}.insight-copy article{position:relative;padding-left:24px}.insight-copy article+article{margin-top:40px}.insight-copy h3{font-size:23px;margin-bottom:12px}.insight-dot{position:absolute;top:8px;left:0;width:8px;height:8px;border:1px solid var(--accent);border-radius:50%}.nutrient-fragment{position:relative;height:245px;overflow:hidden;border:1px solid var(--line);border-radius:16px;margin-top:24px;background:var(--surface);color:var(--ink)}.nutrient-fragment img{width:100%;position:absolute;top:-32%;max-width:none}.insight-end{font-size:21px;line-height:1.45;color:var(--accent);margin:32px 0 0 24px}
/* Approved option A: one quiet ledger, two explicit complete prices, CTA below. */
.pricing{background:var(--canvas);color:var(--ink);border-block:1px solid var(--line)}.pricing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:104px;align-items:start}.pricing-copy>p:last-child{margin-top:24px;font-size:18px}.offer-ledger{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;overflow:hidden}.offer-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;min-height:118px}.offer-row h3{font-size:23px}.offer-amount{font-size:48px;line-height:1.1;letter-spacing:-.04em;font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}.offer-amount span{font-size:26px;font-weight:450}.offer-row-year{background:var(--soft);color:var(--ink);border-top:1px solid var(--line)}.offer-row-year .offer-amount{color:var(--accent)}.offer-name{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.offer-saving{font-size:12px;font-weight:650;line-height:1.3;padding:5px 8px;border-radius:6px;background:var(--accent);color:var(--on-accent)}.offer-value{text-align:right}.offer-equivalent{margin-top:8px;font-size:16px;color:var(--accent)}.trial{margin-top:28px}.trial h3{font-size:20px;margin-bottom:20px}.trial .button{width:100%;justify-content:space-between}.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:104px}.faq h2{font-size:40px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:18px;font-weight:550;line-height:1.4}.faq summary::-webkit-details-marker{display:none}.faq summary span{flex:none;color:var(--accent);font-size:24px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details>p{font-size:16px;max-width:540px;padding-bottom:24px}.footer{border-top:1px solid var(--line);padding-block:40px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:start}.footer-merchant{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.footer nav{display:flex;flex-direction:column;gap:8px;font-size:12px}.footer nav a{min-height:24px}
@media(hover:hover) and (pointer:fine){.button:hover{filter:brightness(.95)}.button span{transition:transform .22s var(--ease)}.button:hover span{transform:translate(2px,-2px)}nav a:hover{text-decoration:underline;text-underline-offset:5px}}
@media(prefers-reduced-motion:no-preference){.hero-result{animation:arrive .65s var(--ease) both}.camera-phone{animation:phone-arrive .65s var(--ease) both}@keyframes arrive{from{opacity:.6;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes phone-arrive{from{opacity:.6;translate:0 8px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){.button span{transition:none}.button:hover span{transform:none}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:32px}.hero-scene{height:530px}.camera-phone{width:222px;left:5%}.hero-result{width:310px;bottom:20px}.hero h1{font-size:56px}.hero-intro{font-size:18px}.situation-grid{gap:48px}.section-space{padding-block:80px}.step-stage{height:440px;padding:16px}.photo-stage img{width:186px}.step-copy{grid-template-columns:28px 1fr;gap:8px}.step-number{width:28px;height:28px}.step-copy h3{font-size:19px}.step-copy p{font-size:14px}.barcode-story{gap:32px;padding:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.barcode-scene{min-height:350px;gap:24px}.scan-frame{width:144px}.product-frame{width:198px;height:320px}.story-copy h3{font-size:29px}.shortcuts article{padding:32px 32px 0}.text-fragment{margin-inline:-32px}.insight-layout,.pricing-layout,.faq{gap:56px}.nutrient-fragment{height:205px}.offer-row{padding:24px}.offer-amount{font-size:42px}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:32px;padding-bottom:56px;min-height:0}.hero-copy{max-width:560px;padding:0}.hero h1{font-size:clamp(44px,7vw,58px)}.hero-intro{max-width:480px}.hero-scene{width:480px;max-width:100%;height:500px;margin:0 auto}.camera-phone{width:222px;left:12%}.hero-result{width:310px;right:0;bottom:0}.situation-grid{grid-template-columns:minmax(0,1fr);gap:32px}.situation{padding-block:56px}.situation h2{font-size:36px}.pain-list{gap:20px}.steps{gap:16px}.step-copy{display:flex;flex-wrap:wrap;gap:12px}.step-copy h3{font-size:19px}.step-copy p{flex:1 0 100%;min-height:42px}.step-stage{height:360px;padding:10px}.photo-stage img{width:148px}.composition-stage img{border-radius:12px}.barcode-story{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px}.story-copy h3{margin-top:20px}.story-copy p{max-width:480px}.barcode-scene{min-height:420px;max-width:480px;width:100%;margin:auto;gap:32px}.scan-frame{width:178px}.product-frame{width:222px;height:362px}.shortcuts{gap:24px}.shortcut-copy h3{font-size:27px}.shortcuts article{padding:28px 24px 0}.text-fragment{margin-inline:-24px}.history-fragment{margin-inline:0}.shortcut-copy>p:last-child{font-size:16px}.insight-layout{gap:40px}.insight-copy h3{font-size:21px}.insight-copy p{font-size:16px}.nutrient-fragment{height:160px}.insight-end{font-size:18px!important}.pricing-layout{grid-template-columns:minmax(0,1fr);gap:40px}.pricing-copy h2 br{display:none}.offer{max-width:600px;width:100%}.faq{grid-template-columns:minmax(0,1fr);gap:32px}.faq h2 br{display:none}.footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer .brand{grid-column:1/-1}.footer nav{justify-self:end}}
@media(max-width:600px){.wrap{width:calc(100% - 48px)}.masthead{padding-block:20px;gap:12px}.brand{font-size:22px;gap:8px}.brand img{width:28px;height:28px}.masthead nav{gap:20px;font-size:13px}.masthead nav a:first-child{display:none}.hero{padding-top:28px;gap:32px}.eyebrow{font-size:12px;letter-spacing:.01em}.hero h1{font-size:clamp(40px,10.5vw,56px);margin-top:20px}.hero-intro{font-size:17px;line-height:1.5;margin:24px 0}.hero .button{width:100%;justify-content:space-between}.hero-scene{height:380px}.camera-phone{width:174px;left:10%;border-radius:28px;padding:6px}.camera-phone img{border-radius:22px}.hero-result{width:272px;bottom:0;border-radius:16px}.result-label{padding:12px 18px 0;font-size:12px}.check{width:20px;height:20px}.hero-orbit{top:48px;width:320px}.hero-orbit::before{inset:20px}.situation{padding-block:48px}.situation-grid{gap:28px}.situation h2{font-size:30px;line-height:1.16}.kicker{font-size:12px;margin-bottom:16px}.pain-list li{font-size:17px;padding-left:26px}.pain-list li::before{width:9px;height:9px}.section-space{padding-block:64px}h2{font-size:32px;line-height:1.15}.section-head{margin-bottom:32px}.section-head>p:last-child:not(.kicker){font-size:17px;line-height:1.5;margin-top:20px}.steps{grid-template-columns:minmax(0,1fr);gap:32px}.step-copy{display:grid;grid-template-columns:32px 1fr;gap:10px 12px;margin-bottom:16px}.step-number{width:32px;height:32px}.step-copy h3{font-size:21px}.step-copy p{grid-column:2;min-height:0;font-size:15px}.step-stage{height:394px;padding:16px;border-radius:20px}.photo-stage img{width:170px}.composition-stage img{width:100%;max-width:294px;border-radius:18px}.day-stage img{width:248px}.barcode-story{padding:24px 20px;border-radius:20px;gap:24px}.story-copy h3{font-size:28px;margin:20px 0 16px}.story-copy p{font-size:16px;line-height:1.55}.mode-icon{width:40px;height:40px}.mode-icon svg{width:26px;height:26px}.barcode-scene{gap:16px;min-height:294px;align-items:center}.scan-frame{width:112px;border-width:3px;border-radius:14px}.product-frame{width:160px;height:254px;border-radius:12px}.scan-arrow{left:37%;font-size:22px;width:30px;height:30px}.shortcuts{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}.shortcuts article{padding:28px 24px 0;border-radius:20px}.shortcut-copy h3{font-size:28px;margin-bottom:16px}.text-fragment{height:148px;margin-top:24px}.text-fragment img{bottom:20px}.history-fragment{height:244px;margin-top:24px}.history-fragment img{width:100%}.insight-layout{grid-template-columns:minmax(0,1fr);gap:32px}.day-proof{padding:20px}.day-proof img{max-width:310px}.insight-copy article{padding-left:24px}.insight-copy h3{font-size:22px}.insight-copy p{font-size:17px}.insight-copy article+article{margin-top:28px}.nutrient-fragment{height:220px;margin-top:20px}.nutrient-fragment img{top:-31%}.insight-end{margin-top:24px}.pricing-layout{gap:32px}.pricing-copy>p:last-child{font-size:17px;margin-top:20px}.offer-row{padding:24px;gap:16px;min-height:108px}.offer-row h3{font-size:22px}.offer-amount{font-size:40px}.offer-amount span{font-size:24px}.offer-equivalent{font-size:15px}.trial{margin-top:24px}.trial h3{font-size:18px;margin-bottom:16px}.faq h2{font-size:32px}.faq summary{padding:20px 0;gap:20px;font-size:17px}.faq details>p{font-size:16px}.footer{padding-block:32px;gap:24px;grid-template-columns:1fr}.footer nav{justify-self:start;flex-direction:row;flex-wrap:wrap;gap:12px 24px}.footer-merchant{font-size:11px}.button{min-height:54px;font-size:16px;padding:15px 20px}}
@media(max-width:360px){.wrap{width:calc(100% - 40px)}.hero h1{font-size:38px}.hero-scene{height:360px}.camera-phone{width:158px;left:8%}.hero-result{width:244px}.result-label{font-size:11px}.hero-intro{font-size:16px}.situation h2{font-size:28px}h2{font-size:30px}.barcode-story{padding:24px 16px}.barcode-scene{gap:12px;min-height:266px}.scan-frame{width:98px}.product-frame{width:140px;height:236px}.shortcuts article{padding:24px 20px 0}.text-fragment{margin-inline:-20px}.offer-row{padding:22px 20px}.offer-amount{font-size:35px}.offer-row h3{font-size:20px}.nutrient-fragment{height:190px}.hero .button{gap:16px}.masthead nav{font-size:12px}}

/* Keep complete product evidence readable rather than clipping away the result. */
.nutrient-fragment{height:auto;aspect-ratio:780/490}.nutrient-fragment img{top:0;transform:translateY(-17%)}
.history-fragment{height:360px;position:relative}.history-fragment img{position:absolute;top:0;transform:translateY(-24%)}
@media(max-width:600px){.history-fragment{height:300px}.history-fragment img{transform:translateY(-23%)}}

/* Close-up shows the contribution itself, without mixing different daily totals. */
.nutrient-fragment{aspect-ratio:780/208}.nutrient-fragment img{transform:translateY(-31.3%)}
@media(max-width:600px){.barcode-scene{min-height:340px}.scan-frame{position:absolute;left:-6px;width:112px}.product-frame{width:204px;height:325px;margin-left:auto}.scan-arrow{left:24%;top:50%}.footer nav a{min-height:44px;display:flex;align-items:center}}
@media(max-width:360px){.barcode-scene{min-height:308px}.scan-frame{width:92px}.product-frame{width:180px;height:292px}.scan-arrow{left:20%}}

/* Revision 2: one argument across the page, same Not Yet identity.
   Techniques: layered meal/result, consistent illustration stages, rare copper accents. */
.hero-intro{max-width:450px}.hero-result{width:370px}.hero-orbit{border-color:var(--line)}
.situation{padding-block:80px}.situation-grid{align-items:center}.situation h2{font-size:clamp(32px,3vw,43px);max-width:540px;line-height:1.16}.pain-list{gap:28px}.pain-list li{max-width:480px;font-size:21px;line-height:1.45}
.how{padding-bottom:88px}.steps{gap:24px}.step-copy p{min-height:44px}.step-stage{height:432px}.photo-stage{padding:24px;background:var(--canvas);color:var(--ink)}.photo-crop{width:100%;max-width:300px;aspect-ratio:768/860;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink)}.photo-crop img{width:100%;max-width:none;border:0;border-radius:0}.composition-stage img{width:100%;max-width:310px;box-shadow:none}.day-stage img{width:252px}.photo-honesty{display:flex;align-items:baseline;gap:12px;max-width:750px;margin:28px auto 0;font-size:14px;line-height:1.6}.photo-honesty span{font-size:22px;color:var(--accent);flex:none;line-height:1}
.benefits{padding-top:88px;border-top:1px solid var(--line)}.benefits .section-head{max-width:960px}.insight-layout{align-items:center;gap:88px}.insight-copy h3{font-size:23px}.insight-copy article+article{margin-top:32px}.insight-copy .nutrient-fragment{aspect-ratio:780/755;height:auto;margin-top:24px}.insight-copy .nutrient-fragment img{top:0;transform:none}.insight-end{font-size:21px}
.repeat-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:48px 64px;background:var(--paper);color:var(--ink)}.repeat-copy{max-width:400px}.repeat-copy h3{font-size:36px;line-height:1.15;margin:24px 0 20px}.repeat-copy>p{font-size:18px;line-height:1.55}.repeat-copy .repeat-note{font-size:15px;margin-top:24px;color:var(--accent)}.repeat-preview{width:100%;max-width:296px;justify-self:center;overflow:hidden;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.repeat-preview img{width:100%}.daily-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px}.daily-shortcuts article{min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:40px;background:var(--paper);color:var(--ink)}.daily-shortcuts .shortcut-copy h3{font-size:30px;line-height:1.17}.daily-shortcuts .shortcut-copy p:last-child{font-size:17px;min-height:54px}.daily-shortcuts .barcode-scene{min-height:356px;gap:24px;margin-top:32px;max-width:440px;margin-inline:auto}.daily-shortcuts .scan-frame{width:142px}.daily-shortcuts .product-frame{width:204px;height:326px}.daily-shortcuts .scan-arrow{left:38%}.daily-shortcuts .voice-story{display:flex;flex-direction:column}.voice-visual{margin-block:auto;padding-block:48px 32px}.spoken-phrase{display:flex;align-items:center;gap:16px;margin:0 8px 28px}.spoken-phrase p{color:var(--ink);font-size:25px;line-height:1.25;letter-spacing:-.02em}.voice-mark{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex:none;color:var(--accent);background:var(--surface)}.voice-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.composer-closeup{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);color:var(--ink)}.composer-closeup img{width:100%}.voice-note{font-size:14px;text-align:center;margin-top:24px}.pricing-copy p:last-child{max-width:370px}.trial-note{margin:-8px 0 20px;font-size:14px}.trial h3{font-size:21px}.pricing-layout{align-items:center}
@media(max-width:1100px){.hero-result{width:320px}.situation{padding-block:64px}.situation-grid{gap:56px}.pain-list li{font-size:19px}.step-stage{height:396px}.photo-stage{padding:16px}.photo-crop{max-width:250px}.day-stage img{width:232px}.repeat-story{padding:40px;gap:48px}.repeat-copy h3{font-size:32px}.repeat-copy>p{font-size:17px}.repeat-preview{max-width:264px}.daily-shortcuts article{padding:32px}.daily-shortcuts .barcode-scene{gap:16px;min-height:320px}.daily-shortcuts .scan-frame{width:120px}.daily-shortcuts .product-frame{width:178px;height:294px}.daily-shortcuts .shortcut-copy h3{font-size:27px}.spoken-phrase p{font-size:23px}.spoken-phrase{gap:12px;margin-inline:0}}
@media(max-width:800px){.situation-grid{gap:32px}.situation h2{max-width:600px}.pain-list li{max-width:560px}.step-stage{height:320px;padding:12px}.photo-crop{border-radius:14px}.day-stage img{width:188px}.step-copy p{min-height:64px}.insight-layout{gap:40px}.insight-copy h3{font-size:21px}.insight-copy .nutrient-fragment{margin-top:20px}.repeat-story{gap:32px;padding:32px}.repeat-copy h3{font-size:29px}.repeat-copy>p{font-size:16px}.repeat-preview{max-width:240px}.daily-shortcuts{gap:24px}.daily-shortcuts article{padding:28px 24px}.daily-shortcuts .barcode-scene{gap:8px;min-height:260px}.daily-shortcuts .scan-frame{width:90px}.daily-shortcuts .product-frame{width:142px;height:240px}.daily-shortcuts .scan-arrow{font-size:22px;width:30px;height:30px;left:34%}.daily-shortcuts .shortcut-copy h3{font-size:26px}.daily-shortcuts .shortcut-copy p:last-child{font-size:16px}.spoken-phrase{flex-direction:column;align-items:flex-start;gap:20px}.spoken-phrase p{font-size:25px}.voice-visual{padding-top:32px}.voice-note{text-align:left}.trial h3{font-size:20px}}
@media(max-width:600px){.hero-result{width:278px}.hero-scene{height:392px}.situation{padding-block:48px}.situation h2{font-size:31px;line-height:1.17}.situation .kicker{max-width:220px;font-size:12px}.pain-list{gap:24px}.pain-list li{font-size:18px;line-height:1.45}.how{padding-bottom:56px}.step-copy p{min-height:0}.step-stage{height:384px;padding:20px}.photo-crop{max-width:288px;border-radius:18px}.day-stage img{width:238px}.photo-honesty{font-size:13px;gap:10px;margin-top:24px;line-height:1.55}.photo-honesty span{font-size:20px}.benefits{padding-top:56px}.insight-copy h3{font-size:22px}.insight-copy .nutrient-fragment{max-width:380px}.insight-copy .insight-end{font-size:19px!important}.repeat-story{grid-template-columns:minmax(0,1fr);padding:28px 24px;gap:32px;border-radius:20px}.repeat-copy h3{font-size:29px;margin:20px 0 16px}.repeat-copy>p{font-size:16px}.repeat-copy .repeat-note{font-size:14px;margin-top:16px}.repeat-preview{max-width:270px;width:100%;border-radius:16px;box-shadow:none}.daily-shortcuts{grid-template-columns:minmax(0,1fr);margin-top:24px}.daily-shortcuts article{padding:28px 24px;border-radius:20px}.daily-shortcuts .shortcut-copy h3{font-size:28px}.daily-shortcuts .shortcut-copy p:last-child{min-height:0;font-size:16px}.daily-shortcuts .barcode-scene{min-height:340px;margin-top:24px;gap:16px}.daily-shortcuts .scan-frame{width:108px;left:-4px}.daily-shortcuts .product-frame{width:204px;height:325px}.daily-shortcuts .scan-arrow{left:24%}.spoken-phrase{flex-direction:row;align-items:center;margin-bottom:24px}.spoken-phrase p{font-size:24px}.voice-visual{margin:0;padding:32px 0 0}.voice-note{margin-top:20px;text-align:left;font-size:13px}.trial h3{font-size:19px}.trial-note{font-size:13px;margin:-4px 0 20px}}
@media(max-width:360px){.hero-result{width:248px}.hero-scene{height:360px}.situation h2{font-size:28px}.pain-list li{font-size:17px}.step-stage{height:340px;padding:16px}.day-stage img{width:210px}.repeat-story{padding:24px 20px}.repeat-copy h3{font-size:27px}.daily-shortcuts article{padding:24px 20px}.daily-shortcuts .shortcut-copy h3{font-size:26px}.daily-shortcuts .barcode-scene{min-height:308px}.daily-shortcuts .scan-frame{width:90px}.daily-shortcuts .product-frame{width:180px;height:292px}.spoken-phrase p{font-size:21px}.voice-mark{width:40px;height:40px}.trial h3{font-size:18px}}
.insight-layout{align-items:start}.insight-copy .nutrient-fragment{border-radius:28px}.daily-shortcuts .product-frame{position:relative;z-index:2}.daily-shortcuts .scan-frame{z-index:0}.daily-shortcuts .scan-arrow{z-index:3}.voice-to-result{display:block;text-align:center;font-size:24px;line-height:1;color:var(--accent);margin:12px 0}.voice-result{max-width:360px;margin-inline:auto;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.voice-result img{width:100%}.voice-visual{padding-block:32px 8px}.spoken-phrase{margin-bottom:20px}.voice-note{margin-top:16px}
@media(max-width:600px){.insight-copy .nutrient-fragment{border-radius:20px}.voice-visual{padding-top:28px}.voice-result{border-radius:12px}}

/* Expand the logo link target without changing its artwork. */
.brand{min-height:44px}