.mobileapp-section{padding:100px 80px 60px;background:linear-gradient(180deg,#fff,#f8fafb);overflow:hidden;position:relative}.mobileapp-section:before{content:"";position:absolute;top:15%;right:-5%;width:300px;height:300px;background:radial-gradient(circle,#11bfbf26 0,#0000 70%);border-radius:50%;pointer-events:none}.mobileapp-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:70px;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.mobileapp-visible{opacity:1;transform:translateY(0)}.mobileapp-header{text-align:center;max-width:800px;margin:0 auto}.mobileapp-title{font-size:clamp(32px,4vw,40px);font-weight:500;line-height:1.2;letter-spacing:-.06em;color:#0f172a;margin:0 0 16px}.mobileapp-description{font-size:clamp(16px,2vw,18px);line-height:1.6;letter-spacing:-.05em;color:#475569;max-width:700px;margin:0 auto}.mobileapp-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1100px;margin:0 auto}.mobileapp-phones,.mobileapp-visual{position:relative;display:flex;justify-content:center;align-items:center}.mobileapp-phones{width:100%;height:500px}.mobileapp-phone{position:absolute;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #00000026,0 8px 20px #0000001a;background:#fff;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),z-index 0s,width .5s cubic-bezier(.4,0,.2,1);cursor:pointer}.mobileapp-phone-screen{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px}.mobileapp-phone-center{width:240px;z-index:3;transform:translateX(0) scale(1);opacity:1}.mobileapp-phone-left{width:200px;z-index:1;opacity:.85;transform:translateX(-120px) scale(.88)}.mobileapp-phone-right{width:200px;z-index:1;opacity:.85;transform:translateX(120px) scale(.88)}.mobileapp-phone-left:hover,.mobileapp-phone-right:hover{opacity:.95;transform:translateX(-130px) scale(.92)}.mobileapp-phone-right:hover{transform:translateX(130px) scale(.92)}.mobileapp-phone-active{cursor:default}.mobileapp-info{display:flex;flex-direction:column;gap:40px}.mobileapp-features{display:flex;flex-direction:column;gap:28px}.mobileapp-feature{display:flex;flex-direction:column;gap:4px}.mobileapp-feature-title{font-size:17px;font-weight:600;color:#0f172a;margin:0;letter-spacing:-.04em;display:flex;align-items:center;gap:8px}.mobileapp-feature-title:before{content:"";width:8px;height:8px;min-width:8px;background:#11bfbf;border-radius:50%}.mobileapp-feature-description{font-size:15px;line-height:1.5;color:#64748b;margin:0;letter-spacing:-.03em}.mobileapp-badges{display:flex;gap:12px;flex-wrap:wrap}.mobileapp-badge{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:#000;border-radius:12px;width:fit-content;cursor:pointer;text-decoration:none;transition:background .2s ease}.mobileapp-badge:hover{background:#1a1a1a}.mobileapp-badge-disabled{background:#e2e8f0;cursor:default}.mobileapp-badge-disabled:hover{background:#e2e8f0}.mobileapp-badge-disabled .mobileapp-badge-icon,.mobileapp-badge-disabled .mobileapp-badge-label{color:#94a3b8}.mobileapp-badge-disabled .mobileapp-badge-store{color:#64748b}.mobileapp-badge-icon{color:#fff;display:flex;align-items:center}.mobileapp-badge-text{display:flex;flex-direction:column}.mobileapp-badge-label{font-size:10px;color:#fffc;letter-spacing:.3px;text-transform:uppercase}.mobileapp-badge-store{font-size:18px;font-weight:600;color:#fff;letter-spacing:-.03em;line-height:1.2}@media (max-width:1024px){.mobileapp-content{grid-template-columns:1fr;gap:50px}.mobileapp-visual{order:-1}.mobileapp-phones{height:420px}.mobileapp-phone-center{width:200px}.mobileapp-phone-left{width:170px;transform:translateX(-100px) scale(.88)}.mobileapp-phone-right{width:170px;transform:translateX(100px) scale(.88)}.mobileapp-feature,.mobileapp-info{align-items:center;text-align:center}.mobileapp-feature{flex-direction:column}}@media (max-width:768px){.mobileapp-section{padding:80px 40px}.mobileapp-container{gap:50px}.mobileapp-phones{height:360px}.mobileapp-phone-center{width:180px}.mobileapp-phone-left{width:150px;transform:translateX(-85px) scale(.88)}.mobileapp-phone-right{width:150px;transform:translateX(85px) scale(.88)}}@media (max-width:480px){.mobileapp-section{padding:60px 32px}.mobileapp-phones{height:320px}.mobileapp-phone-center{width:160px}.mobileapp-phone-left{width:130px;transform:translateX(-70px) scale(.85)}.mobileapp-phone-right{width:130px;transform:translateX(70px) scale(.85)}}