.site .mobile-app-page{overflow:hidden}.site .mobile-app-hero{border-bottom:1px solid var(--site-line);grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);align-items:center;gap:clamp(40px,8vw,130px);min-height:690px;padding:76px 0 90px;display:grid}.site .mobile-app-hero h1{letter-spacing:-.07em;margin:20px 0 28px;font-size:clamp(56px,6.6vw,98px);line-height:1.02}.site .mobile-app-hero h1 em{color:#66e3d5;font-style:normal}.site .mobile-app-hero p:not(.site-kicker){color:#acc3c8;max-width:650px;font-size:18px;line-height:1.72}.site .mobile-app-hero small{color:#86a0a9;max-width:600px;margin-top:28px;font-size:12px;line-height:1.6;display:block}.site .mobile-app-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:32px;display:flex}.site .mobile-app-hero figure{width:min(100%,340px);margin:0 auto;position:relative}.site .mobile-app-hero figure:before{content:"";filter:blur(70px);background:#1e928c40;border-radius:50%;position:absolute;inset:14% -26% 7%}.site .mobile-app-hero img,.site .mobile-app-screen-frame img{border:1px solid #385560;border-radius:30px;width:100%;height:auto;display:block;position:relative;box-shadow:0 28px 60px #0009}.site .mobile-app-hero figcaption{text-align:center;color:#7aaab1;letter-spacing:.14em;margin-top:13px;font:10px ui-monospace,monospace}.site .mobile-app-scope,.site .mobile-app-gallery{border-bottom:1px solid var(--site-line);padding:92px 0}.site .mobile-app-scope h2,.site .mobile-app-gallery h2,.site .mobile-app-detail h2{letter-spacing:-.05em;max-width:750px;margin:15px 0 34px;font-size:clamp(36px,4vw,60px);line-height:1.09}.site .mobile-app-scope>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.site .mobile-app-scope article{background:linear-gradient(150deg,#102630,#0a151e);border:1px solid #28454e;border-radius:14px;min-height:255px;padding:30px}.site .mobile-app-scope article span,.site .mobile-app-screen-grid figcaption span{color:#6ce6d8;font:12px ui-monospace,monospace}.site .mobile-app-scope h3{letter-spacing:-.035em;margin:50px 0 15px;font-size:25px}.site .mobile-app-scope article p,.site .mobile-app-gallery-head>p:last-child,.site .mobile-app-screen-grid figcaption p,.site .mobile-app-detail p:not(.site-kicker){color:#a0b7be;font-size:14px;line-height:1.72}.site .mobile-app-gallery-head{grid-template-columns:1fr 1fr;align-items:end;gap:0 55px;margin-bottom:45px;display:grid}.site .mobile-app-gallery-head .site-kicker{grid-column:1/-1}.site .mobile-app-gallery-head h2{margin-bottom:0}.site .mobile-app-gallery-head>p:last-child{max-width:460px;margin:0 0 5px}.site .mobile-app-screen-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.site .mobile-app-screen-grid figure{min-width:0;margin:0}.site .mobile-app-screen-frame{background:#0d1b24;border:1px solid #29434b;border-radius:22px;padding:12px}.site .mobile-app-screen-grid figcaption{padding:20px 6px}.site .mobile-app-screen-grid figcaption strong{letter-spacing:-.035em;margin:12px 0 5px;font-size:21px;display:block}.site .mobile-app-screen-grid figcaption p{margin:0}.site .mobile-app-detail{grid-template-columns:1fr 1fr;gap:60px;padding:95px 0 120px;display:grid}.site .mobile-app-detail>div{border-top:1px solid #2b4f57;padding-top:25px}.site .mobile-app-detail h2{font-size:clamp(30px,3.2vw,46px)}.site .mobile-app-detail .site-text-link{margin-top:18px;display:inline-block}@media (max-width:900px){.site .mobile-app-hero{grid-template-columns:1fr 220px;gap:30px}.site .mobile-app-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .mobile-app-gallery-head{grid-template-columns:1fr;gap:15px}.site .mobile-app-scope>div{grid-template-columns:1fr}.site .mobile-app-scope article{min-height:0}.site .mobile-app-scope h3{margin-top:30px}}@media (max-width:600px){.site .mobile-app-hero{grid-template-columns:1fr;padding-top:65px}.site .mobile-app-hero figure{width:210px}.site .mobile-app-screen-grid{gap:10px}.site .mobile-app-screen-frame{border-radius:13px;padding:5px}.site .mobile-app-screen-frame img{border-radius:9px}.site .mobile-app-screen-grid figcaption{padding:13px 2px}.site .mobile-app-screen-grid figcaption strong{font-size:16px}.site .mobile-app-screen-grid figcaption p{font-size:12px}.site .mobile-app-detail{grid-template-columns:1fr;gap:48px}}
