/* Final typography layer: readable supporting text, not just large headlines. */
body .hero-story .hero-description strong{display:inline}
body .google-photos-note{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:16px;line-height:1.6;margin-top:12px;color:var(--ink)}
body .google-photos-note>span{display:inline-flex;align-items:center;gap:8px}
body .google-photos-note img{width:28px;height:28px;object-fit:contain;flex-shrink:0}
body{font-size:18px}
body .eyebrow,body .hero-story .hero .eyebrow,body .concept-bar,body .concept-bar a{font-size:14px;line-height:1.6;letter-spacing:.65px}
body header nav,body header .button.small,body .button,body .plain-button,body .hero-story .plain-button,body .hero-story .hero-actions .plain-button{font-size:16px}
body .hero-story .hero-description{font-size:22px;max-width:540px}
body .hero-story .hero-note,body .hero-story .hero-access,body .hero-story .hero-scroll{font-size:16px;line-height:1.6;max-width:520px}
body .hero-story .hero .eyebrow{max-width:540px}
body .hero-story .demo-header,body .hero-story .before figcaption,body .hero-story .after figcaption{font-size:14px;line-height:1.5;letter-spacing:.3px}
body .hero-story .before figcaption span{display:none}
body .hero-story .sample-tab{font-size:16px;min-height:48px}
body .hero-story .demo-bottom h2{font-size:25px}
body .hero-story .demo-bottom p{font-size:17px;max-width:650px;line-height:1.55}
body .hero-story .demo-status{font-size:14px;line-height:1.6}
body .hero-sticker{font-size:18px}
body .feature-intro>p,body .section-heading>p:last-child,body .frames-layout>div>p:not(.eyebrow),body .brand-section>div>p:not(.eyebrow):not(.section-note),body .magic-copy>p:not(.eyebrow):not(.section-note),body .beyond p:not(.eyebrow),body .tools-heading>p,body .tool-detail p,body .questions details p,body .closing p{font-size:18px;line-height:1.65}
body .section-note,body .frames-demo .section-note,body .learn-copy .section-note,body .creator-sim .section-note,body .magic-comparison figcaption,body .comparison-footnote,body .pricing-note,body .closing-action>p{font-size:14px;line-height:1.65}
body .style-choices p,body .check-list li,body .tool-summary,body .questions summary,body .comparison-source,body .pricing-grid article>p:not(.eyebrow),body .pricing-grid .button,body .closing-action>a{font-size:17px;line-height:1.6}
body .style-stage-label,body .style-stage>div>span,body .compare-label,body .source-label,body .tool-detail small,body .tool-list summary>span:first-child,body .comparison-grid .eyebrow,body .comparison-grid dt{font-size:14px;line-height:1.5}
body .frame-options button,body .magic-slider label,body .brand-editor>label,body .brand-editor>input,body .brand-editor>p{font-size:15px;line-height:1.5}
body .brand-caption>span{font-size:15px}body .brand-caption>small{font-size:12px;line-height:1.6;display:block}
body .sim-inspector>.eyebrow,body .sim-inspector label,body .sim-inspector select,body .sim-styles button,body .sim-transport output{font-size:15px}
body .sim-style-note,body .sim-help,body .sim-transport>span,body .sim-canvas-tag{font-size:14px;line-height:1.5}
body .sim-transport{gap:10px}body .sim-transport>span{margin-left:0}
body .footer-top p,body .footer-top>a:last-child,body .footer-bottom{font-size:15px;line-height:1.6}
body dialog>p:not(.eyebrow),body .walkthrough-steps p{font-size:17px}body .walkthrough-steps h3{font-size:20px}
body .hero-story .demo-header{gap:15px}body .hero-story .demo-header>span{white-space:nowrap}
@media(min-width:1101px){body .hero-story .demo-pair{max-width:720px;margin-inline:auto}body .hero-story.motion-enabled{height:auto;min-height:calc(100svh + 120px)}body .hero-story.motion-enabled .hero{position:sticky;min-height:calc(100svh - 110px);padding-block:40px}body .hero-story .hero-scroll{margin-top:22px}body .hero-story .hero{align-items:center}}
@media(max-width:1100px){body header nav{gap:15px}body .footer-top{flex-wrap:wrap}body .hero-story .hero{grid-template-columns:1fr 1.1fr}body .hero-story .hero-description{font-size:19px}body .hero-story .demo-header{font-size:12px}body .hero-story .after figcaption{font-size:12px}body .hero-story .after figcaption span{display:none}}
@media(max-width:700px){body .hero-story .hero{grid-template-columns:1fr}body .hero-story .hero .eyebrow{font-size:12px}body .concept-bar,body .concept-bar a{font-size:11px}body .hero-story .hero-description{font-size:18px}body .hero-story .hero-access{font-size:14px}body .hero-story .hero-actions .button,body .hero-story .hero-actions .plain-button{font-size:15px}body .hero-story .before figcaption,body .hero-story .after figcaption{font-size:11px;letter-spacing:0}body .hero-story .sample-tab{font-size:14px}body .hero-story .demo-bottom p{font-size:16px}body .hero-story .demo-status{font-size:14px}body .hero-sticker{font-size:14px}body .hero-story .demo-header>span{display:none}body .brand-preview{grid-template-columns:1fr 1fr;padding:15px;gap:12px}body .brand-caption>span{font-size:12px}body .brand-caption>small{font-size:11px}body .frame-options{flex-wrap:wrap}body .frame-options button{min-width:85px;font-size:14px}body .footer-bottom>div{flex-wrap:wrap;gap:18px}body .style-stage-label{font-size:12px}body .compare-label{font-size:11px}body .sim-transport>span{display:none}}