.platform-page{padding-block:24px 60px}.platform-hero{background:radial-gradient(at 75% 20%,#32669350,#0000 65%),linear-gradient(125deg,#102034,#081320);border:1px solid #4b6981;border-radius:30px;grid-template-columns:1fr 1.1fr;align-items:center;gap:44px;padding:42px;display:grid;overflow:hidden}.mt5-logo{background:#fff;border-radius:14px;margin-bottom:24px;padding:12px 18px;display:inline-block}.mt5-logo img{width:185px;height:auto}.platform-hero h1{font-size:clamp(30px,3.2vw,45px);line-height:1.6}.platform-hero h1>span{color:#adcbe3;display:block}.platform-hero-copy>p:not(.eyebrow){color:#b6cbdc;margin:20px 0 26px;font-size:16px;line-height:1.95}.platform-device-labels{direction:ltr;flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.platform-device-labels span{color:#bcd2e2;border:1px solid #54758c55;border-radius:7px;padding:5px 9px;font:12px/1.5 Arial,sans-serif}.platform-hero-visual{background:#f5f8fb;border:1px solid #7195b066;border-radius:18px;min-width:0;margin:0;overflow:hidden;transform:perspective(1400px)rotateY(-5deg);box-shadow:0 25px 70px #0005}.platform-window-bar{color:#c3d5e4;direction:ltr;background:#192f43;align-items:center;gap:5px;padding:12px 14px;display:flex}.platform-window-bar span{background:#819eb4;border-radius:50%;width:6px;height:6px}.platform-window-bar b{margin-inline-start:auto;font:12px Arial,sans-serif}.platform-hero-visual>img{width:100%;height:auto;display:block}.platform-hero-visual figcaption{color:#41596a;background:#eaf1f6;padding:12px 16px;font-size:12px;line-height:1.8}.platform-section{padding-block:64px 0;scroll-margin-top:180px}.platform-section h2{font-size:clamp(26px,3vw,36px);line-height:1.6}.platform-download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.platform-download-card{background:linear-gradient(145deg,#1a3046,#0c1724);border:1px solid #3a566e;border-radius:22px;flex-direction:column;min-width:0;padding:26px;display:flex}.platform-download-card:nth-child(2),.platform-download-card:nth-child(4){background:linear-gradient(145deg,#1b354d,#102035)}.platform-download-top{color:#bbd8ed;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.platform-download-top>svg{background:#7fb5db14;border:1px solid #7fb5db33;border-radius:14px;width:48px;height:48px;padding:10px}.platform-download-top>span{font-size:12px}.platform-download-card h3{text-align:start;font:600 24px/1.5 Arial,sans-serif}.platform-download-card>p{color:#adc5d9;flex:1;margin:14px 0 24px;font-size:16px;line-height:1.9}.platform-download-card>.button{white-space:normal;border-radius:12px;gap:10px;width:100%;min-height:48px;padding:12px}.platform-download-card>.button:hover{color:#102435;background:#bcd8eb}.platform-footnote,.platform-credit{color:#a3bdd1;margin-top:22px;font-size:14px;line-height:1.9}.platform-footnote a,.platform-credit a{color:#d2e6f5;text-underline-offset:4px;text-decoration:underline}.platform-overview{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}.platform-overview>div>p:not(.eyebrow){color:#b1c6d7;margin:22px 0;font-size:17px;line-height:2}.platform-overview figure{background:#fff;border:1px solid #6f94b080;border-radius:24px;justify-self:center;width:100%;max-width:400px;margin:0;padding:18px}.platform-overview figure img{border-radius:12px;width:100%;height:auto}.platform-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px;display:grid}.platform-feature-grid article{background:linear-gradient(#182b3c66,#0000);border-top:1px solid #5e80996e;border-radius:18px 18px 0 0;padding:28px 22px}.platform-feature-grid svg{color:#98c3e2;margin-bottom:18px}.platform-feature-grid h3{margin-bottom:14px;font-size:21px;line-height:1.7}.platform-feature-grid p{color:#b0c4d6;font-size:16px;line-height:1.95}.platform-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:30px 0 0;padding:0;list-style:none;display:grid}.platform-steps li{background:#101e2d;border:1px solid #38526b;border-radius:18px;align-items:flex-start;gap:18px;padding:24px;display:flex}.platform-steps li>span{color:#749fbe;font:600 24px Arial,sans-serif}.platform-steps h3{margin-bottom:10px;font-size:19px;line-height:1.8}.platform-steps p{color:#acc3d5;font-size:16px;line-height:1.95}.platform-help{background:linear-gradient(115deg,#1e3b54,#102334);border:1px solid #53758f;border-radius:24px;align-items:center;gap:32px;margin-top:60px;padding:32px;display:flex}.platform-help>div{flex:1;min-width:0}.platform-help h2{font-size:28px;line-height:1.6}.platform-help p{color:#b7cedf;margin-top:12px;font-size:16px;line-height:1.9}.platform-help>.button{flex-shrink:0}.platform-credit{margin-top:30px;font-size:12px}.about-visual.globe-showcase{aspect-ratio:1}@media (max-width:1000px){.platform-hero{grid-template-columns:1fr;gap:32px;padding:32px}.platform-hero-visual{justify-self:center;max-width:700px;transform:none}.platform-download-grid,.platform-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-overview{gap:32px}.platform-section{scroll-margin-top:24px}}@media (max-width:650px){.platform-page{padding-top:16px}.platform-hero{border-radius:22px;gap:28px;padding:24px 18px}.platform-hero h1{font-size:30px}.mt5-logo img{width:165px}.platform-hero .button{white-space:normal;gap:10px;width:100%}.platform-hero-visual{border-radius:12px}.platform-section{padding-top:44px}.platform-section h2{font-size:27px}.platform-download-grid,.platform-feature-grid,.platform-steps,.platform-overview{grid-template-columns:minmax(0,1fr);gap:16px}.platform-download-card{border-radius:18px;padding:23px}.platform-overview{gap:28px}.platform-overview figure{max-width:340px}.platform-feature-grid{gap:12px}.platform-feature-grid article{padding:24px 16px}.platform-steps li{gap:14px;padding:22px 18px}.platform-help{flex-direction:column;align-items:stretch;gap:22px;margin-top:44px;padding:26px 20px}.platform-help h2{font-size:26px}.platform-help>.button{width:100%}.platform-credit{line-height:1.9}}.mt5-brand{align-items:center;gap:20px;margin-bottom:28px;display:flex}.mt5-app-icon{object-fit:contain;filter:drop-shadow(0 12px 24px #0084ca33);flex-shrink:0;width:104px;height:104px}.mt5-brand .mt5-logo{margin-bottom:0}@media (max-width:650px){.mt5-brand{gap:14px;margin-bottom:24px}.mt5-app-icon{width:64px;height:64px}.mt5-brand .mt5-logo{padding:10px 12px}}.mt5-brand .mt5-logo{min-width:0}
