.gra-hero-visual-shell{position:relative;isolation:isolate;overflow:hidden;min-height:430px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#081221;box-shadow:0 30px 80px rgba(0,0,0,.38)}
.gra-hero-visual-shell::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 48%,rgba(5,11,20,.9) 100%);pointer-events:none}
.gra-hero-visual-shell picture{position:absolute;inset:0;display:block}
.gra-hero-visual-shell picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.gra-hero-visual-shell:hover picture img{transform:scale(1.025)}
.gra-hero-visual-caption{position:absolute;right:22px;bottom:20px;left:22px;z-index:2;display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:end;padding:17px 18px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(9,19,34,.74);box-shadow:0 12px 34px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
.gra-hero-visual-caption span{grid-column:1/-1;color:#f5cb37;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.gra-hero-visual-caption strong{color:#fff;font-size:15px;line-height:1.35}
.gra-hero-visual-caption a{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #d5a500;border-radius:8px;background:linear-gradient(180deg,#f8d653,#eab308);color:#111827;font-size:11px;font-weight:900;text-decoration:none}
.gra-hero-visual-caption a:hover{filter:brightness(1.06)}
.gra-hero-product[hidden]{display:none!important}
@media(max-width:1050px){.gra-hero-visual-shell{min-height:390px}.gra-hero-visual-shell picture img{object-position:62% center}}
@media(max-width:760px){.gra-hero-visual-shell{min-height:350px}.gra-hero-visual-caption{right:12px;bottom:12px;left:12px;grid-template-columns:1fr;padding:14px}.gra-hero-visual-caption a{margin-top:6px}.gra-hero-visual-shell picture img{object-position:66% center}}
@media(prefers-reduced-motion:reduce){.gra-hero-visual-shell picture img{transition:none}.gra-hero-visual-shell:hover picture img{transform:none}}

.gra-use-case-grid>a{overflow:hidden;padding:0!important}
.gra-use-case-image{display:block;width:100%;height:190px;object-fit:cover;border-bottom:1px solid #dfe5ed;background:#0b1525;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .25s ease}
.gra-use-case-grid>a:hover .gra-use-case-image{transform:scale(1.035);filter:brightness(1.06)}
.gra-use-case-grid>a>.gra-use-case-number,.gra-use-case-grid>a>h3,.gra-use-case-grid>a>p,.gra-use-case-grid>a>.gra-card-link{margin-right:22px;margin-left:22px}
.gra-use-case-grid>a>.gra-use-case-number{margin-top:19px}
.gra-use-case-grid>a>.gra-card-link{margin-bottom:22px}
@media(max-width:760px){.gra-use-case-image{height:220px}}

/* Homepage category gateway beneath hero */
body.gra-home .gra-home-start{margin-top:0;padding:62px 0 58px;background:linear-gradient(180deg,#eef3f9 0%,#f7f9fc 100%)}
body.gra-home .gra-home-start-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:46px;align-items:end;margin-bottom:26px}
body.gra-home .gra-home-start-heading h2{margin:8px 0 0;color:#111827;font-size:clamp(30px,4vw,44px);line-height:1.06;letter-spacing:-.045em}
body.gra-home .gra-home-start-heading p{margin:0;color:#5c687a;font-size:15px;line-height:1.7}
body.gra-home .gra-home-start .gra-quick-path-grid{gap:18px}
body.gra-home .gra-home-start .gra-quick-path-grid>a{display:block;overflow:hidden;padding:0;border:1px solid #dce3ec;border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(23,32,51,.09)}
body.gra-home .gra-home-start .gra-quick-path-grid>a:hover{border-color:#d5ad2a;box-shadow:0 20px 48px rgba(23,32,51,.15)}
body.gra-home .gra-path-media{position:relative;display:block;height:152px;overflow:hidden;background:#0b1525}
body.gra-home .gra-path-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .25s ease}
body.gra-home .gra-quick-path-grid>a:hover .gra-path-media img{transform:scale(1.04);filter:brightness(1.06)}
body.gra-home .gra-path-media>span{position:absolute;left:14px;bottom:13px;padding:5px 8px;border-radius:6px;background:rgba(9,17,29,.84);color:#fff;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
body.gra-home .gra-path-body{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:17px 17px 18px}
body.gra-home .gra-path-copy{min-width:0}
body.gra-home .gra-path-copy strong{color:#172033;font-size:15px}
body.gra-home .gra-path-copy small{margin-top:4px;color:#647084;font-size:11px;line-height:1.5}
body.gra-home .gra-path-cta{grid-column:2;color:#8a6800;font-size:10px;font-weight:850}
@media(max-width:980px){body.gra-home .gra-home-start-heading{grid-template-columns:1fr;gap:13px}body.gra-home .gra-path-media{height:180px}}
@media(max-width:600px){body.gra-home .gra-home-start{padding:46px 0}body.gra-home .gra-home-start-heading{margin-bottom:20px}body.gra-home .gra-path-media{height:210px}}