:root {
  --color-ink: #10233b;
  --color-muted: #5f7085;
  --color-blue: #176fd1;
  --color-teal: #0d9f95;
  --color-surface: #ffffff;
  --color-surface-soft: #f2f7fb;
  --color-line: #dce6ef;
  --shadow-soft: 0 18px 48px rgba(20, 65, 110, 0.12);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --container: 1180px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--color-ink); background: var(--color-surface); font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; line-height: 1.7; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
.container { width: min(calc(100% - 32px), var(--container)); margin-inline: auto; }
.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 20px; border-radius: 999px; }

.site-header { position: sticky; z-index: 20; top: 0; border-bottom: 1px solid var(--color-line); background: rgb(255 255 255 / 94%); backdrop-filter: blur(12px); }
.site-header__inner { position: relative; display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 24px; }
.site-logo { display: inline-flex; flex: 0 0 auto; align-items: center; padding: 8px 12px; border-radius: 9px; background: #0c3158; }
.site-logo img { width: 150px; }
.site-nav { color: var(--color-muted); font-size: 0.94rem; font-weight: 700; }
.site-nav [data-nav-menu] { display: flex; align-items: center; gap: 28px; margin: 0; padding: 0; list-style: none; }
.site-nav a { text-decoration: none; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--color-blue); }
.nav-toggle { display: none; min-width: 44px; min-height: 44px; padding: 8px; border: 0; border-radius: var(--radius-sm); color: var(--color-ink); background: transparent; font: inherit; cursor: pointer; }

