.mobile-app{position:relative;padding:150px 0;color:#fff;background:radial-gradient(circle at 80% 30%,rgba(8,120,249,.28),transparent 34%),#061a3c;overflow:hidden}.mobile-app-glow{position:absolute;width:620px;height:620px;right:-190px;top:80px;border:1px solid rgba(16,218,195,.18);border-radius:50%;box-shadow:0 0 0 90px rgba(16,218,195,.025),0 0 0 180px rgba(16,218,195,.018)}.mobile-app-layout{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.mobile-app-copy h2{font-size:clamp(43px,5vw,70px);margin-bottom:25px}.mobile-app-copy h2 em{color:#10dac3}.mobile-app-copy>p{font-size:18px;color:#b7c8dc}.mobile-app-copy ul{display:grid;gap:10px;padding:0;margin:32px 0;list-style:none}.mobile-app-copy li{color:#d5e1ef}.mobile-app-copy li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:50%;background:rgba(16,218,195,.14);color:#10dac3;font-size:11px}.store-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.store-button{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:10px;min-width:190px;padding:11px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#fff;color:#07152f;text-decoration:none;transition:.25s}.store-button:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(0,0,0,.25)}.store-button>span{grid-row:1/3;align-self:center;font-size:24px;color:#0878f9}.store-button .apple{font-size:19px;color:#07152f}.store-button small{font-size:8px;letter-spacing:.12em;line-height:1.2}.store-button b{font:800 17px Manrope;line-height:1.1}.mobile-gallery{position:relative;display:flex;align-items:center;justify-content:center;min-height:720px}.phone{position:absolute;width:285px;margin:0;padding:9px;background:#07152f;border:1px solid rgba(255,255,255,.2);border-radius:34px;box-shadow:0 35px 70px rgba(0,0,0,.38);transition:.35s}.phone:hover{z-index:5!important;transform:translateY(-10px) rotate(0)!important}.phone-shot{position:relative;overflow:hidden;border-radius:26px;background:#fff}.phone-shot>img:first-child{display:block;width:100%}.app-profile-logo{position:absolute;width:10.5%;aspect-ratio:1;border:2px solid #fff;border-radius:50%;object-fit:cover;background:#07152f;box-shadow:0 2px 5px rgba(0,0,0,.22)}.profile-chat{left:3.1%;top:4.8%}.profile-contact{left:14.5%;top:4.9%}.phone figcaption{padding:10px 4px 3px;text-align:center;color:#aebfd3;font-size:11px}.phone-front{z-index:3;width:315px;transform:translateY(8px)}.phone-back{z-index:1;left:1%;transform:rotate(-6deg) translateY(32px)}.phone-side{z-index:2;right:1%;transform:rotate(6deg) translateY(32px)}@media(max-width:1100px){.mobile-app-layout{grid-template-columns:1fr}.mobile-app-copy{max-width:780px}.mobile-gallery{min-height:690px}.phone-back{left:12%}.phone-side{right:12%}}@media(max-width:700px){.mobile-app{padding:90px 0}.mobile-app-layout{gap:45px}.store-actions{display:grid}.store-button{width:100%}.mobile-gallery{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.phone{position:relative!important;inset:auto!important;width:100%!important;transform:none!important;border-radius:24px}.phone-shot{border-radius:18px}.phone-front{grid-column:1/-1;grid-row:1;width:70%!important;justify-self:center}.phone-back,.phone-side{grid-row:2}.phone figcaption{font-size:10px}}
