.technology-hero{background:var(--navy);color:#fff;padding:2rem 0 0;position:relative;overflow:hidden;background-image:linear-gradient(115deg,transparent 65%,rgba(255,255,255,.035) 65%)}
.technology-breadcrumb{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.75rem;color:#b4c1cf;margin-bottom:3.5rem}
.technology-breadcrumb a{color:#fff}.technology-eyebrow{display:block;font-size:.65rem;font-weight:700;letter-spacing:.16em;color:var(--red);margin-bottom:1rem}
.technology-hero>.container-fluid>h1{max-width:1000px;font-family:var(--font-display);font-size:clamp(3rem,5.7vw,6rem);line-height:1;font-weight:600;text-transform:uppercase;margin-bottom:1.5rem;overflow-wrap:anywhere}
.technology-hero p{max-width:690px;color:#c8d2dc;line-height:1.85;font-size:.95rem;margin-bottom:3rem}
.technology-hero-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #ffffff24;padding:1.3rem 0;font-size:.72rem;color:#c8d2dc}.technology-hero-bottom i{margin-right:.5rem;color:var(--red)}
.technology-content{padding-top:4.5rem;padding-bottom:4.5rem}.technology-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem}
.technology-section-heading h2,.technology-cta h2{font-family:var(--font-display);font-size:clamp(2rem,3vw,3.2rem);font-weight:600;margin:0;text-transform:uppercase}.technology-section-heading p{color:var(--muted);font-size:.85rem}
.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.technology-category{display:flex;flex-direction:column;min-width:0;min-height:290px;border:1px solid var(--line);padding:2rem;background:var(--soft);color:var(--navy);transition:background .2s,color .2s,transform .2s}
.technology-category:hover,.technology-category:focus-visible{background:var(--navy);color:#fff;transform:translateY(-4px)}.technology-category:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.technology-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.technology-card-top>i{display:grid;place-items:center;background:#fff;width:58px;height:58px;color:var(--red);font-size:1.7rem}.technology-card-top>span{font-family:var(--font-display);font-size:1.5rem;opacity:.45}
.technology-category-count{font-size:.7rem;color:var(--red);margin-bottom:.7rem;font-weight:600}.technology-category h3{font-family:var(--font-display);font-size:2rem;font-weight:600;text-transform:uppercase;overflow-wrap:anywhere;margin-bottom:1.7rem}
.technology-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:1rem;margin-top:auto;font-size:.7rem;font-weight:600}.technology-card-bottom i{font-size:1.2rem;color:var(--red)}
.technology-back{display:inline-flex;gap:.7rem;align-items:center;color:var(--navy);font-size:.8rem;font-weight:600;margin-bottom:2.5rem}.technology-back:hover{color:var(--red)}
.technology-detail{padding:0 0 4rem;margin-bottom:4rem;border-bottom:1px solid var(--line)}.technology-detail-heading{display:flex;align-items:baseline;gap:1rem;margin-bottom:2rem}.technology-detail-heading>span{color:var(--red);font-family:var(--font-display);font-size:1.5rem}.technology-detail-heading h2{font-family:var(--font-display);font-size:clamp(2.2rem,3.3vw,3.8rem);font-weight:600;text-transform:uppercase;line-height:1.1;overflow-wrap:anywhere}
.technology-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}.technology-detail-reverse .technology-visual{order:2}
.technology-visual{position:relative;padding:2rem;background:var(--soft);border:1px solid var(--line);min-width:0}.technology-visual img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;aspect-ratio:1/1;background: radial-gradient(ellipse at 55% 40%,#ffffff 0%,#f6faff 38%,#e3f0ff 68%,#bddbff 100%);}.technology-visual-label{display:block;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line);font-size:.6rem;letter-spacing:.15em;color:var(--muted)}
.technology-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:300px;text-align:center;color:var(--muted)}.technology-image-placeholder i{font-size:5rem;color:var(--red)}
.technology-copy{min-width:0}.technology-lead{font-size:1.1rem;line-height:1.8;color:var(--navy);font-weight:500;margin-bottom:1.5rem}.technology-richtext{font-size:.92rem;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.technology-richtext p:last-child,.technology-richtext ul:last-child,.technology-richtext ol:last-child{margin-bottom:0}.technology-richtext h2,.technology-richtext h3,.technology-richtext h4{font-family:var(--font-display);color:var(--navy);font-size:1.7rem;margin-top:1.5rem}.technology-richtext li{padding-left:.3rem;margin-bottom:.6rem}.technology-richtext li::marker{color:var(--red)}.technology-richtext blockquote{border-left:3px solid var(--red);padding-left:1rem}
.technology-benefits{background:var(--soft);border-left:3px solid var(--red);padding:1.6rem;margin-top:2rem}.technology-benefits>h3{font-family:var(--font-display);font-size:1.7rem;color:var(--navy);margin-bottom:1rem}.technology-benefits>h3 i{color:var(--red);margin-right:.5rem}
.technology-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--navy);color:white;padding:clamp(1.5rem,4vw,4rem);margin-top:4rem}.technology-cta p{color:#c8d2dc;font-size:.85rem;margin:1rem 0 0}.technology-cta .btn{flex-shrink:0}.technology-empty{padding:3rem;text-align:center;background:var(--soft);color:var(--muted)}
@media(max-width:991.98px){.technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-detail-layout{grid-template-columns:1fr}.technology-detail-reverse .technology-visual{order:0}.technology-visual img{max-height:440px;aspect-ratio:4/3}.technology-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:575.98px){.technology-grid{grid-template-columns:1fr}.technology-content{padding-top:2.5rem;padding-bottom:2.5rem}.technology-breadcrumb{margin-bottom:2rem}.technology-section-heading{display:block}.technology-category{min-height:250px;padding:1.5rem}.technology-hero-bottom{flex-direction:column}.technology-detail{padding-bottom:2.5rem;margin-bottom:2.5rem}.technology-visual{padding:1rem}.technology-benefits{padding:1.2rem}}
/* Keep the image within its own content row, below the sticky navigation. */
@media(min-width:992px) and (min-height:600px){
  .technology-visual{position:sticky;top:116px;align-self:start}
  .technology-visual img{max-height:min(600px,calc(100vh - 250px));max-height:min(600px,calc(100dvh - 250px))}
  .technology-image-placeholder{min-height:0;height:min(300px,calc(100vh - 250px));height:min(300px,calc(100dvh - 250px))}
}
@media(prefers-reduced-motion:reduce){.technology-category{transition:none;transform:none!important}}