.hero { position: relative; overflow: hidden; padding: clamp(72px, 11vw, 142px) 0; background: linear-gradient(125deg, #0c3158, #176fd1 58%, #0d9f95); color: white; }
.hero::after { position: absolute; inset: auto -15% -62% auto; width: 560px; aspect-ratio: 1; border: 1px solid rgb(255 255 255 / 30%); border-radius: 50%; content: ""; }
.hero__content { position: relative; z-index: 1; max-width: 760px; }
.eyebrow { margin: 0 0 12px; color: var(--color-teal); font-size: 0.82rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.hero .eyebrow { color: #83eee5; }
.hero h1 { max-width: 760px; margin: 0; font-size: clamp(2.25rem, 5vw, 4.4rem); line-height: 1.18; letter-spacing: -.04em; }
.hero p { max-width: 650px; margin: 22px 0 30px; color: rgb(255 255 255 / 86%); font-size: 1.1rem; }
.button--primary { color: white; background: var(--color-blue); box-shadow: 0 12px 24px rgb(23 111 209 / 25%); text-decoration: none; }
.hero .button--primary { color: var(--color-ink); background: white; }
.button--secondary { border: 1px solid var(--color-line); color: var(--color-blue); background: white; text-decoration: none; }

.section { padding: clamp(58px, 8vw, 104px) 0; }
.section--soft { background: var(--color-surface-soft); }
.section-heading { max-width: 700px; margin-bottom: 38px; }
.section-heading h2 { margin: 0; font-size: clamp(1.8rem, 3.5vw, 2.8rem); line-height: 1.25; }
.section-heading p { margin: 12px 0 0; color: var(--color-muted); }
.product-card, .case-card, .parameter-panel, .download-card, .contact-card { border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-soft); }
.product-card { overflow: hidden; }
.product-card__body, .case-card__body, .download-card, .contact-card { padding: 26px; }
.product-card h3, .case-card h3, .download-card h3, .contact-card h3 { margin: 0; font-size: 1.2rem; }
.product-card p, .case-card p, .download-card p, .contact-card p { color: var(--color-muted); }
.case-card { display: grid; grid-template-columns: 1.1fr 1fr; overflow: hidden; }
.case-card__media { min-height: 250px; background: linear-gradient(135deg, var(--color-blue), var(--color-teal)); }
.parameter-panel { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; }
.parameter { padding: 24px; border-right: 1px solid var(--color-line); }
.parameter:last-child { border-right: 0; }
.parameter strong { display: block; color: var(--color-blue); font-size: 1.8rem; }
.download-list { display: grid; gap: 14px; }
.download-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; box-shadow: none; }
.contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.contact-card { box-shadow: none; }

.site-footer { padding: 44px 0; color: #d7e6f3; background: #0c2541; }
.site-footer__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-footer p { margin: 0; }
.site-footer a { color: white; text-decoration: none; }
.reveal { transition: opacity .55s ease, transform .55s ease; }
.js .reveal { opacity: 0; transform: translateY(20px); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.page-hero { padding: clamp(64px, 9vw, 110px) 0; }
.page-hero h1 { font-size: clamp(2.25rem, 5vw, 3.8rem); }
.breadcrumb { margin: 0 0 18px; color: rgb(255 255 255 / 75%); font-size: .9rem; }
.breadcrumb a { color: inherit; }
.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.feature-list { display: grid; gap: 14px; padding: 0; list-style: none; }
.feature-list li { padding: 18px 20px; border-left: 3px solid var(--color-teal); background: var(--color-surface-soft); }
.cta-panel { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 34px; border: 1px solid #cde2ed; border-radius: var(--radius-lg); background: linear-gradient(115deg, #eaf3ff, #e3f5f0); }
.cta-panel h2, .cta-panel p { margin: 0; }
.dashboard-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.dashboard-tab { min-height: 44px; padding: 8px 16px; border: 1px solid var(--color-line); border-radius: 999px; color: var(--color-blue); background: white; font: inherit; font-weight: 700; cursor: pointer; }
.dashboard-tab[aria-pressed="true"] { color: white; background: var(--color-blue); border-color: var(--color-blue); }
.dashboard-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.dashboard-stat { padding: 22px; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: white; }
.dashboard-stat strong { display: block; color: var(--color-blue); font-size: 1.55rem; }
.dashboard-panel { padding: 28px; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: white; }
.dashboard-panel[hidden] { display: none; }
.table-scroll { max-width: 100%; overflow-x: auto; }
table { width: 100%; min-width: 680px; border-collapse: collapse; }
th, td { padding: 14px 16px; border-bottom: 1px solid var(--color-line); text-align: left; }
th { color: var(--color-blue); background: var(--color-surface-soft); }
.home a:focus-visible, .home button:focus-visible { outline: 3px solid var(--color-blue); outline-offset: 5px; }
.home .site-nav a, .site-footer a { display: inline-flex; min-height: 44px; align-items: center; }
.home-hero { color: var(--color-ink); background: radial-gradient(ellipse at 85% 15%, #c7f1e7, transparent 48%), radial-gradient(ellipse at 25% 95%, #d4e7fc, transparent 55%), #f4f9fd; }
.home-hero .eyebrow { color: #08776f; }.home-hero p { color: var(--color-muted); }.home-hero h1 span { display: block; color: var(--color-blue); }
.home-actions,.home-tags { display: flex; flex-wrap: wrap; gap: 12px; }.home-products { grid-template-columns: repeat(2,minmax(0,1fr)); }
.home-product-visual { display:flex;min-height:210px;flex-direction:column;justify-content:center;gap:18px;padding:32px;background:linear-gradient(135deg,#e8f2ff,#d6e9ff) }.home-product-visual--teal{background:linear-gradient(135deg,#e7f8f5,#cef0e8)}
.home-product-visual strong{color:#154a83;font-size:clamp(1.6rem,3vw,2.4rem)}.home-tags span{padding:5px 12px;border:1px solid #bfd6e9;border-radius:8px;background:#ffffffb3;font-size:.8rem}.home-text-link{display:inline-flex;min-height:44px;align-items:center;margin-top:24px;color:var(--color-blue);font-weight:700}.home-case-list,.home-credential-list{display:grid;gap:20px}.home .case-card{grid-template-columns:.8fr 1.2fr}.home-case-label{padding:28px;background:#eaf3fc}.home-credentials{display:grid;grid-template-columns:1fr 1fr;gap:48px}.home-contact{padding:44px;border:1px solid #cde2ed;border-radius:var(--radius-lg);background:linear-gradient(115deg,#eaf3ff,#e3f5f0)}

/* Editorial imagery shared by marketing and product pages */
.hero-split { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.03fr) minmax(360px, .97fr); align-items: center; gap: clamp(38px, 6vw, 76px); }
.hero-split .hero__content { max-width: 690px; }
.hero-media { position: relative; min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgb(255 255 255 / 28%); border-radius: var(--radius-lg); background: #0c3158; box-shadow: 0 30px 70px rgb(3 27 53 / 28%); }
.hero-media img { width: 100%; height: clamp(330px, 36vw, 460px); object-fit: cover; }
.hero-media::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgb(4 26 48 / 82%)); content: ""; pointer-events: none; }
.hero-media figcaption { position: absolute; z-index: 1; right: 24px; bottom: 22px; left: 24px; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; color: white; }
.hero-media figcaption strong { font-size: 1.05rem; }
.hero-media figcaption span { color: rgb(255 255 255 / 76%); font-size: .82rem; text-align: right; }
.home-hero .hero-media { border-color: white; box-shadow: 0 30px 70px rgb(20 65 110 / 20%); }

.home-product-visual { position: relative; display: block; min-height: 0; padding: 0; overflow: hidden; background: #dcecfb; }
.home-product-visual img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .45s ease; }
.product-card:hover .home-product-visual img { transform: scale(1.035); }
.media-overlay { position: absolute; inset: auto 0 0; padding: 52px 26px 24px; color: white; background: linear-gradient(transparent, rgb(7 33 59 / 90%)); }
.media-overlay strong { color: white; font-size: clamp(1.3rem, 2.2vw, 1.8rem); }
.media-overlay .home-tags { margin-top: 12px; }
.media-overlay .home-tags span { border-color: rgb(255 255 255 / 28%); color: white; background: rgb(255 255 255 / 12%); }
.product-card__image { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

.case-card__media { position: relative; min-height: 260px; overflow: hidden; }
.case-card__media > img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; }
.home-case-label { position: absolute; inset: auto 0 0; padding: 50px 28px 24px; color: white; background: linear-gradient(transparent, rgb(6 34 60 / 90%)); }
.home-case-label p { margin: 0 0 5px; color: #83eee5; font-size: .8rem; font-weight: 800; letter-spacing: .08em; }
.home-case-label h3 { color: white; }

.case-gallery .contact-card, .product-gallery .contact-card { padding: 0; overflow: hidden; }
.case-gallery .contact-card > img, .product-gallery .contact-card > img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-bottom: 1px solid var(--color-line); }
.card-copy { padding: 24px; }
.case-kicker { display: block; margin-bottom: 8px; color: var(--color-teal); font-size: .78rem; font-weight: 800; letter-spacing: .08em; }
.product-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.product-gallery .contact-card > img { aspect-ratio: 16 / 8.3; object-fit: contain; background: white; }

.image-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 38px; }
.image-strip figure { margin: 0; overflow: hidden; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: white; box-shadow: var(--shadow-soft); }
.image-strip img { width: 100%; aspect-ratio: 16 / 10; object-fit: contain; background: white; }
.image-strip figcaption { padding: 15px 18px; color: var(--color-ink); font-weight: 700; }
.image-strip--device-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.image-strip--device-products img { aspect-ratio: 16 / 9; }
.image-strip--certificates img { aspect-ratio: 3 / 4; }
.image-strip--certificates figcaption { min-height: 96px; color: var(--color-muted); font-size: .9rem; font-weight: 500; line-height: 1.7; }
.image-strip--certificates figcaption strong { color: var(--color-ink); }
.section-intro { max-width: 680px; color: var(--color-muted); line-height: 1.85; }

.about-intro { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); align-items: center; gap: clamp(36px, 7vw, 84px); }
.about-photo { margin: 0; overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-soft); }
.about-photo img { width: 100%; height: 570px; object-fit: cover; }
.route-card { display: block; padding: 30px; border: 1px solid var(--color-line); border-radius: var(--radius-md); color: inherit; background: white; box-shadow: var(--shadow-soft); text-decoration: none; transition: transform .2s ease, border-color .2s ease; }
.route-card:hover { border-color: #a9c9e8; transform: translateY(-4px); }
.route-card > span { color: var(--color-teal); font-size: .8rem; font-weight: 800; letter-spacing: .12em; }
.route-card h3 { margin: 14px 0 8px; font-size: 1.35rem; }
.route-card p { margin: 0 0 18px; color: var(--color-muted); }
.route-card b { color: var(--color-blue); font-size: .92rem; }
.about-overview { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); align-items: center; gap: clamp(38px, 7vw, 84px); }
.about-overview__media { margin: 0; overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-soft); }
.about-overview__media img { width: 100%; height: 460px; object-fit: cover; }
.about-overview h2, .product-flow h2 { margin: 0; font-size: clamp(1.8rem, 3.5vw, 2.8rem); line-height: 1.25; }
.about-overview p, .product-flow p { color: var(--color-muted); }
.trust-line, .flow-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.trust-line span, .flow-list span { padding: 8px 13px; border: 1px solid #cde2ed; border-radius: 999px; color: var(--color-ink); background: var(--color-surface-soft); font-size: .86rem; font-weight: 700; }
.button--ghost { border: 1px solid rgb(255 255 255 / 48%); color: white; text-decoration: none; }
.product-flow { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(32px, 6vw, 72px); }

@media (max-width: 900px) {
  .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .case-card { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .hero-split { grid-template-columns: 1fr 1fr; gap: 30px; }
  .hero-media img { height: 340px; }
  .about-intro { grid-template-columns: .85fr 1.15fr; gap: 32px; }
  .about-overview { grid-template-columns: .8fr 1.2fr; gap: 34px; }
}
@media (max-width: 760px) {
  .site-header__inner { flex-wrap: wrap; }
  .site-nav { flex-basis: 100%; order: 3; }
  .site-nav [data-nav-menu] { display: grid; width: 100%; gap: 0; margin: 0; padding: 14px 0 20px; }
  .js .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .js .site-nav { position: absolute; top: calc(100% + 1px); right: 0; left: 0; }
  .js .site-nav [data-nav-menu] { visibility: hidden; padding: 14px 24px 20px; border-bottom: 1px solid var(--color-line); background: white; box-shadow: var(--shadow-soft); transform: translateY(-12px); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
  .js .site-nav [data-nav-menu][data-open="true"] { visibility: visible; transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0s; }
  .site-nav a { padding: 11px 0; }
  .parameter-panel { grid-template-columns: 1fr; }
  .parameter { border-right: 0; border-bottom: 1px solid var(--color-line); }
  .parameter:last-child { border-bottom: 0; }
  .split, .home-products, .home-credentials, .home .case-card { grid-template-columns: 1fr; }
  .hero-split, .about-intro { grid-template-columns: 1fr; }
  .about-overview, .product-flow { grid-template-columns: 1fr; }
  .hero-media { max-width: 620px; }
  .hero-media img { height: clamp(240px, 62vw, 380px); }
  .image-strip { grid-template-columns: 1fr; }
  .about-photo img { height: min(520px, 105vw); }
  .dashboard-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cta-panel { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 640px) {
  .card-grid { grid-template-columns: 1fr; }
  .container { width: min(calc(100% - 24px), var(--container)); }
  .site-logo img { width: 142px; }
  .download-card, .site-footer__inner { align-items: flex-start; flex-direction: column; }
  .product-gallery { grid-template-columns: 1fr; }
  .hero-media figcaption { right: 18px; bottom: 17px; left: 18px; align-items: flex-start; flex-direction: column; gap: 3px; }
  .hero-media figcaption span { text-align: left; }
}
@media (max-width: 430px) { .dashboard-stats { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* Full-site engineering editorial system */
.engineering-hero,.contact-stage{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#071d32}.engineering-hero{min-height:min(760px,82svh);display:grid;align-items:end}.engineering-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.engineering-hero:after,.contact-stage:after{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061a2eee 0%,#061a2e9c 48%,#061a2e20);content:""}.engineering-hero__copy{max-width:760px;padding:clamp(72px,12vw,150px) 0}.engineering-hero h1{font-size:clamp(2.7rem,6.3vw,5.8rem);line-height:1.04}.capability-rail{display:grid;grid-template-columns:repeat(3,1fr);background:#0c2944}.capability-rail article{min-height:250px;padding:32px;color:#fff;background:linear-gradient(#061b2a33,#061b2acc),var(--capability-image) center/cover}.feature-split{display:grid;grid-template-columns:1fr 1fr;min-height:500px;background:#fff}.feature-split:nth-child(even){direction:rtl}.feature-split>*{direction:ltr}.feature-split figure{margin:0}.feature-split img{width:100%;height:100%;min-height:360px;object-fit:cover}.feature-split__copy{align-self:center;padding:clamp(34px,7vw,100px)}.case-mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.case-mosaic article{position:relative;grid-column:span 4;min-height:300px;overflow:hidden;color:#fff;background:#0c2944}.case-mosaic article:nth-child(1),.case-mosaic article:nth-child(4){grid-column:span 8}.case-mosaic img{width:100%;height:100%;object-fit:cover}.case-mosaic__copy{position:absolute;inset:auto 0 0;padding:54px 24px 22px;background:linear-gradient(transparent,#061a2eea)}.resource-library{display:grid;gap:1px;background:#bcd0df}.resource-library__item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;background:#fff}.company-story{background:#eaf3f8}.contact-stage{padding:clamp(84px,14vw,170px) 0}.contact-panel{padding:clamp(28px,5vw,64px);color:#fff;background:#0d3151}@media(max-width:760px){.capability-rail,.feature-split,.case-mosaic{grid-template-columns:1fr}.feature-split:nth-child(even){direction:ltr}.case-mosaic article,.case-mosaic article:nth-child(n){grid-column:1;min-height:260px}.resource-library__item{align-items:flex-start;flex-direction:column}}
.company-lockup{display:grid;gap:4px;margin:0 0 clamp(18px,2vw,28px);color:#83eee5;font-weight:800;letter-spacing:.06em;line-height:1.25}.company-lockup span:first-child{font-size:clamp(1.2rem,2.15vw,1.7rem)}.company-lockup span:last-child{font-family:Arial,sans-serif;font-size:clamp(.74rem,1.1vw,.96rem);font-weight:700;letter-spacing:.075em}@media(max-width:760px){.company-lockup{margin-bottom:18px}.company-lockup span:first-child{font-size:1.1rem}}

/* Home product stories use the full desktop panel rather than isolated short copy. */
.home-product-story { min-height: 590px; }
.home-product-story .feature-split__copy { max-width: 620px; padding: clamp(48px, 6vw, 92px); }
.home-product-story h2 { margin: 14px 0 22px; color: var(--color-ink); font-size: clamp(2.15rem, 3.2vw, 3.45rem); line-height: 1.16; letter-spacing: -.035em; }
.home-product-story .product-lead { max-width: 520px; margin: 0; color: var(--color-ink); font-size: clamp(1.05rem, 1.35vw, 1.28rem); line-height: 1.8; }
.product-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 30px 0 32px; padding: 0; list-style: none; }
.product-points li { min-height: 88px; padding: 15px 14px; border-top: 2px solid var(--color-teal); color: var(--color-muted); background: var(--color-surface-soft); font-size: .91rem; font-weight: 700; line-height: 1.55; }
@media (max-width: 760px) { .home-product-story { min-height: 0; } .home-product-story .feature-split__copy { max-width: none; padding: 42px 24px 50px; } .home-product-story h2 { font-size: clamp(2rem, 9vw, 2.8rem); } .product-points { grid-template-columns: 1fr; margin: 24px 0 28px; } .product-points li { min-height: 0; } }

/* Consistent pointer, hover, pressed, and keyboard feedback for interactive controls. */
button, input[type="button"], input[type="submit"], input[type="reset"], .button, .dashboard-tab, [role="button"] { cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease; }
.button, .dashboard-tab, .nav-toggle, .site-nav a, .site-footer a, .cta-panel > a, .route-card { -webkit-tap-highlight-color: transparent; }
.button:focus-visible, .dashboard-tab:focus-visible, .nav-toggle:focus-visible, .site-nav a:focus-visible, .site-footer a:focus-visible, .cta-panel > a:focus-visible, .route-card:focus-visible, button:focus-visible, input[type="button"]:focus-visible, input[type="submit"]:focus-visible, input[type="reset"]:focus-visible, [role="button"]:focus-visible { outline: 3px solid var(--color-teal); outline-offset: 4px; }
@media (hover: hover) {
  .button:hover, .dashboard-tab:hover, .nav-toggle:hover, .site-footer a:hover, .cta-panel > a:hover, [role="button"]:hover { transform: translateY(-2px); filter: brightness(1.05); }
  .button--primary:hover { box-shadow: 0 16px 28px rgb(23 111 209 / 34%); }
  .button--secondary:hover, .dashboard-tab:hover { border-color: var(--color-teal); color: var(--color-teal); box-shadow: 0 9px 22px rgb(17 146 151 / 14%); }
  .button--ghost:hover { border-color: white; background: rgb(255 255 255 / 12%); }
  .site-nav a:hover { transform: translateY(-1px); }
  .route-card:hover { box-shadow: 0 18px 34px rgb(9 48 78 / 14%); }
}
.button:active, .dashboard-tab:active, .nav-toggle:active, .site-footer a:active, .cta-panel > a:active, .route-card:active, button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, [role="button"]:active { transform: translateY(1px) scale(.98); box-shadow: none; }

/* Solutions case study gallery. */
.solutions-showcase { padding: clamp(64px, 9vw, 124px) 0; background: #3037dd; }
.solutions-showcase__heading { margin: 0 0 clamp(38px, 6vw, 76px); color: white; text-align: center; font-size: clamp(2.25rem, 4vw, 4rem); line-height: 1.15; letter-spacing: -.045em; }
.solutions-case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.solutions-case-grid.case-mosaic > .solution-case, .solutions-case-grid.case-mosaic > .solution-case:nth-child(n) { grid-column: auto; min-height: 500px; color: inherit; background: white; }
.solution-case { display: flex; min-height: 500px; flex-direction: column; padding: clamp(25px, 2.2vw, 34px); border-radius: 20px; background: white; box-shadow: 0 18px 42px rgb(20 28 145 / 20%); }
.solution-case h2 { margin: 0; color: #171b25; font-size: clamp(1.22rem, 1.65vw, 1.65rem); line-height: 1.35; }
.solution-case__location { display: flex; align-items: center; gap: 8px; margin: 12px 0 22px; color: #626878; font-size: .9rem; font-weight: 700; }
.solution-case__location::before { width: 8px; height: 8px; border-radius: 50%; background: #ffd600; content: ""; box-shadow: 0 0 0 3px rgb(255 214 0 / 18%); }
.solution-case__description { margin: 0; color: #343947; font-size: .98rem; line-height: 1.8; }
.solution-case__image { width: 100%; aspect-ratio: 1.63 / 1; margin-top: auto; padding-top: 26px; object-fit: cover; border-radius: 16px; }
@media (max-width: 920px) { .solutions-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .solutions-showcase { padding: 56px 0; } .solutions-case-grid { grid-template-columns: 1fr; gap: 16px; } .solution-case { min-height: 0; padding: 26px; } .solution-case__image { margin-top: 18px; padding-top: 0; } }