/* Platform home mobile V3 — prevents clipping and keeps a clear RTL reading flow */
html,body{max-width:100%;overflow-x:hidden}
.platform-header,.platform-hero,main,.platform-footer{max-width:100%}

@media(max-width:820px){
  .platform-header{height:72px}
  .platform-nav{width:calc(100% - 28px);min-width:0;gap:12px}
  .platform-brand{min-width:0;gap:9px}
  .platform-logo-mark{width:46px;height:46px;flex-basis:46px}
  .platform-brand>span{min-width:0}
  .platform-brand b{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .platform-nav nav{top:72px;z-index:70;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;padding:12px 16px 18px;gap:2px}
  .platform-nav nav>a{min-height:48px;padding:11px 12px;border-bottom:1px solid var(--p-line)}
  .platform-nav .nav-cta{margin-top:7px;border-bottom:0}

  .platform-hero{padding-top:0;overflow:hidden}
  .hero-inner{width:calc(100% - 30px);min-height:0;display:flex;flex-direction:column;gap:24px;padding:54px 0 24px}
  .hero-copy{width:100%;min-width:0;padding:0;text-align:center}
  .eyebrow{max-width:100%;justify-content:center;white-space:normal;line-height:1.5}
  .hero-copy h1{max-width:680px;margin:18px auto;font-size:clamp(36px,8vw,48px);line-height:1.28;letter-spacing:-.7px;overflow-wrap:anywhere}
  .hero-copy h1 em{display:inline}
  .hero-copy>p{max-width:620px;margin:0 auto;font-size:15px;line-height:1.9}
  .hero-actions{max-width:520px;margin:27px auto 0;justify-content:center}
  .hero-trust{justify-content:center;margin-top:18px}

  .hero-visual{width:100%;max-width:620px;min-height:370px;margin:0 auto;overflow:hidden;direction:ltr}
  .dashboard-window{position:relative;top:auto;left:auto;width:100%;max-width:580px;margin:12px auto 0;transform:none;border-radius:14px}
  .dashboard-layout{height:320px;grid-template-columns:48px minmax(0,1fr)}
  .dashboard-main{min-width:0;padding:18px}
  .dash-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .dash-cards article{min-width:0;padding:10px 8px}
  .dash-cards b{font-size:11px;white-space:nowrap}
  .dash-chart{height:157px}
  .bars{height:102px}
  .floating-card{display:none}

  .platform-stats{width:calc(100% - 30px);margin-top:0;grid-template-columns:1fr 1fr}
  .platform-stats div{min-width:0;padding:16px 8px}
  .section{width:calc(100% - 30px);padding:78px 0}
  .feature-grid{grid-template-columns:1fr}
  .platform-band{grid-template-columns:1fr;padding:52px 20px;gap:28px}
  .band-points{grid-template-columns:1fr}
  .workflow-grid{grid-template-columns:1fr 1fr;gap:38px 12px}
  .workflow-grid article{padding:0 10px}
  .faq{grid-template-columns:1fr;gap:36px}
  .final-cta{width:calc(100% - 30px);align-items:flex-start;flex-direction:column}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-main>p{grid-column:1/-1}
}

@media(max-width:600px){
  .platform-nav{width:calc(100% - 24px)}
  .platform-logo-mark{width:44px;height:44px;flex-basis:44px}
  .platform-brand b{max-width:170px;font-size:15px}
  .platform-brand small{font-size:9px}
  .hero-inner{width:calc(100% - 28px);padding:42px 0 20px;gap:18px}
  .eyebrow{padding:6px 10px;font-size:10px}
  .hero-copy h1{max-width:360px;font-size:clamp(34px,10.2vw,41px);line-height:1.3}
  .hero-copy h1 em{display:block}
  .hero-copy h1 em:after{right:4%;left:4%;bottom:-5px}
  .hero-copy>p{max-width:360px;font-size:14px;line-height:1.85}
  .hero-actions{width:100%;margin-top:24px;display:grid;grid-template-columns:1fr;gap:9px}
  .hero-actions .button{width:100%;min-height:50px}
  .hero-trust{display:grid;grid-template-columns:1fr;gap:5px;text-align:center;font-size:10px}

  .hero-visual{min-height:305px;max-width:100%;margin-top:4px}
  .dashboard-window{max-width:100%;margin-top:8px}
  .window-bar{height:42px;padding:0 12px}
  .dashboard-layout{height:250px;grid-template-columns:38px minmax(0,1fr)}
  .dashboard-layout>aside{padding-top:18px;gap:14px}
  .dashboard-layout>aside i{width:17px}
  .dashboard-main{padding:12px}
  .dash-heading b{font-size:11px}
  .dash-heading>span{display:none}
  .dash-cards{margin-top:11px;gap:5px}
  .dash-cards article{padding:8px 5px}
  .dash-cards small{font-size:6px}
  .dash-cards b{font-size:9px}
  .dash-chart{height:120px;margin-top:8px;padding:9px}
  .bars{height:76px;gap:6px}
  .bars i{width:16px}

  .platform-stats{width:calc(100% - 28px)}
  .platform-stats b{font-size:21px}
  .section{width:calc(100% - 28px);padding:64px 0}
  .section-heading{margin-bottom:29px}
  .section-heading h2,.faq-intro h2{font-size:29px}
  .feature-card{min-height:0;padding:23px}
  .platform-band{padding:44px 16px}
  .platform-band h2{font-size:27px}
  .workflow-grid{grid-template-columns:1fr;gap:34px}
  .price-card{padding:24px 20px}
  .final-cta{width:calc(100% - 28px);margin-bottom:50px;padding:30px 21px}
  .final-cta h2{font-size:27px}
  .button.white{width:100%}
  .footer-main{grid-template-columns:1fr;gap:24px}
  .footer-main>p{grid-column:auto}
  .footer-main nav{grid-template-columns:1fr 1fr}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}
}

@media(max-width:380px){
  .platform-brand b{max-width:145px}
  .hero-copy h1{font-size:32px}
  .dashboard-layout{grid-template-columns:32px minmax(0,1fr)}
  .dashboard-main{padding:9px}
  .dash-cards b{font-size:8px}
  .platform-stats{grid-template-columns:1fr}
  .platform-stats div{border-left:0}
}

@supports not (height:100dvh){
  @media(max-width:820px){.platform-nav nav{max-height:calc(100vh - 72px)}}
}