.system-grid{grid-template-columns:repeat(12,1fr);gap:22px;align-items:stretch}
.system-grid .system-card{grid-column:span 4;position:relative;background:linear-gradient(145deg,#fff,#f9fbfe)}
.system-grid .system-card.featured{grid-column:span 7}
.system-grid .system-card.flagship{grid-column:span 5;background:linear-gradient(145deg,#10223e,#1a3a62);color:#fff;border-color:#2b507b}
.system-grid .system-card.flagship .card-image{height:255px;background:#17365c}
.system-grid .system-card.flagship .card-body p{color:#bed0e6}
.system-grid .system-card.flagship .card-meta,.system-grid .system-card.flagship .tech-stack span{color:#88a9cd}
.system-grid .system-card.flagship .tech-stack{border-color:#ffffff2b}
.system-grid .system-card.flagship .tech-stack strong{color:#fff}
.system-grid .system-card.flagship .card-body a{color:#55d9e3}
.system-grid .system-card:nth-child(2),.system-grid .system-card:nth-child(5){transform:translateY(18px)}
.system-grid .system-card:nth-child(2):hover,.system-grid .system-card:nth-child(5):hover{transform:translateY(11px)}
.system-grid .system-card::after{content:'↗';position:absolute;right:20px;top:20px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffffdd;color:var(--blue);font-size:16px;opacity:0;transform:translateY(5px);transition:.25s}
.system-grid .system-card:hover::after{opacity:1;transform:translateY(0)}
.system-grid .system-card.in-development{border-style:dashed}.system-grid .system-card.in-development .card-meta span:first-child{color:#e4902f}.system-grid .system-card.in-development .tech-stack strong{color:#e4902f}
@media(max-width:800px){.system-grid{grid-template-columns:1fr}.system-grid .system-card,.system-grid .system-card.featured,.system-grid .system-card.flagship{grid-column:auto}.system-grid .system-card:nth-child(2),.system-grid .system-card:nth-child(5){transform:none}}
.expertise-section{background:#f7fbff}.expertise-intro{max-width:620px;color:var(--muted);margin:18px auto 0;text-align:center}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.expertise-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px 22px;min-height:215px}.expertise-card span{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.12em}.expertise-card h3{font:600 19px 'Space Grotesk';line-height:1.2;margin:18px 0 9px}.expertise-card p{font-size:13px;color:var(--muted);margin:0}@media(max-width:800px){.expertise-grid{grid-template-columns:1fr 1fr}}@media(max-width:440px){.expertise-grid{grid-template-columns:1fr}}