/* Readable supporting type across desktop and mobile, without scaling headings. */
.topline,.topline>a{font-size:13px;line-height:1.5;flex-wrap:wrap}
.desktop-nav{font-size:14px}
.button,.nav-cta,.actions .button{font-size:14px}
.eyebrow,.section-index,.tiny-label{font-size:12px;letter-spacing:.09em}
.eyebrow{flex-wrap:wrap}
p,.hero-lead,.offer-copy>p,.next-section>div>p,.split-heading>p,
.section-heading>p,.resource-intro>p,.language-section .resource-intro>p,
.faq-layout>div>p,.closing p{font-size:16px;line-height:1.75}
.hero-facts span{font-size:13px;max-width:130px}
.hero-facts b{font-size:15px}
.stage-label{font-size:12px;letter-spacing:.05em;flex-wrap:wrap}
.demo-pill,.mode-badge{font-size:12px}
.voice-top,.message-top{font-size:13px}
.voice-top kbd{font-size:12px}
.voice-preview p{font-size:16px;line-height:1.6}
.message-preview>p{font-size:16px}
.message-bottom>span,.message-bottom button{font-size:12px;line-height:1.5}
.message-bottom{flex-wrap:wrap;gap:12px}
.message-bottom>span{max-width:180px}
figcaption,.panel-figure figcaption,.demo-note{font-size:12px;line-height:1.7;color:#b4b4bb}
.hero-panel{width:100%;filter:none}
.scroll-cue,.ticker,.flow-line{font-size:12px;letter-spacing:.07em}
.flow-line{flex-wrap:wrap;gap:12px}
.contexts>span,.contexts>div span,.contexts small,.card-number{font-size:12px}
.contexts small,.resource-intro>small{color:#aeaeb6;line-height:1.7}
.receive-grid p,.workflow-scenes p,.steps p,.personal-grid article>p,
.friction-grid p,.friction-conclusion p{font-size:15px;line-height:1.75}
.receive-grid a{font-size:13px}
.workflow-scenes article>span{font-size:12px}
.offer-facts{font-size:12px;letter-spacing:.04em;gap:12px}
.offer-facts span+span:before{margin-right:12px}
.offer-host>.billing-toggle button{font-size:14px}
.offer-host>.billing-toggle button>span{font-size:12px}
.offer-subtitle{font-size:14px}
.plan-label,.plan-period{font-size:14px}
.subscription-price .plan-billing,.subscription-price .plan-saving{font-size:13px;line-height:1.6;min-height:0!important}
.plan-allowance span{font-size:13px;line-height:1.5}
.subscription-card .check-list li{font-size:14px;line-height:1.6}
.subscription-card .subscribe-button{font-size:14px}
.offer-inner>.offer-demo-note{font-size:12px!important;line-height:1.6}
.offer-legal{font-size:12px}
.annual-callout>span{font-size:14px}
.requirements-inline{font-size:13px!important}
.holo-track span{font-size:12px;letter-spacing:.05em;width:140px}
@keyframes holo-marquee{to{transform:translateX(-165px)}}
.step-num,.how-note p{font-size:13px}
.output-art>span{font-size:14px}
.sample-input>span,.result-label,.result-label>span:last-child,.resource-intro>small,
#mode-description,.translation-top>span,.language-control>span,
.translation-input>span,.translation-result>span,.personal-grid article>.tiny-label{font-size:12px}
.sample-input p,.translation-input p{font-size:16px}
.mode-tabs button,.panel-options button{font-size:13px}
.language-count span{font-size:14px}
.translation-use-cases span,.language-list span,.language-footnote,
.translation-demo>small{font-size:12px}
#output-language,.language-options button{font-size:14px}
.translation-promise span{font-size:14px}
.profile-preview,.prompt-preview,.dictionary-preview,
.prompt-preview>span:first-child,.prompt-preview b,.panel-features{font-size:13px}
.faq-list summary{font-size:14px;line-height:1.55}
.faq-list details p{font-size:15px}
.footer-main p,.footer-main nav{font-size:14px;line-height:1.7}
.footer-main nav>span,.footer-bottom{font-size:12px;letter-spacing:.06em}
.footer-bottom{flex-wrap:wrap;line-height:1.7}

/* The legal pages share the same minimum size for supporting information. */
.legal-meta{font-size:13px}
.legal-content p,.legal-content li,.legal-intro>p{font-size:16px}
.legal-status,.legal-table,.legal-footer{font-size:14px}

@media(min-width:701px) and (max-height:760px){
  .subscription-card .offer-inner{padding-block:15px}
  .subscription-price{padding-block:10px 8px}
  .subscription-card .check-list li{margin-bottom:4px}
  .plan-allowance{padding-block:5px 7px}
  .subscription-card .subscribe-button{margin-top:9px}
  .offer-inner>.offer-demo-note,.offer-legal{margin-top:6px}
}

@media(max-width:700px){
  .topline{gap:6px 12px;padding-inline:16px}
  .topline,.topline>a{font-size:12px}
  .nav-cta{font-size:13px;padding-inline:11px}
  .eyebrow{gap:7px;font-size:12px}
  .hero-facts{gap:12px}
  .hero-facts span{font-size:12px;max-width:100px}
  .hero-stage .stage-label{font-size:12px}
  .voice-top{flex-wrap:wrap;gap:8px}
  .message-top{gap:8px}
  .message-bottom>span{max-width:none}
  .flow-line{font-size:12px;letter-spacing:0;gap:9px}
  .translation-top>span{max-width:none}
  .panel-features{gap:10px}
  .faq-list summary{padding-block:17px}
  .footer-main{gap:28px 20px}
  .offer-host>.billing-toggle button{padding-inline:15px}
  .subscription-card .check-list li{margin-bottom:8px}
}
@media(max-width:360px){
  .nav-wrap{gap:8px}
  .brand{font-size:19px;gap:6px}
  .nav-cta{font-size:12px;padding-inline:8px;gap:6px}
  .hero .hero-facts{gap:8px}
  .hero-facts span{font-size:12px}
  .voice-preview,.message-preview{padding-inline:16px}
}