.home-platforms .platform-showcase{margin:0 0 38px;background:#0b1932;border:1px solid #243b60;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #10213f14}
.platform-showcase-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#10213e;border-bottom:1px solid #32435f}
.platform-showcase-tabs a{display:grid;grid-template-columns:30px 1fr;gap:4px 12px;padding:23px 25px;color:#e2eafb;text-decoration:none;min-height:96px;border-right:1px solid #32435f;border-bottom:3px solid transparent;transition:background .18s,color .18s}
.platform-showcase-tabs a:last-child{border-right:0}.platform-showcase-tabs a:hover{background:#1b3459}.platform-showcase-tabs a[aria-selected=true]{background:#174db1;border-bottom-color:#ff5264;color:#fff}
.platform-showcase-tabs .platform-tab-index{grid-row:1/3;color:#aac3e7;font-size:13px;line-height:1.9;font-variant-numeric:tabular-nums}.platform-showcase-tabs strong{font-size:19px;line-height:1.5;font-weight:600}.platform-showcase-tabs small{font-size:14px;line-height:1.6;color:#c2d2eb}
.platform-showcase-tabs a:focus-visible,.platform-screen-link:focus-visible,.platform-lightbox button:focus-visible{outline:3px solid #ff6373;outline-offset:-5px}
.platform-showcase-panel{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(230px,1fr);gap:34px;align-items:center;padding:36px}.platform-showcase-panel[hidden]{display:none!important}.platform-showcase-panel+.platform-showcase-panel{border-top:1px solid #32435f}.is-enhanced .platform-showcase-panel{border:0}
.platform-screen{margin:0;min-width:0;transform:none}.platform-screen-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;background:#1c3050;border:1px solid #405676;border-bottom:0;border-radius:12px 12px 0 0;color:#dae6f8;font-size:13px;line-height:1.5;letter-spacing:.025em}.platform-screen-top>span:first-child{display:flex;align-items:center;gap:7px}.platform-screen-top i{width:7px;height:7px;border-radius:100%;background:#7488a6}.platform-screen-top i:first-child{background:#ef5364}.platform-screen-top i:nth-child(2){background:#f3ba56}.platform-screen-top i:nth-child(3){background:#48c9b4}.platform-screen-top b{font-weight:500}
.platform-screen-link{position:relative;display:block;background:#edf2f8;border:1px solid #405676;border-top:0;border-radius:0 0 10px 10px;overflow:hidden;line-height:0;aspect-ratio:1.72;cursor:zoom-in}.platform-screen-link img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .25s}.platform-screen-link:hover img{transform:scale(1.015)}.platform-screen-link .platform-expand-hint{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;background:#10213ff2;border:1px solid #667b9e;color:white;font-size:14px;font-weight:500;line-height:1.5;padding:9px 13px;border-radius:6px}.platform-expand-hint svg{width:17px;height:17px;flex-shrink:0}
.platform-screen figcaption{color:#b7c8e3;font-size:13px;line-height:1.75;margin:14px 0 0;max-width:78ch}
.home-platforms .platform-showcase-copy{min-width:0}.home-platforms .platform-showcase-copy .platform-view-label{font-size:12px!important;line-height:1.7!important;letter-spacing:.13em;color:#a9c8ff!important;text-transform:uppercase;margin:0 0 12px}.home-platforms .platform-showcase-copy h3{font-size:clamp(28px,2.8vw,38px)!important;line-height:1.2!important;color:#fff!important;letter-spacing:-.035em;margin:0 0 18px}.home-platforms .platform-showcase-copy>p{font-size:17px!important;line-height:1.85!important;color:#d2def1!important;margin:0 0 22px}.platform-showcase-copy ul{list-style:none;padding:0;margin:0 0 26px;border-top:1px solid #314663}.platform-showcase-copy li{display:flex;gap:11px;align-items:baseline;font-size:15px!important;line-height:1.75!important;color:#dce7f8;padding:11px 0;border-bottom:1px solid #314663}.platform-showcase-copy li:before{content:'↗';color:#78afff;flex:0 0 auto}.home-platforms .platform-showcase-copy .text-link{display:inline-flex;align-items:center;gap:16px;color:white!important;font-size:16px;line-height:1.7;min-height:44px;margin:0;padding:8px 0;white-space:normal}.platform-showcase-copy .text-link:after{content:'↗';color:#ff6474;font-size:22px}
.home-platforms .platform-showcase-catalog-label{font-size:20px;line-height:1.7;color:#10213f;margin:34px 0 12px;font-weight:600}.home-platforms:has(.platform-showcase) .platform{min-height:360px}
.platform-lightbox{max-width:min(1500px,96vw);width:96vw;max-height:94dvh;margin:auto;padding:0;border:1px solid #52729d;border-radius:14px;background:#0b1932;color:white;overflow:auto;box-shadow:0 30px 100px #0008}.platform-lightbox::backdrop{background:#020b1de6;backdrop-filter:blur(8px)}.platform-lightbox-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:#10213f}.platform-lightbox-head h2{font-size:21px!important;line-height:1.5!important;color:white!important;margin:0}.platform-lightbox-head button{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 14px;border:1px solid #6c82a3;border-radius:6px;background:transparent;color:white;font:inherit;font-size:16px;cursor:pointer}.platform-lightbox-head button span:last-child{font-size:25px;line-height:1}.platform-lightbox>img{display:block;width:100%;height:auto;margin:0;background:#eff3f8}.platform-lightbox>p{font-size:14px!important;line-height:1.7!important;color:#c0d0e9!important;margin:15px 20px!important}.platform-lightbox-open{overflow:hidden}
@media(max-width:1100px){.platform-showcase-panel{gap:25px;padding:28px;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)}.platform-showcase-tabs a{padding:20px 17px;grid-template-columns:1fr}.platform-showcase-tabs .platform-tab-index{display:none}}
@media(max-width:850px){.platform-showcase-panel{grid-template-columns:1fr;padding:25px;gap:25px}.platform-showcase-copy ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.platform-showcase-copy li{font-size:15px!important;min-width:0}.platform-showcase-tabs strong{font-size:17px}.platform-showcase-tabs small{font-size:12px}.platform-screen-link{aspect-ratio:1.72}.home-platforms .platform-showcase-copy>p{max-width:70ch}}
@media(max-width:600px){.home-platforms .platform-showcase{border-radius:12px}.platform-showcase-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-showcase-tabs a{padding:15px 18px;min-height:82px}.platform-showcase-tabs a:nth-child(2){border-right:0}.platform-showcase-tabs a:nth-child(-n+2){border-bottom-color:#32435f}.platform-showcase-tabs a[aria-selected=true]{border-bottom-color:#ff5264}.platform-showcase-tabs strong{font-size:18px}.platform-showcase-tabs small{font-size:13px}.platform-showcase-panel{padding:19px;gap:24px}.platform-screen-top{padding:10px 12px;font-size:11px}.platform-screen-link .platform-expand-hint{right:7px;bottom:7px;font-size:12px;gap:7px;padding:7px 9px}.platform-screen figcaption{font-size:12px;margin-top:10px}.home-platforms .platform-showcase-copy h3{font-size:30px!important}.home-platforms .platform-showcase-copy>p{font-size:17px!important}.platform-showcase-copy ul{grid-template-columns:1fr;gap:0;margin-bottom:18px}.platform-showcase-copy li{padding:10px 0}.platform-lightbox{width:98vw;max-width:98vw;border-radius:8px}.platform-lightbox-head{padding:10px 12px}.platform-lightbox-head h2{font-size:18px!important}.platform-lightbox-head button{font-size:14px;gap:8px;padding-inline:9px}.home-platforms:has(.platform-showcase) .platform{min-height:340px}}
@media(prefers-reduced-motion:reduce){.platform-showcase-tabs a,.platform-screen-link img{transition:none}.platform-screen-link:hover img{transform:none}}
.platform-screen-link:has([data-platform-preview]){aspect-ratio:1100/640;background:#f2f6fa}
.platform-screen-link [data-platform-preview]{display:block;width:1100px;height:640px;border:0;transform-origin:top left;pointer-events:none;background:#f2f6fa}
.platform-lightbox [data-lightbox-preview]{display:block;width:100%;height:min(74vh,800px);border:0;background:#f2f6fa}
.platform-lightbox [hidden]{display:none!important}
.platform-product-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:50px;align-items:center}
.platform-product-copy{min-width:0}.platform-product-copy h1{overflow-wrap:anywhere}.platform-product-copy>p{max-width:44ch;margin-bottom:28px}.platform-product-copy>.btn{margin-top:5px}
.platform-product-visual{min-width:0;background:#0b1932;border:1px solid #2b4369;padding:22px;border-radius:14px;box-shadow:0 20px 55px #10213f16}
.platform-product-visual .platform-screen{width:100%;max-width:none}.platform-product-visual .platform-screen figcaption{font-size:13px!important;line-height:1.8!important;color:#c3d1e9!important;margin:14px 0 0!important}
.platform-product-intro+nav.service-detail-nav{margin-top:38px}
@media(max-width:1100px){.platform-product-intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:30px}.platform-product-visual{padding:17px}}
@media(max-width:850px){.platform-product-intro{grid-template-columns:1fr;gap:30px}.platform-product-copy>p{max-width:70ch}.platform-product-visual{max-width:850px;width:100%;padding:20px}.platform-product-intro+nav.service-detail-nav{margin-top:28px}}
@media(max-width:600px){.platform-product-intro{gap:26px}.platform-product-visual{padding:12px;border-radius:10px}.platform-product-visual .platform-screen figcaption{font-size:12px!important;margin-top:12px!important}}
