.mp-app-hero { padding: 35px 0 60px; background: linear-gradient(160deg,#f8fbff,#edf4fb); }
.mp-app-intro { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:end; margin:45px 0; }
.mp-app-intro h1 { max-width:730px; margin:18px 0 0; color:#18372b; font-size:clamp(38px,4.4vw,65px); letter-spacing:-.045em; line-height:1.08; }
.mp-app-intro p { margin:0; color:#596b65; font-size:17px; line-height:1.75; }
.mp-app-intro .mp-hero-actions { margin-top:26px; }
.mp-app-hero .lp-mobile { margin:0; padding:42px; background:#ffffffa6; }
.mp-app-hero .lp-mobile-platforms { margin-top:0; }
.mp-app-guides { padding:80px 0; background:#fff; scroll-margin-top:95px; }
.mp-app-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.mp-app-guide-grid > a { display:flex; flex-direction:column; align-items:start; gap:14px; padding:30px; border:1px solid #dce6e2; border-radius:18px; background:#f8faf9; transition:background .15s,border-color .15s; }
.mp-app-guide-grid > a:hover { background:#edf5f0; border-color:#739881; }
.mp-app-guide-grid > a:focus-visible { outline:3px solid #2464ea; outline-offset:4px; }
.mp-app-guide-grid svg { width:28px; height:28px; color:#2464ea; }
.mp-app-guide-grid span { font-size:11px; color:#61746a; font-weight:800; letter-spacing:.06em; }
.mp-app-guide-grid h3 { margin:0; font-size:24px; letter-spacing:-.025em; }
.mp-app-guide-grid p { margin:0 0 8px; font-size:14px; color:#607167; line-height:1.7; }
.mp-app-guide-grid strong { margin-top:auto; color:#276345; font-size:13px; }
.mp-app-access { max-width:850px; margin:25px 0 0; color:#68776f; font-size:13px; line-height:1.7; }
@media(max-width:1000px) { .mp-app-intro{gap:30px} .mp-app-hero .lp-mobile{padding:30px 24px} .mp-app-guide-grid > a{padding:24px} }
@media(max-width:760px) { .mp-app-intro{grid-template-columns:1fr;gap:24px;margin:30px 0} .mp-app-intro h1{font-size:clamp(36px,8vw,52px)} .mp-app-intro p{font-size:15px} .mp-app-hero .lp-mobile{padding:28px 20px} .mp-app-guide-grid{grid-template-columns:1fr} .mp-app-guides{padding:55px 0} }
@media(prefers-reduced-motion:reduce) { .mp-app-guide-grid > a{transition:none} }