.platform-stack{position:relative;overflow:hidden;padding:clamp(84px,10vw,150px) clamp(24px,6vw,96px);background:#07192c;color:#edf8f7}
.platform-stack:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(63,202,190,.17),transparent 34%),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.035) 30.2%,transparent 30.5%);pointer-events:none}
.platform-stack-head,.platform-rail,.platform-grid,.platform-note{position:relative;z-index:1;max-width:1280px;margin-inline:auto}
.platform-stack-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:clamp(32px,8vw,120px);align-items:end;margin-bottom:58px}
.platform-stack .overline{color:#6ed8d0;margin-bottom:22px}
.platform-stack h2{margin:0;font-size:clamp(2.7rem,5.4vw,6.3rem);line-height:.98;letter-spacing:-.055em;font-weight:640}
.platform-stack h2 em{font-style:normal;color:#5ed1c8}
.platform-stack-head>p{max-width:440px;margin:0 0 8px;color:rgba(237,248,247,.68);font-size:1.02rem;line-height:1.9}
.platform-rail{display:grid;grid-template-columns:1fr minmax(200px,.8fr) 1fr;gap:28px;align-items:center;padding:22px 0 28px;border-top:1px solid rgba(237,248,247,.15);border-bottom:1px solid rgba(237,248,247,.15);margin-bottom:30px}
.platform-rail-copy{display:grid;gap:7px}.platform-rail-copy strong{font-size:1.2rem;font-weight:590}.platform-rail-copy small{color:rgba(237,248,247,.55);font-size:.82rem}.rail-kicker{color:#68d6cd;font-size:.66rem;letter-spacing:.14em;font-weight:680}.rail-right{text-align:right}
.platform-rail-line{display:flex;align-items:center;justify-content:center;gap:7px}.platform-rail-line:before{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#53cfc5)}.platform-rail-line:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#53cfc5,transparent)}.platform-rail-line i{display:block;width:6px;height:6px;border:1px solid #67d6cd;border-radius:50%;box-shadow:0 0 0 4px rgba(103,214,205,.1)}
.platform-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.platform-card{position:relative;min-height:178px;padding:22px 17px 18px;border:1px solid rgba(237,248,247,.14);border-radius:14px;background:rgba(255,255,255,.055);display:flex;flex-direction:column;justify-content:space-between;transition:transform .28s ease,border-color .28s ease,background .28s ease}.platform-card:hover{transform:translateY(-7px);border-color:rgba(103,214,205,.78);background:rgba(103,214,205,.11)}
.platform-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.11);font-size:1.35rem;font-weight:700;color:#bdeee9}.platform-card h3{margin:22px 0 5px;font-size:1.1rem;font-weight:650}.platform-card p{margin:0;color:rgba(237,248,247,.72);font-size:.82rem;line-height:1.5}.platform-card small{display:block;margin-top:13px;color:rgba(237,248,247,.42);font-size:.7rem}.platform-card>span{position:absolute;right:15px;top:18px;color:rgba(237,248,247,.32);font:600 .65rem ui-monospace,monospace}.platform-windows .platform-mark{color:#70c6ff}.platform-linux .platform-mark{color:#f3c76e}.platform-macos .platform-mark{color:#d4d9ff}.platform-ios .platform-mark{color:#f7f8ff}.platform-android .platform-mark{color:#7de59b}.platform-harmony .platform-mark{color:#ff8caa}
.platform-note{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin-top:28px;padding-top:23px;border-top:1px solid rgba(237,248,247,.12)}.platform-note>span{color:#68d6cd;font-size:.68rem;letter-spacing:.14em;font-weight:680}.platform-note p{margin:0;color:rgba(237,248,247,.56);font-size:.79rem;line-height:1.65}.platform-note a{color:#e7fffb;text-decoration:none;font-size:.82rem;white-space:nowrap}.platform-note a b{color:#68d6cd;margin-left:7px}
@media(max-width:1060px){.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-card{min-height:158px}}
@media(max-width:740px){.platform-stack{padding:78px 20px}.platform-stack-head{grid-template-columns:1fr;gap:26px;margin-bottom:40px}.platform-stack h2{font-size:clamp(2.7rem,14vw,4.7rem)}.platform-stack-head>p{font-size:.92rem;line-height:1.75}.platform-rail{grid-template-columns:1fr;gap:16px}.platform-rail-line{order:3}.rail-right{text-align:left}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.platform-card{min-height:170px;padding:18px 14px}.platform-note{grid-template-columns:1fr;gap:11px}.platform-note a{justify-self:start}}
@media(prefers-reduced-motion:reduce){.platform-card{transition:none}.platform-card:hover{transform:none}}