/* Identity-locked refinement: the same Not Yet palette, type and UI captures.
   Ordered product demonstration -> habitual use -> daily value -> price. */
:root{--section-y:64px;--section-gap:32px}
.section-space{padding-block:var(--section-y)}
.hero{min-height:640px;padding-bottom:40px}
.hero-format{margin-top:14px;max-width:30rem;font-size:14px;line-height:1.5;color:var(--muted)}
.hero-format a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px;margin-block:-11px}
.hero-format a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}
.how{padding-top:40px;padding-bottom:32px}
.section-head{margin-bottom:32px}
.section-head>p:last-child:not(.kicker){margin-top:20px}
.step-copy{margin-bottom:20px}.step-copy p{min-height:44px}
.step-stage{height:384px;padding:20px}
.photo-crop{max-width:256px}
.composition-stage img{max-width:310px}
.day-stage img{width:230px}
.photo-honesty{margin-top:20px}
.other-inputs{padding-top:56px;padding-bottom:56px}
.repeat-story{padding:32px 48px;gap:48px}
.repeat-copy h3{margin:20px 0 16px;font-size:32px}
.repeat-copy>p{font-size:17px}
.repeat-copy .repeat-note{margin-top:16px}
.repeat-preview{max-width:256px;box-shadow:none}
.daily-shortcuts{gap:24px;margin-top:24px}
.daily-shortcuts article{padding:32px}
.daily-shortcuts .shortcut-copy h3{font-size:28px}
.daily-shortcuts .barcode-scene{margin-top:24px;min-height:320px}
.voice-visual{padding-block:28px 8px}
.spoken-phrase{margin-bottom:20px}
.voice-note{margin-top:16px}
.day-value{padding-block:64px}
.value-grid{gap:64px}.value-intro{margin-top:24px}
.value-scene{padding-block:16px}.diary-window{max-width:310px}
.pricing{padding-top:56px;padding-bottom:56px}
.faq{padding-top:56px;padding-bottom:56px}
.footer{padding-block:32px}
@media(max-width:1100px){.repeat-story{padding:32px;gap:32px}.step-stage{height:360px;padding:16px}.photo-crop{max-width:232px}.day-stage img{width:210px}.value-grid{gap:40px}.daily-shortcuts article{padding:28px}.daily-shortcuts .barcode-scene{min-height:292px}.repeat-preview{max-width:240px}}
@media(max-width:800px){.hero{padding-bottom:32px}.how{padding-top:32px}.step-stage{height:320px;padding:12px}.step-copy p{min-height:64px}.photo-crop{max-width:210px}.day-stage img{width:188px}.section-space{padding-block:48px}.other-inputs{padding-block:48px}.day-value{padding-block:48px}.value-grid{gap:28px}.pricing,.faq{padding-block:48px}.daily-shortcuts article{padding:24px}.daily-shortcuts .shortcut-copy h3{font-size:26px}.daily-shortcuts .barcode-scene{margin-top:20px;min-height:272px}.voice-visual{padding-top:24px}}
@media(max-width:600px){
 :root{--section-y:40px}
 .hero{min-height:0;padding-top:20px;padding-bottom:32px}
 .how{padding-top:24px;padding-bottom:32px}
 .section-head{margin-bottom:24px}
 .section-head>p:last-child:not(.kicker){margin-top:16px;font-size:17px}
 .steps{gap:28px}.step-copy{margin-bottom:16px}.step-copy p{min-height:0}
 .step-stage{height:344px;padding:16px;border-radius:20px}
 .photo-crop{max-width:256px;aspect-ratio:768/860;border-radius:16px}
 .composition-stage img{max-width:288px}
 .day-stage img{width:214px}
 .photo-honesty{margin-top:20px;font-size:13px}
 .other-inputs{padding-block:40px}
 .repeat-story{padding:24px;gap:24px;border-radius:20px}
 .repeat-copy h3{font-size:28px;margin:16px 0}
 .repeat-copy>p{font-size:16px}
 .repeat-copy .repeat-note{margin-top:12px;font-size:14px}
 .repeat-preview{max-width:248px;border-radius:16px}
 .daily-shortcuts{gap:20px;margin-top:20px}
 .daily-shortcuts article{padding:24px}
 .daily-shortcuts .shortcut-copy h3{font-size:27px}
 .daily-shortcuts .shortcut-copy p:last-child{min-height:0}
 .daily-shortcuts .barcode-scene{min-height:308px;margin-top:20px}
 .daily-shortcuts .scan-frame{width:102px}.daily-shortcuts .product-frame{width:190px;height:302px}
 .voice-visual{padding-top:24px}.spoken-phrase{gap:12px;margin-bottom:16px}
 .spoken-phrase p{font-size:24px}.voice-result{max-width:320px}
 .day-value{padding-block:40px}.value-grid{gap:24px}
 .value-intro{margin-top:20px}.value-scene{padding-top:12px;padding-bottom:12px}
 .diary-window{max-width:286px}.norm-focus{top:36%;padding:12px 16px}
 .pricing,.faq{padding-block:40px}
 .pricing-copy p:last-child{margin-top:16px}.faq{gap:24px}
}
@media(max-width:360px){.step-stage{height:312px;padding:12px}.photo-crop{max-width:228px}.day-stage img{width:196px}.repeat-story{padding:20px}.repeat-copy h3{font-size:26px}.repeat-preview{max-width:226px}.daily-shortcuts article{padding:20px}.daily-shortcuts .shortcut-copy h3{font-size:25px}.daily-shortcuts .scan-frame{width:88px}.daily-shortcuts .product-frame{width:170px;height:280px}.daily-shortcuts .barcode-scene{min-height:284px}.spoken-phrase p{font-size:22px}}

/* Revision3: one meaning per caption, no auxiliary text under the steps. */
.step-copy{min-height:56px;align-items:start}.step-copy h3{font-size:22px;line-height:1.25}
.daily-shortcuts .shortcut-copy h3{min-height:68px}
.quick-search-demo{width:100%;max-width:410px;margin-inline:auto;padding-block:36px 8px}
.quick-suggestion{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}.quick-suggestion img{width:100%}
.quick-voice-note{display:flex;align-items:center;justify-content:center;gap:8px}.quick-voice-note svg{width:18px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;flex:none}
@media(max-width:800px){.step-copy h3{font-size:20px}}
@media(max-width:600px){.step-copy{min-height:0;align-items:center}.step-copy h3{font-size:22px}.daily-shortcuts .shortcut-copy h3{min-height:0}.quick-search-demo{padding-top:28px}.quick-voice-note{margin-top:20px}}

/* Revision4: keep the whole search panel, including every title and the query. */
.quick-search-panel{width:100%;max-width:390px;margin:24px auto 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);color:var(--ink);box-shadow:0 8px 24px #30292208}
.quick-search-panel img{display:block;width:100%;height:auto;max-width:100%}
.quick-voice-note{margin-top:16px}
@media(max-width:600px){.quick-search-panel{margin-top:24px;border-radius:14px}}

/* Revision5: two requested captions; keep the illustrations aligned. */
.steps>li{display:flex;flex-direction:column}
.step-copy{flex:1;align-content:start;row-gap:10px}
.step-copy p{font-size:15px;line-height:1.5;min-height:0;font-weight:400;letter-spacing:0;color:var(--muted)}
@media(max-width:800px){.step-copy p{font-size:14px}}
@media(max-width:600px){.step-copy{flex:none}.step-copy p{font-size:15px;flex-basis:100%;margin:0}}