/* Phone-sized typography, touch controls and browser-safe overlays. */
.mobile-nav-login{display:none}
@media(max-width:1000px){
  .main-nav{max-height:calc(100dvh - 140px);overscroll-behavior:contain}
  /* Avoid resampling a moving WebGL backdrop on every phone frame. */
  .hero-feature{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(max-width:700px){
  :root{scroll-padding-top:90px}
  .risk-strip{font-size:10px;line-height:1.5;padding:8px 18px}
  .nav-shell{padding:9px 16px;gap:8px}
  .brand{flex-shrink:0}
  .nav-actions{gap:6px}
  .language-switch{padding:0;gap:0;font-size:11px;line-height:1;border-radius:10px}
  .language-switch a{display:grid;place-items:center;min-width:40px;min-height:44px;padding:0}
  .language-switch>span{font-size:9px}
  #menu-toggle{width:44px;height:44px;padding:10px;flex-shrink:0}
  #menu-toggle span{width:24px}
  .main-nav{font-size:15px}
  .dropdown-panel a{min-height:44px;font-size:14px}
  .dropdown-panel small{font-size:12px}
  .mobile-nav-login{display:block;text-align:left;min-height:48px;padding:14px 16px;margin-top:10px;border:1px solid #cdece9;border-radius:8px;background:#e2f9f7;color:#213768;font:650 14px 'DM Sans',sans-serif}
  .hero-eyebrow{font-size:9px;letter-spacing:1.1px;line-height:1.6}
  .hero-description .hero-intro{font-size:14px}
  .hero-description .hero-subcopy{font-size:12px;line-height:1.55}
  .hero-cta .button{min-height:48px;font-size:12px;padding:13px 15px;gap:9px}
  .hero-note{font-size:10px;line-height:1.7;letter-spacing:0;max-width:330px;margin:18px auto 0}
  .hero-bottom{font-size:9px;letter-spacing:.6px;align-items:center}
  .hero-bottom>a{min-height:44px;display:flex;align-items:center;padding-bottom:0}
  .hero-feature-controls{height:44px;gap:12px}
  .hero-feature-arrow{width:44px;height:44px}
  .hero-feature-dot{width:30px;height:44px}
  .hero-feature p{font-size:14px!important}
  .hero-feature,.hero-features-ready .hero-feature{height:330px}
  .hero-feature-viewport,.hero-feature-track{height:350px}
  .hero-features{height:400px}
  .hero{min-height:1180px}
  .motion-toggle{position:absolute;min-height:44px;left:50%;right:auto;bottom:78px;transform:translateX(-50%);padding:10px 15px;font-size:11px;white-space:nowrap}
  .motion-toggle-label{max-width:none}
  .eyebrow,.automation-copy .eyebrow,.partners-banner .eyebrow,.final-cta .eyebrow{font-size:10px;line-height:1.6;letter-spacing:1px}
  .benefit-grid h3{font-size:15px;line-height:1.4}
  .benefit-grid p,.section-heading>p,.market-detail p,.platform-bottom p,.center-heading p,.copy-card>p,.automation-copy>p,.tool-item p,.model-grid>div>p,.payments-grid>div>p,.access-heading p,#step-description,.partners-banner p,.faq-layout>div>p,.faq-items p,.footer-brand p{font-size:14px;line-height:1.75}
  .platform-heading p{font-size:14px!important;line-height:1.75}
  .market-detail h3{font-size:18px}
  #market-note,.section-footnote,.automation-copy>small,.payments-grid>div>small,.final-cta p,.footer-legal{font-size:12px;line-height:1.7}
  .market-tabs>button>span:not(.asset-icon):not(.tab-arrow){font-size:14px}
  .market-tabs .tab-arrow{top:auto!important;bottom:18px!important;left:17px;right:auto!important}
  .device-tabs{gap:5px;flex-wrap:wrap}
  .device-tabs button{min-height:44px;font-size:13px;padding:10px 18px}
  .check-list{font-size:13px;line-height:1.7}
  .copy-card .text-link,.platform-bottom .text-link,.text-link{min-height:44px;font-size:13px;line-height:1.5}
  .card-number{font-size:10px;line-height:1.6}
  .model-status{font-size:9px;line-height:1.7;letter-spacing:.6px}
  .routing-diagram>p{font-size:11px!important}
  .fee-header p{font-size:12px;line-height:1.6}
  .payment-methods{font-size:12px;line-height:1.5;flex-wrap:wrap}
  #step-panel{min-height:0}
  .partners-banner .button{font-size:12px;min-height:48px}
  .faq-items summary{font-size:15px;min-height:48px}
  .footer-main h3{font-size:14px;margin-bottom:10px}
  .footer-main>div>a:not(.logo-crop),.footer-main button{font-size:13px;min-height:44px;display:flex;align-items:center;margin-bottom:0;line-height:1.5}
  .footer-bottom{font-size:11px;padding-bottom:60px}
  .footer-bottom>div{font-size:11px}
  .footer-bottom a{display:inline-flex;align-items:center;min-height:44px;padding-inline:8px}
  dialog{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overscroll-behavior:contain;padding-top:50px}
  [data-close-dialog]{min-width:44px;min-height:44px}
  dialog>p,.preview-notice,#policy-body p,#policy-body li{font-size:14px;line-height:1.7}
}
@media(max-width:380px){
  .nav-shell{padding-inline:12px;gap:4px}
  .brand .logo-crop{width:119px;height:28px}
  .nav-actions{gap:2px}
  .hero-cta{gap:8px}
  .hero-cta .button{font-size:11px;padding-inline:11px;gap:7px}
  .hero-eyebrow{font-size:8px}
  .hero h1{font-size:clamp(33px,10vw,37px)}
  .hero-description{padding-inline:12px}
  .hero-description .hero-intro{font-size:13px}
  .hero-bottom{font-size:8px;letter-spacing:.25px}
  .benefit-grid article{padding-right:12px}
  .benefit-grid article:nth-child(2n){padding-left:12px}
  .benefit-grid h3{font-size:14px}
  .market-tabs>button>span:not(.asset-icon):not(.tab-arrow){font-size:13px}
  .device-tabs button{padding-inline:14px}
}