/* ========================================================= Platform Cards Section ========================================================= */
.platform-cards-section{padding-block:var(--section-padding);background-color:var(--color-teal-900);color:var(--color-white);}
/* ---------- Header ---------- */
.platform-cards-section .platform-cards-header{text-align:center;max-width:800px;margin-inline:auto;margin-bottom:var(--space-xll);}
.platform-cards-section .platform-cards-header h2{color:var(--color-white);margin-bottom:var(--space-xxm);}
.platform-cards-section .platform-cards-header p{color:var(--color-white);}
/* ---------- Grid ---------- */
.platform-cards-section .platform-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);}
/* ---------- Cards ---------- */
.platform-cards-section .platform-cards-item{background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-lg);padding:var(--space-llg);transition:transform 0.2s ease,background-color 0.2s ease;}
.platform-cards-section .platform-cards-item:hover{transform:translateY(-4px);background-color:rgba(255,255,255,0.08);}
.platform-cards-section .platform-cards-item h3{color:var(--color-white);margin-bottom:var(--space-md);}
.platform-cards-section .platform-cards-item p{color:#E5F2F5;margin-bottom:var(--space-sm);flex-grow:1;font-size:var(--font-size-h6);line-height:var(--line-height-meta);}
/* ---------- Footer ---------- */
.platform-cards-section .platform-cards-item-link{color:var(--color-signal-400);}
.platform-cards-section .platform-cards-item-link span img{filter:brightness(0) saturate(100%) invert(69%) sepia(14%) saturate(1593%) hue-rotate(122deg) brightness(103%) contrast(95%);}
.platform-cards-section .platform-cards-item-icon{width:48px;height:48px;border-radius:50%;background-color:var(--color-signal-500);color:var(--color-teal-950);padding:11px;}
.platform-cards-section .platform-cards-item-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(85%) saturate(1%) hue-rotate(236deg) brightness(111%) contrast(101%);max-width:26px;max-height:26px;}
.platform-cards-section .platform-cards-item-icon svg{width:20px;height:20px;}
/* ---------- Large Desktop / Laptop ---------- */
@media (max-width:1199px){.platform-cards-section .platform-cards-grid{grid-template-columns:repeat(2,1fr);}
}
/* ---------- Tablet ---------- */
@media (max-width:991px){}
/* ---------- Mobile ---------- */
@media (max-width:767px){.platform-cards-section .platform-cards-header{text-align:left;margin-inline:0;}
.platform-cards-section .platform-cards-grid{grid-template-columns:1fr;gap:var(--space-sm);}
.platform-cards-section .platform-cards-item{padding:18px 16px;}
}