/* project: platforms */
#cs5{--g:#1D4ED8; --g2:#38BDF8; --gs:#E3EDFF; --sage:#F2F6FD; --tx:#0F1F3D; --mu:#4B5B78; background:var(--sage); color:var(--tx)}
.c5-hero{padding:64px 0 96px; color:#fff; background:radial-gradient(ellipse 60% 70% at 85% 10%, rgba(56,189,248,.45), transparent 60%), linear-gradient(135deg,#0A1A45 0%,#12338F 50%,#1D63D8 100%)}
.c5-hero .back{color:#BFD3F7}
.c5-hero .c5-kick{color:#7DD3FC}
.c5-hero .c5-lead{color:#D3E0F8}
.c5-kick{margin:36px 0 10px; font-size:15px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--g)}
.c5-hero h1{font-size:clamp(42px,6.6vw,88px); font-weight:700; margin:0 0 18px}
.c5-lead{font-size:clamp(18px,1.9vw,22px); color:var(--mu); max-width:52ch; margin:0}
.c5-map{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:56px; position:relative}
.c5-map::before{content:""; position:absolute; left:8%; right:8%; top:50%; height:2px; background:repeating-linear-gradient(90deg,rgba(125,211,252,.8) 0 8px,transparent 8px 16px); z-index:0}
.node{position:relative; z-index:1; display:flex; flex-direction:column; gap:4px; padding:26px 26px 24px; background:rgba(255,255,255,.97); border:1px solid #D5E2F7; border-radius:20px; text-decoration:none; color:var(--tx); box-shadow:0 18px 40px -30px rgba(10,26,69,.6); transition:transform .25s, box-shadow .25s, border-color .25s}
.node:hover{transform:translateY(-4px); border-color:var(--g2); box-shadow:0 24px 50px -28px rgba(10,26,69,.75)}
.n-role{align-self:flex-start; font-size:13px; font-weight:700; color:var(--g); background:var(--gs); padding:3px 12px; border-radius:999px; margin-bottom:10px}
.node b{font-family:var(--display); font-size:28px; font-weight:650; line-height:1.1}
.node em{font-style:normal; color:var(--mu); font-size:15px}
.node strong{margin-top:14px; font-family:var(--display); font-size:34px; line-height:1.05; background:linear-gradient(90deg,#1D4ED8,#0EA5E9); -webkit-background-clip:text; background-clip:text; color:transparent}
.c5-plat{padding:96px 0; background:linear-gradient(180deg,#F2F6FD,#E6EEFC); scroll-margin-top:70px}
.c5-plat.alt{background:linear-gradient(180deg,#FFFFFF,#F2F6FD)}
.c5-row{display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center}
.c5-row.flip .c5b{order:2}
.c5b{background:#fff; box-shadow:0 30px 60px -36px rgba(15,31,61,.45)}
.c5-plat.alt .c5b{background:var(--sage)}
.c5b i{background:#CBD9F0!important; box-shadow:15px 0 0 #CBD9F0, 30px 0 0 #CBD9F0!important}
.c5b img{width:100%; border-radius:6px; aspect-ratio:auto}
.c5-badge{display:inline-block; margin:0 0 14px; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#fff; background:linear-gradient(90deg,#1D4ED8,#38BDF8); padding:5px 14px; border-radius:999px}
.c5-info h2{font-size:clamp(28px,3.2vw,40px); margin-bottom:8px}
.c5-aud{margin:0 0 20px; color:var(--mu); font-size:16px}
.c5-info ul{list-style:none; margin:0; padding:0}
.c5-info li{position:relative; padding:0 0 12px 24px; font-size:17px; color:#1E2F4F}
.c5-info li::before{content:""; position:absolute; left:0; top:9px; width:10px; height:10px; border-radius:50%; border:2.5px solid var(--g2)}
.c5-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:24px; padding-top:22px; border-top:1px solid #D5E2F7}
.c5-stats strong{display:block; font-family:var(--display); font-size:30px; color:var(--g); line-height:1.1}
.c5-stats span{font-size:14px; color:var(--mu)}
@media (max-width:900px){
  .c5-map{grid-template-columns:1fr}
  .c5-map::before{left:50%; right:auto; top:6%; bottom:6%; width:2px; height:auto; background:repeating-linear-gradient(180deg,var(--g2) 0 8px,transparent 8px 16px)}
  .c5-row{grid-template-columns:1fr; gap:32px}
  .c5-row.flip .c5b{order:0}
  .c5-plat{padding:64px 0}
}