/* ============================================================
   About Hero — deliberately not the home hero: no product shot and no
   video band. There is nothing to display here, so the type carries it:
   a centred headline over a soft dawn ground.
   ============================================================ */
.srweb .srw-ab-port {
	position: relative; overflow: hidden; color: var(--c-text);
	padding-top: calc(var(--srw-nav-h, 0px) + var(--srw-hero-top, 5.5rem));
	padding-bottom: clamp(4.6rem, 9vw, 8rem);
	background: linear-gradient(160deg, #f2f8ff 0%, #eef5ff 45%, #fff4ea 100%);
}
@media (max-width: 48em) { .srweb .srw-ab-port { --srw-hero-top: 3.5rem; } }
/* Three washes, inset well past the edges so no hard rim shows. */
.srweb .srw-ab-port::after {
	content: ""; position: absolute; inset: -25%; pointer-events: none;
	background:
		radial-gradient(26% 28% at 18% 22%, rgba(34,211,238,.20), transparent 62%),
		radial-gradient(22% 24% at 66% 12%, rgba(125,211,252,.16), transparent 60%),
		radial-gradient(28% 30% at 88% 78%, rgba(255,186,139,.20), transparent 64%);
}
.srweb .srw-ab-port-in { position: relative; z-index: 1; display: grid; justify-items: center; text-align: center; }
.srweb .srw-ab-port .eyebrow { color: var(--c-ink); }
/* The gradient headline. Falls back to a flat colour where background-clip
   is unsupported, or the text would disappear. */
.srweb .srw-ab-port h1, .srweb .srw-ab-port h2 {
	font-family: var(--font-display); font-weight: 700;
	font-size: clamp(2.1rem, 4.4vw, 3.2rem); line-height: 1.1; letter-spacing: -.015em;
	margin: clamp(.9rem, 1.8vw, 1.3rem) 0 clamp(1.1rem, 2vw, 1.5rem);
	max-width: 20ch; text-wrap: balance;
	background: linear-gradient(168deg, #16264f 0%, #244378 55%, #2f5aa0 100%);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: transparent;
}
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
	.srweb .srw-ab-port h1, .srweb .srw-ab-port h2 { -webkit-text-fill-color: currentColor; color: var(--c-ink); background: none; }
}
/* The ® would vanish with the transparent fill, so it gets its colour back. */
.srweb .srw-ab-port :is(h1, h2) sup.sr-reg { -webkit-text-fill-color: var(--c-ink); color: var(--c-ink); }
.srweb .srw-ab-def { font-size: clamp(1rem, 1.2vw, 1.1rem); line-height: 1.66; color: var(--c-text); margin: 0; max-width: 64ch; }
.srweb .srw-ab-cta { margin: clamp(1.7rem, 3.2vw, 2.6rem) 0 0; }