.abra-home-hero .abra-wrap { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(28px, 6vw, 72px); align-items: center; }
.abra-metro-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 112px; gap: 12px; }
.abra-metro-board span { border-radius: var(--abra-radius); background: var(--tile-color); box-shadow: var(--abra-shadow); opacity: 0.95; }
.abra-metro-board span:nth-child(1) { grid-column: span 2; grid-row: span 2; --tile-color: var(--abra-blue); }
.abra-metro-board span:nth-child(2) { --tile-color: var(--abra-yellow); }
.abra-metro-board span:nth-child(3) { --tile-color: var(--abra-cyan); }
.abra-metro-board span:nth-child(4) { grid-column: span 2; --tile-color: var(--abra-magenta); }
.abra-metro-board span:nth-child(5) { --tile-color: var(--abra-green); }
.abra-metro-board span:nth-child(6) { grid-column: span 2; --tile-color: rgba(255,255,255,.78); border: 1px solid var(--abra-line); backdrop-filter: blur(18px); }
.abra-proof-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 34px; }
.abra-proof-strip strong { display: block; font-size: 1.7rem; }
.abra-proof-strip p { margin: 4px 0 0; color: var(--abra-muted); }
.abra-home-split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; align-items: stretch; }
.abra-home-split .abra-card:first-child { background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(0,120,212,.1)); }
.abra-home-split .abra-card:last-child { background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(194,57,179,.1)); }
.abra-signal-list { display: grid; gap: 12px; margin-top: 18px; }
.abra-signal-list div { padding: 16px; border: 1px solid var(--abra-line); border-radius: var(--abra-radius); background: rgba(255,255,255,.62); }
.abra-signal-list strong { display: block; margin-bottom: 4px; }
.abra-home-process .abra-card { min-height: 220px; }
.abra-home-process .abra-card:nth-child(1){border-top:6px solid var(--abra-blue)} .abra-home-process .abra-card:nth-child(2){border-top:6px solid var(--abra-yellow)} .abra-home-process .abra-card:nth-child(3){border-top:6px solid var(--abra-green)} .abra-home-process .abra-card:nth-child(4){border-top:6px solid var(--abra-magenta)}
@media (max-width: 900px) { .abra-home-hero .abra-wrap, .abra-home-split { grid-template-columns: 1fr; } .abra-metro-board { grid-auto-rows: 82px; } .abra-proof-strip { grid-template-columns: 1fr; } }