.mobile-title,.mobile-only,.mobile-pos{display:none}

@media (max-width:480px){
  :root{--mobile-pad:16px}
  html{scroll-padding-top:64px}
  body{font-size:16px;line-height:1.55;padding-bottom:env(safe-area-inset-bottom,0)}
  .shell{width:calc(100% - 2 * var(--mobile-pad));max-width:none}
  h2{font-size:clamp(2rem,8vw,2.7rem);line-height:1.08;letter-spacing:-.045em}
  h3{font-size:1.28rem}
  .section{padding-block:72px}
  .label,.eyebrow{font-size:.72rem;line-height:1.35;letter-spacing:.12em}

  .header{height:60px}
  .nav{height:60px}
  .logo{gap:8px;font-size:1.05rem}
  .logo>i{width:30px;height:30px;padding:6px;border-radius:9px}
  .hamb{width:44px;height:44px;flex:none}
  .menu{top:60px;right:var(--mobile-pad);left:var(--mobile-pad);max-height:calc(100dvh - 76px);overflow:auto;padding:10px;border-radius:14px}
  .menu>a:not(.btn){padding:10px 9px;font-size:.9rem}
  .menu .btn{min-height:44px}

  .hero{display:block;min-height:0;padding-block:38px 34px}
  .desktop-title{display:none}.mobile-title{display:inline}
  .hero h1{max-width:430px;margin:13px 0 14px;font-size:clamp(2.4rem,10vw,3.2rem);line-height:1.01;letter-spacing:-.055em}
  .hero-copy>p{margin-bottom:20px;font-size:1rem;line-height:1.55}
  .hero .actions{gap:9px}
  .hero .btn{min-height:46px;padding:0 18px;border-radius:12px}
  .trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;font-size:.75rem}
  .trust span{padding:8px 9px;border:1px solid #d8e2de;border-radius:10px;background:#fff}
  .mobile-only{display:block}
  .pos-wrap{display:none!important}
  .mobile-pos{display:block;width:100%;margin-top:24px;overflow:hidden;border:1px solid #d3dedb;border-radius:18px;background:#fff;box-shadow:0 20px 45px rgba(20,48,58,.14)}
  .mobile-pos>header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#fff;background:var(--navy);font-size:.78rem}
  .mobile-pos>header b{display:flex;align-items:center;gap:7px}.mobile-pos>header b i{width:15px;height:15px;border-radius:5px;background:linear-gradient(135deg,#63cbaa 50%,#f49a50 50%)}
  .mobile-pos>header span{color:#c8d8df;font-size:.72rem}.mobile-pos>header span i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#47d5a0}
  .mobile-pos>nav{display:flex;gap:7px;padding:12px 12px 4px;overflow:hidden}
  .mobile-pos>nav>*{padding:8px 12px;border:1px solid #d6e1de;border-radius:9px;background:#f6f8f7;font-size:.78rem;white-space:nowrap}
  .mobile-pos>nav b{color:#fff;border-color:var(--green);background:var(--green)}
  .mobile-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 12px}
  .mobile-products article{min-height:78px;display:flex;flex-direction:column;justify-content:space-between;padding:12px;border:1px solid #d8e2df;border-radius:11px;background:#fff}
  .mobile-products article:first-child{border-color:#a9dbc9;background:#eff9f6}
  .mobile-products b{font-size:.85rem}.mobile-products span{color:var(--muted);font-size:.75rem}
  .mobile-bill{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid #dce5e2;background:#f8faf9}
  .mobile-bill p{display:flex;flex:1;flex-direction:column;margin:0}.mobile-bill p span{color:var(--muted);font-size:.72rem}.mobile-bill p b{font:700 1.05rem var(--display)}
  .mobile-bill button{min-height:44px;display:flex;align-items:center;gap:13px;padding:0 15px;color:#fff;border:0;border-radius:10px;background:var(--green);box-shadow:0 4px 0 var(--deep);font-weight:800}

  .stats{padding:12px 0 14px;color:var(--ink);background:#edf2ef}
  .stats>div{grid-template-columns:1fr 1fr;gap:8px;padding:0}
  .stats p,.stats p:first-child,.stats p:nth-child(3){min-height:82px;justify-content:center;padding:12px 13px;border:1px solid #d9e3df!important;border-radius:12px;background:#fff}
  .stats p b{font-size:.96rem}.stats p span{color:var(--muted);font-size:.7rem}

  .section-head{gap:12px;margin-bottom:32px}.section-head>p{font-size:1rem}
  .center{margin-bottom:34px;text-align:left}.center p{font-size:1rem}
  .benefits{gap:12px}.benefit{min-height:0;padding:22px;border-radius:18px}.benefit h3{margin:45px 0 8px}.benefit p{margin-bottom:0}.benefit.featured small{position:static;display:inline-block;margin-top:16px}.devices,.mini-steps,.toggle{margin-top:16px}

  .story-grid{min-height:0}.story-number{min-height:0;padding:60px 0 48px}.story-number>div{gap:14px}.story-number>div>b{font-size:6.2rem}.story-number>div span{font-size:.82rem}.story-number blockquote{margin-top:54px;font-size:1.08rem}.story-copy{padding:54px 0 64px}.story-copy p{font-size:1rem}

  .waiter{gap:30px}.waiter-copy{order:1}.phone-stage{order:2;min-height:590px;margin:0;transform:none}.phone-stage:before{width:320px;height:320px}.phone{width:min(292px,calc(100vw - 48px));height:575px;border-width:7px;border-radius:36px;transform:rotate(-2deg)}.unlimited{right:0;bottom:38px;width:170px}.waiter-copy li{padding:13px 0}.waiter-copy aside{font-size:.82rem}

  .flow-grid{gap:8px}.flow-grid article{min-height:120px;padding:16px}.flow-grid article b{margin:12px 0 2px}.flow-grid .dest{min-height:110px}.flow-grid>em{height:22px;line-height:22px}
  .tables>header{padding:15px}.tables>small{padding:15px 15px 0}.tables>div{gap:9px;padding:16px 10px 20px}.tables article{min-height:105px}.tables article>b{font-size:1.55rem}
  .split{gap:30px}.split-total{gap:8px}.split-total span{min-width:0;flex:1;padding:11px}.split-ui{padding:12px;border-radius:18px}.split-ui>p{padding:11px;margin:6px 0}.split-ui>button{min-height:45px}
  .station-grid{gap:11px}.station-grid article{padding:20px;border-radius:16px}.station-grid h3{margin:17px 0 12px}.station-grid footer{margin-top:17px}

  .admin{border-radius:18px}.admin>aside{padding:15px 10px}.admin>aside span{padding:8px;font-size:.68rem}.admin-list{padding:13px}.admin-list>p{padding:10px}.admin-list>p span b{font-size:.78rem}.admin-list>p span small{font-size:.7rem}
  .data-panels{gap:12px}.inventory,.telegram{padding:20px;border-radius:18px}.inventory h2,.telegram h2{font-size:2rem}.inventory>p{gap:9px}.telegram{gap:24px}.tg-phone{width:min(260px,100%);min-height:365px}
  .analytics{padding-block:72px}.analytics-grid{gap:34px}.dashboard{width:100%;margin:0;padding:11px;border-radius:16px}.metrics{grid-template-columns:1fr 1fr}.metrics p{min-width:0;padding:9px 7px}.metrics b,.metrics .main b{font-size:.72rem;white-space:normal}.chart{height:165px;padding-inline:8px}
  .roles{gap:34px}.role-ui{padding:16px;border-radius:18px}.role-ui header button{padding:8px;font-size:.6rem}.role-ui>p{grid-template-columns:40px 1fr auto;gap:8px}.role-ui>p>i{width:37px;height:37px}.role-ui strong{font-size:.7rem}.pin>b{width:36px;height:36px}
  .offline-section{padding-block:72px}.offline-grid{gap:36px}.offline-diagram article{min-height:125px}.offline-diagram article.local{padding:17px}
  .custom{min-height:0;overflow:hidden;padding:55px 20px;border-radius:22px}.orbit{min-height:300px;margin-inline:-8px;transform:scale(.82)}
  .industries>div{gap:9px}.industries article{min-height:0;padding:20px;border-radius:15px}.industries h3{margin:22px 0 7px}
  .pricing{gap:25px;padding:24px 18px;border-radius:20px}.pricing aside{padding:20px 16px}.pricing aside>b{font-size:1.7rem}
  .faq{gap:28px}.faq summary{padding:17px 0;font-size:.95rem}.faq details p{padding-right:0;font-size:.95rem}

  .final{padding-block:24px 64px}.final>div{padding:58px 18px calc(48px + env(safe-area-inset-bottom,0px));border-radius:22px}.final>div:before,.final>div:after{display:none}.final h2{font-size:2.2rem}.final p{font-size:.96rem}.final .actions{gap:9px}.final .btn{min-height:46px}
  .install{padding-bottom:64px}.install h2{margin-bottom:0}.install ol{gap:8px;margin:24px 0}.install li{min-height:0;align-items:flex-start;padding:16px;border-radius:12px}.install li>b{width:30px;height:30px}.install li span{font-size:.8rem}.install li strong{font-size:.9rem}.checksum{padding:14px}.checksum code{font-size:.7rem}
  .footer{padding-top:54px;padding-bottom:env(safe-area-inset-bottom,0px)}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}

@media (max-width:350px){
  :root{--mobile-pad:13px}
  .hero h1{font-size:2.35rem}.hero-copy>p{font-size:.96rem}
  .mobile-products article{min-height:72px;padding:10px}
  .stats p,.stats p:first-child,.stats p:nth-child(3){padding:10px}
  .phone{width:278px}.unlimited{right:-2px}
  .tables article{min-height:96px}.inventory>p{grid-template-columns:36px 1fr auto}.inventory>p>i{width:34px;height:34px}
  .role-ui>p{grid-template-columns:36px 1fr auto}.role-ui>p>i{width:34px;height:34px}
}