/* WEC redesign A. Primitive -> semantic -> component tokens stay in this preview. */
html:has(body.wec-design-preview-a) { scroll-behavior: smooth; }
body.wec-design-preview-a { margin: 0; background: #030a20; }
body.wec-design-preview-a,
body.wec-design-preview-a button { font-family: "Plus Jakarta Sans", Arial, sans-serif; }

.wec-a {
	--wec-ink-950: #030a20;
	--wec-ink-900: #07142c;
	--wec-ink-800: #0b1b36;
	--wec-blue-400: #6e86e9;
	--wec-cyan-400: #48b7da;
	--wec-mint-300: #a4e8da;
	--wec-space-section: clamp(76px, 9vw, 144px);
	--wec-ease: cubic-bezier(.2,.8,.2,1);
	--wec-motion-short: .22s;
	--wec-motion-medium: .65s;
	--wec-bg: #030a20;
	--wec-surface: #07142c;
	--wec-surface-alt: #0b1b36;
	--wec-surface-soft: #0e2341;
	--wec-text: #ecf2ff;
	--wec-muted: #afbdd5;
	--wec-line: rgba(196, 218, 255, .16);
	--wec-accent: #93e4d6;
	--wec-accent-ink: #04231e;
	--wec-ring: #a8e8ff;
	background: var(--wec-bg);
	color: var(--wec-text);
	font: 400 16px/1.65 "Plus Jakarta Sans", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
.wec-a *, .wec-a *::before, .wec-a *::after { box-sizing: border-box; }
.wec-a :where(h1,h2,h3,p) { margin: 0; }
.wec-a :where(h1,h2,h3) { color: inherit; font-family: inherit !important; font-style: normal; text-transform: none; }
.wec-a a { color: inherit; text-decoration: none; }
.wec-a button { color: inherit; cursor: pointer; }
.wec-a img { display: block; max-width: 100%; height: auto; }
.wec-a :focus-visible, .wec-a__skip:focus-visible { outline: 3px solid var(--wec-ring); outline-offset: 4px; }
.wec-a :where(section, footer) { scroll-margin-top: 90px; }
.wec-a__section-inner { width: min(100% - 64px, 1380px); margin-inline: auto; }
.wec-a__section { padding-block: var(--wec-space-section); }
.wec-a__section-label { color: var(--wec-accent); font-size: .82rem; font-weight: 700; letter-spacing: .04em; margin-bottom: 28px !important; }
.wec-a__section h2 { font-size: clamp(2.4rem, 5vw, 5.4rem); font-weight: 700; letter-spacing: -.065em; line-height: 1.08; }
.wec-a__section p:not(.wec-a__section-label) { color: var(--wec-muted); font-size: clamp(1rem, 1.2vw, 1.15rem); }

html[data-wec-theme="light"] .wec-a {
	--wec-bg: #f3f7fb;
	--wec-surface: #ffffff;
	--wec-surface-alt: #e9f0f7;
	--wec-surface-soft: #dfeaf3;
	--wec-text: #07162c;
	--wec-muted: #42566c;
	--wec-line: rgba(21, 50, 81, .16);
	--wec-accent: #0b7568;
	--wec-accent-ink: #ffffff;
	--wec-ring: #087d8a;
}
html[data-wec-theme="light"] body.wec-design-preview-a { background: #f3f7fb; }

.wec-a__skip {
	position: absolute;
	z-index: 1000;
	left: 20px;
	top: -100px;
	padding: 12px 18px;
	background: #ecf2ff;
	color: #07162c;
}
.wec-a__skip:focus { top: 18px; }
.wec-a__header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid var(--wec-line); background: color-mix(in srgb, var(--wec-bg) 91%, transparent); backdrop-filter: blur(18px); }
.wec-a__header-inner { width: min(100% - 64px, 1510px); min-height: 88px; margin-inline: auto; display: flex; align-items: center; gap: clamp(20px, 3vw, 60px); }
.wec-a__brand { display: inline-flex; align-items: center; flex: none; width: 234px; color: var(--wec-text); }
.wec-a__logo { display: block; width: 100%; height: auto; }
.wec-a__nav { display: flex; justify-content: center; align-items: center; gap: clamp(22px, 2.8vw, 52px); flex: 1; }
.wec-a__nav a, .wec-a__footer nav a { font-size: .88rem; font-weight: 600; color: var(--wec-muted); transition: color .2s ease; }
.wec-a__nav a:hover, .wec-a__footer nav a:hover { color: var(--wec-text); }
.wec-a__header-actions { display: flex; align-items: center; gap: 11px; flex: none; }
.wec-a__text-control, .wec-a__theme-control { min-height: 42px; border: 1px solid var(--wec-line); background: transparent; font-size: .76rem; font-weight: 700; }
.wec-a__text-control { min-width: 44px; padding: 8px; }
.wec-a__theme-control { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 8px 12px; }
.wec-a__theme-control svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.wec-a__header-cta { display: inline-flex; justify-content: center; align-items: center; min-height: 42px; padding: 8px 21px; border: 1px solid var(--wec-text); font-size: .78rem; font-weight: 800; transition: background .2s ease, color .2s ease; }
.wec-a__header-cta:hover { color: var(--wec-bg); background: var(--wec-text); }
.wec-a__mobile-menu { display: none; }

.wec-a__hero { position: relative; isolation: isolate; min-height: min(790px, calc(100svh - 88px)); overflow: hidden; background: #030a20; color: #ecf2ff; }
.wec-a__hero-grid { position: absolute; z-index: -1; inset: 0; opacity: .32; background-image: linear-gradient(rgba(134,171,215,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(134,171,215,.13) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to right, black, transparent 67%); }
.wec-a__hero-network { position: absolute; z-index: -1; inset: 0 0 0 auto; width: min(75%, 1200px); height: 100%; pointer-events: none; fill: #a4e8da; filter: drop-shadow(0 0 9px rgba(72,183,218,.45)); animation: wec-a-network-breathe 8s ease-in-out infinite alternate; }
.wec-a__hero-network path { fill: none; stroke: rgba(164,232,218,.3); stroke-width: 1; stroke-dasharray: 13 12; animation: wec-a-network-dash 18s linear infinite; }
.wec-a__hero-network circle { animation: wec-a-network-pulse 4s ease-in-out infinite alternate; }
.wec-a__hero-network circle:nth-of-type(even) { animation-delay: -2s; }
@keyframes wec-a-network-breathe { from { opacity: .4; transform: translate3d(0,0,0); } to { opacity: .8; transform: translate3d(0,-9px,0); } }
@keyframes wec-a-network-dash { to { stroke-dashoffset: -250; } }
@keyframes wec-a-network-pulse { to { opacity: .38; } }
.wec-a__hero-art { position: absolute; z-index: -2; inset: 0 0 0 auto; width: min(76%, 1360px); overflow: hidden; }
.wec-a__hero-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #030a20 0%, rgba(3,10,32,.85) 18%, rgba(3,10,32,.05) 53%, rgba(3,10,32,.06) 100%); }
.wec-a__hero-art img { width: 100%; height: 100%; object-fit: cover; object-position: center; animation: wec-a-arrive 1s both cubic-bezier(.2,.8,.2,1); }
@keyframes wec-a-arrive { from { opacity: .55; transform: scale(1.025); } to { opacity: 1; transform: scale(1); } }
.wec-a__hero-inner { width: min(100% - 64px, 1380px); min-height: inherit; margin-inline: auto; padding-block: clamp(84px, 10vw, 150px) 108px; display: flex; align-items: center; justify-content: space-between; }
.wec-a__hero-copy { width: min(760px, 58%); }
.wec-a__hero-kicker { display: inline-flex; align-items: center; gap: 13px; margin-bottom: 25px !important; color: #a4e8da; font-size: .89rem; font-weight: 700; }
.wec-a__hero-kicker::before { content: ""; width: 28px; height: 1px; background: currentColor; }
.wec-a__hero h1 { max-width: 14ch; font-size: clamp(3.2rem, 5.9vw, 6.7rem); font-weight: 700; letter-spacing: -.067em; line-height: 1.045; }
.wec-a__hero-kicker { animation: wec-a-copy-rise .75s .13s both var(--wec-ease); }
.wec-a__hero h1 { animation: wec-a-copy-rise .85s .23s both var(--wec-ease); }
.wec-a__hero-description { animation: wec-a-copy-rise .85s .38s both var(--wec-ease); }
.wec-a__hero-actions { animation: wec-a-copy-rise .85s .54s both var(--wec-ease); }
@keyframes wec-a-copy-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.wec-a__hero-description { max-width: 56ch; margin-top: 34px !important; color: #c9d4e9; font-size: clamp(1rem, 1.26vw, 1.18rem); line-height: 1.75; }
.wec-a__hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; margin-top: 41px; }
.wec-a__button { display: inline-flex; align-items: center; justify-content: center; gap: 42px; min-height: 58px; padding: 14px 22px; font-size: .84rem; font-weight: 800; line-height: 1.25; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.wec-a__button--primary { background: #a4e8da; color: #062421 !important; }
.wec-a__button--primary:hover { background: #ecf2ff; color: #07162c !important; }
.wec-a__text-link { display: inline-flex; align-items: center; gap: 24px; min-height: 44px; font-size: .86rem; font-weight: 700; border-bottom: 1px solid currentColor; }
.wec-a__text-link span:last-child { transition: transform .2s ease; }
.wec-a__text-link:hover span:last-child { transform: translate(3px, -3px); }
.wec-a__hero-side { display: flex; align-self: stretch; justify-content: space-between; align-items: flex-end; flex-direction: column; padding: 5px 0 30px; color: #b7d0ef; font-size: .75rem; letter-spacing: .13em; writing-mode: vertical-rl; }
.wec-a__hero-bottom { position: absolute; right: max(32px, calc((100vw - 1380px)/2)); bottom: 28px; left: max(32px, calc((100vw - 1380px)/2)); display: flex; justify-content: space-between; align-items: center; padding-top: 18px; border-top: 1px solid rgba(236,242,255,.25); color: #b7c8e2; font-size: .76rem; font-weight: 600; letter-spacing: .035em; }
.wec-a__hero-bottom a { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(236,242,255,.35); border-radius: 50%; font-size: 1.1rem; }

.wec-a__intro { background: var(--wec-surface); }
.wec-a__intro-layout { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 2.45fr); gap: 40px; }
.wec-a__intro h2 { max-width: 15ch; }
.wec-a__intro p:not(.wec-a__section-label) { max-width: 61ch; margin-top: 35px; }

.wec-a__services { background: var(--wec-bg); }
.wec-a__section-heading { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 62px; }
.wec-a__section-heading h2 { max-width: 14ch; }
.wec-a__section-heading > p { max-width: 29ch; padding-bottom: 10px; }
.wec-a__services-list { border-top: 1px solid var(--wec-line); }
.wec-a__service { display: grid; grid-template-columns: minmax(270px, 1.1fr) minmax(270px, 1fr) 44px; gap: 20px; align-items: center; padding: 30px 16px; border-bottom: 1px solid var(--wec-line); transition: background .2s ease, padding .2s ease; }
.wec-a__service:hover { padding-left: 25px; background: var(--wec-surface-alt); }
.wec-a__service-name { max-width: 23ch; font-size: clamp(1.24rem, 2vw, 2.1rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.2; }
.wec-a__service-detail { max-width: 38ch; color: var(--wec-muted); font-size: .95rem; }
.wec-a__service-arrow { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--wec-line); border-radius: 50%; font-size: 1rem; }

.wec-a__story { background: var(--wec-surface-alt); }
.wec-a__story-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(50px, 8vw, 130px); align-items: center; }
.wec-a__story-image { overflow: hidden; background: #07162c; }
.wec-a__story-image img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.wec-a__story-copy h2 { max-width: 13ch; }
.wec-a__story-copy > p:not(.wec-a__section-label) { max-width: 54ch; margin: 34px 0 30px; }

.wec-a__approach { background: var(--wec-surface); }
.wec-a__approach-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(50px, 9vw, 170px); }
.wec-a__approach h2 { max-width: 13ch; }
.wec-a__approach-lead { max-width: 47ch; margin-top: 32px !important; }
.wec-a__disclosures { border-top: 1px solid var(--wec-line); }
.wec-a__disclosures details { border-bottom: 1px solid var(--wec-line); }
.wec-a__disclosures summary { display: flex; justify-content: space-between; gap: 20px; align-items: center; min-height: 88px; cursor: pointer; list-style: none; font-size: clamp(1.12rem, 1.7vw, 1.6rem); font-weight: 700; letter-spacing: -.035em; }
.wec-a__disclosures summary::-webkit-details-marker { display: none; }
.wec-a__disclosures summary span:last-child { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border: 1px solid var(--wec-line); border-radius: 50%; font-size: 1.2rem; font-weight: 400; transition: transform .2s ease; }
.wec-a__disclosures details[open] summary span:last-child { transform: rotate(45deg); }
.wec-a__disclosures p { max-width: 49ch; padding: 0 62px 31px 0; }

.wec-a__closing { background: #10294b; color: #ecf2ff; }
.wec-a__closing .wec-a__section-label { color: #a4e8da; }
.wec-a__closing-inner { display: flex; justify-content: space-between; align-items: end; gap: 50px; }
.wec-a__closing h2 { max-width: 15ch; }
.wec-a__closing .wec-a__button { flex: none; }
.wec-a__footer { padding-block: 52px 35px; background: #030a20; color: #ecf2ff; }
.wec-a__footer-inner { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.wec-a__footer .wec-a__brand { width: 220px; }
.wec-a__footer nav { display: flex; gap: 34px; }
.wec-a__footer p { grid-column: 1 / -1; padding-top: 30px; border-top: 1px solid rgba(236,242,255,.16); color: #a8b9d5; font-size: .76rem; }

/* Optional scroll motion: content stays visible when JavaScript is unavailable. */
.wec-a__reveal { opacity: .94; transform: translateY(12px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1); }
.wec-a__reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1150px) {
	.wec-a__nav { gap: 20px; }
	.wec-a__brand { width: 205px; }
	.wec-a__header-inner { gap: 20px; }
	.wec-a__theme-control span { display: none; }
	.wec-a__theme-control { width: 44px; padding: 8px; }
	.wec-a__hero-copy { width: 64%; }
}
@media (max-width: 820px) {
	.wec-a__section-inner, .wec-a__hero-inner { width: min(100% - 42px, 1380px); }
	.wec-a__header-inner { width: min(100% - 42px, 1510px); min-height: 76px; justify-content: space-between; }
	.wec-a__nav, .wec-a__header-cta { display: none; }
	.wec-a__brand { width: 190px; }
	.wec-a__mobile-menu { display: block; position: relative; }
	.wec-a__mobile-menu summary { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 46px; min-height: 44px; cursor: pointer; list-style: none; font-size: .8rem; font-weight: 700; }
	.wec-a__mobile-menu summary::-webkit-details-marker { display: none; }
	.wec-a__menu-bars { display: block; width: 15px; height: 10px; border-top: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; }
	.wec-a__mobile-menu nav { position: absolute; top: 56px; right: 0; width: min(280px, 80vw); padding: 14px; display: flex; flex-direction: column; border: 1px solid var(--wec-line); background: var(--wec-surface); box-shadow: 0 25px 55px rgba(0,0,0,.2); }
	.wec-a__mobile-menu nav a { padding: 12px; font-size: .94rem; font-weight: 600; }
	.wec-a__hero { min-height: 670px; }
	.wec-a__hero-art { width: 88%; opacity: .65; }
	.wec-a__hero-art::after { background: linear-gradient(90deg, #030a20, rgba(3,10,32,.5) 50%, rgba(3,10,32,.15)); }
	.wec-a__hero-copy { width: min(680px, 80%); }
	.wec-a__intro-layout { grid-template-columns: 1fr; gap: 0; }
	.wec-a__section-heading { align-items: start; flex-direction: column; gap: 22px; }
	.wec-a__section-heading > p { max-width: 48ch; }
	.wec-a__story-layout, .wec-a__approach-layout { grid-template-columns: 1fr; gap: 55px; }
	.wec-a__story-image { max-width: 680px; }
}
@media (max-width: 600px) {
	.wec-a__section-inner, .wec-a__hero-inner { width: min(100% - 36px, 1380px); }
	.wec-a__header-inner { width: min(100% - 28px, 1510px); min-height: 69px; gap: 7px; }
	.wec-a__brand { width: clamp(142px, 38vw, 180px); }
	.wec-a__header-actions { gap: 6px; margin-left: auto; }
	.wec-a__text-control, .wec-a__theme-control { min-height: 42px; min-width: 40px; }
	.wec-a__mobile-menu summary { min-width: 42px; font-size: 0; }
	.wec-a__menu-bars { width: 17px; height: 13px; }
	.wec-a__hero { min-height: 735px; }
	.wec-a__hero-art { width: 100%; height: 58%; top: auto; opacity: .65; }
	.wec-a__hero-art::after { background: linear-gradient(180deg, #030a20, rgba(3,10,32,.15) 53%, #030a20); }
	.wec-a__hero-grid { opacity: .19; }
	.wec-a__hero-inner { min-height: 735px; padding-block: 66px 102px; align-items: start; }
	.wec-a__hero-copy { width: 100%; }
	.wec-a__hero-kicker { margin-bottom: 19px !important; font-size: .8rem; }
	.wec-a__hero h1 { max-width: 12ch; font-size: clamp(2.8rem, 11vw, 4.35rem); }
	.wec-a__hero-description { max-width: 38ch; margin-top: 25px !important; font-size: .97rem; }
	.wec-a__hero-actions { gap: 15px; margin-top: 29px; }
	.wec-a__button { min-height: 53px; gap: 18px; padding-inline: 17px; }
	.wec-a__hero-side { display: none; }
	.wec-a__hero-bottom { right: 18px; bottom: 20px; left: 18px; font-size: .68rem; }
	.wec-a__hero-bottom span { max-width: 30ch; }
	.wec-a__section { padding-block: 74px; }
	.wec-a__section-label { margin-bottom: 21px !important; }
	.wec-a__section h2 { font-size: clamp(2.45rem, 9vw, 4rem); }
	.wec-a__intro p:not(.wec-a__section-label) { margin-top: 22px; }
	.wec-a__section-heading { margin-bottom: 32px; }
	.wec-a__service { grid-template-columns: 1fr 44px; gap: 9px; padding: 23px 2px; }
	.wec-a__service-name { grid-column: 1; font-size: 1.42rem; }
	.wec-a__service-detail { grid-column: 1; grid-row: 2; font-size: .86rem; }
	.wec-a__service-arrow { grid-column: 2; grid-row: 1 / 3; }
	.wec-a__service:hover { padding-left: 2px; }
	.wec-a__story-layout, .wec-a__approach-layout { gap: 38px; }
	.wec-a__story-copy > p:not(.wec-a__section-label) { margin-top: 22px; }
	.wec-a__disclosures summary { min-height: 74px; font-size: 1.14rem; }
	.wec-a__disclosures p { padding-right: 20px; }
	.wec-a__closing-inner { flex-direction: column; align-items: start; gap: 30px; }
	.wec-a__footer-inner { grid-template-columns: 1fr; gap: 24px; }
	.wec-a__footer nav { flex-wrap: wrap; gap: 13px 24px; }
	.wec-a__footer p { grid-column: 1; margin-top: 8px; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.wec-a *, .wec-a *::before, .wec-a *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
	.wec-a__reveal { opacity: 1; transform: none; }
}
@media print {
	.wec-a__reveal { opacity: 1; transform: none; }
}

/* Evidence-led metrics. The SVG stays decorative; the figures remain HTML. */
.wec-a__proof { position: relative; overflow: hidden; padding-bottom: clamp(230px, 24vw, 410px); background: linear-gradient(155deg, var(--wec-surface) 0%, var(--wec-surface-alt) 70%, #163e68 100%); }
.wec-a__proof-heading { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 2fr; gap: 20px 70px; margin-bottom: clamp(48px, 7vw, 105px); }
.wec-a__proof-heading .wec-a__section-label { grid-row: span 2; }
.wec-a__proof-heading h2 { max-width: 12ch; }
.wec-a__proof-heading > p:last-child { max-width: 48ch; }
.wec-a__metric-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--wec-line); }
.wec-a__metric { min-height: 185px; padding: 32px 34px 28px 0; display: flex; flex-direction: column; border-right: 1px solid var(--wec-line); }
.wec-a__metric + .wec-a__metric { padding-left: 34px; }
.wec-a__metric:last-child { border-right: 0; }
.wec-a__metric strong { color: var(--wec-text); font-size: clamp(3rem, 5.3vw, 6rem); font-weight: 600; letter-spacing: -.075em; line-height: 1; font-variant-numeric: tabular-nums; }
.wec-a__metric span { margin-top: 18px; color: var(--wec-text); font-weight: 700; }
.wec-a__metric small { max-width: 30ch; margin-top: 4px; color: var(--wec-muted); font-size: .77rem; line-height: 1.5; }
.wec-a__metric--concept strong { color: var(--wec-accent); }
.wec-a__flow-art { position: absolute; inset: auto 0 -3px; height: clamp(230px, 24vw, 410px); overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 50% 100%, rgba(72,183,218,.4), transparent 65%); }
.wec-a__flow-art svg { width: 100%; height: 100%; }
.wec-a__flow-art path { fill: none; stroke: url(#wec-flow); stroke-width: 1.5; opacity: .65; stroke-dasharray: 1300; stroke-dashoffset: 1300; transition: stroke-dashoffset 1.9s var(--wec-ease); }
.wec-a__flow-art.is-visible path { stroke-dashoffset: 0; }
.wec-a__flow-art path:nth-child(3n) { opacity: .4; }

/* Conceptual network: no fictional WEC locations or operations. */
.wec-a__network { background: #061426; color: #ecf2ff; }
.wec-a__network-layout { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); align-items: center; gap: clamp(40px, 6vw, 110px); }
.wec-a__network-copy h2 { max-width: 12ch; }
.wec-a__network-copy > p:not(.wec-a__section-label) { max-width: 49ch; margin-top: 26px; color: #b9c8dc; }
.wec-a__network-copy .wec-a__disclaimer { padding-left: 16px; border-left: 2px solid #a4e8da; font-size: .76rem !important; color: #b9c8dc; }
.wec-a__network-widget { position: relative; min-width: 0; aspect-ratio: 800 / 520; overflow: hidden; border: 1px solid rgba(164,232,218,.18); background: radial-gradient(circle at 50% 42%, #102d46, #061426 70%); }
.wec-a__network-svg { display: block; width: 100%; height: 100%; fill: none; stroke: rgba(164,232,218,.2); stroke-width: 1; transition: transform .5s var(--wec-ease); }
.wec-a__network-svg circle { stroke: rgba(164,232,218,.14); }
.wec-a__network-orbit { stroke-dasharray: 3 7; }
.wec-a__network-route { stroke: #7bd8d1; stroke-width: 1.5; stroke-dasharray: 900; stroke-dashoffset: 900; transition: stroke-dashoffset 1.6s var(--wec-ease); }
.wec-a__network-widget.is-visible .wec-a__network-route { stroke-dashoffset: 0; }
.wec-a__network-route:nth-of-type(4) { opacity: .45; transition-delay: .3s; }
.wec-a__node { position: absolute; z-index: 2; left: var(--x); top: var(--y); display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid #a4e8da; border-radius: 50%; background: #0e2b43; color: #ecf2ff; font-size: .7rem; font-weight: 800; transform: translate(-50%, -50%); box-shadow: 0 0 0 7px rgba(164,232,218,.08); transition: background var(--wec-motion-short), box-shadow var(--wec-motion-short), scale var(--wec-motion-short); }
.wec-a__node:hover, .wec-a__node[aria-pressed="true"] { background: #a4e8da; color: #04231e; box-shadow: 0 0 0 10px rgba(164,232,218,.16), 0 0 24px rgba(164,232,218,.3); }
.wec-a__node:hover { scale: 1.08; }
.wec-a__network-detail { position: absolute; z-index: 1; right: 17px; bottom: 17px; width: min(330px, 55%); padding: 17px 20px; border: 1px solid rgba(164,232,218,.2); background: rgba(3,10,32,.88); backdrop-filter: blur(12px); }
.wec-a__network-detail > span { display: block; color: #a4e8da; font-size: .69rem; font-weight: 700; letter-spacing: .12em; }
.wec-a__network-detail strong { display: block; margin-top: 6px; font-size: 1.2rem; }
.wec-a__network-detail p { margin-top: 4px; color: #becde0 !important; font-size: .78rem !important; line-height: 1.4; }

/* Editorial carousel: one complete service per view, with lateral navigation. */
.wec-a__editorial { overflow: hidden; background: #e9f0f7; color: #0b1b36; }
.wec-a__editorial .wec-a__section-label { color: #087367; }
.wec-a__editorial-heading { margin-bottom: 42px; }
.wec-a__editorial-heading h2 { max-width: 16ch; }
.wec-a__editorial-heading p:last-child { max-width: 52ch; margin-top: 16px; color: #42566c; }
.wec-a__carousel-shell { display: grid; grid-template-columns: 62px minmax(0, 1fr) 62px; align-items: center; gap: clamp(12px, 2vw, 26px); width: min(calc(100% - 48px), 1512px); margin-inline: auto; }
.wec-a__carousel-arrow { display: grid; place-items: center; width: 62px; height: 62px; padding: 0; border: 1px solid #9fb0c0; border-radius: 50%; background: #f9fbfd; color: #0b1b36; box-shadow: 0 7px 22px rgb(8 29 56 / 8%); cursor: pointer; transition: background var(--wec-motion-short), color var(--wec-motion-short), border-color var(--wec-motion-short), transform var(--wec-motion-short); }
.wec-a__carousel-arrow svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wec-a__carousel-arrow:hover:not(:disabled) { transform: scale(1.06); border-color: #0b1b36; background: #0b1b36; color: #fff; }
.wec-a__carousel-arrow:focus-visible { outline: 3px solid #087367; outline-offset: 4px; }
.wec-a__carousel-arrow:disabled { opacity: .38; cursor: not-allowed; box-shadow: none; }
.wec-a__carousel { min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.wec-a__carousel::-webkit-scrollbar { display: none; }
.wec-a__carousel:focus-visible { outline: 3px solid #087367; outline-offset: 5px; }
.wec-a__carousel-track { display: flex; width: 100%; }
.wec-a__editorial-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); flex: 0 0 100%; min-width: 0; min-height: 470px; overflow: hidden; scroll-snap-align: start; border: 1px solid #d3e0e8; border-radius: 14px; background: #f9fbfd; color: #0b1b36; box-shadow: 0 22px 54px rgb(8 29 56 / 9%); }
.wec-a__editorial-copy { display: flex; flex-direction: column; align-items: start; padding: clamp(30px, 4vw, 64px); }
.wec-a__editorial-category { color: #087367; font-size: .73rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.wec-a__editorial-card h3 { max-width: 16ch; margin-top: auto; font-size: clamp(2rem, 3vw, 3.4rem); line-height: 1.08; letter-spacing: -.05em; }
.wec-a__editorial-card p { max-width: 37ch; margin-top: 22px; color: #42566c !important; font-size: 1rem !important; line-height: 1.55; }
.wec-a__editorial-card a { display: inline-flex; gap: 24px; align-items: center; min-height: 46px; margin-top: 28px; border-bottom: 1px solid #0b1b36; font-size: .9rem; font-weight: 800; }
.wec-a__editorial-card a:hover { border-color: #087367; color: #087367; }
.wec-a__editorial-image { position: relative; min-height: 470px; overflow: hidden; background: #0b1b36; }
.wec-a__editorial-image::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(8 29 56 / 12%), transparent 42%); content: ''; pointer-events: none; }
.wec-a__editorial-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--wec-ease); }
.wec-a__editorial-card:nth-child(2) .wec-a__editorial-image img { object-position: 78% center; }
.wec-a__editorial-card:hover .wec-a__editorial-image img { transform: scale(1.035); }
.wec-a__carousel-meta { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 19px; }
.wec-a__carousel-hint { margin: 0 !important; color: #42566c !important; font-size: .78rem !important; }
.wec-a__carousel-count { margin: 0 !important; color: #0b1b36 !important; font-size: .83rem !important; font-weight: 800; letter-spacing: .1em; font-variant-numeric: tabular-nums; }

/* Interior A-preview pages preserve the original WordPress content and forms. */
.wec-a__interior-hero { position: relative; overflow: hidden; padding-block: clamp(80px, 9vw, 155px); background: radial-gradient(circle at 80% 30%, #173f60, #061426 58%); color: #ecf2ff; }
.wec-a__interior-hero h1 { max-width: 16ch; font-size: clamp(3rem, 6vw, 6.8rem); line-height: 1.02; letter-spacing: -.065em; }
.wec-a__interior-hero p:last-child { max-width: 57ch; margin-top: 26px; color: #c6d3e6; }
.wec-a__legacy-note { padding-block: 15px; background: #f5ead3; color: #382a10; font-size: .8rem; }
.wec-a__legacy-note .wec-a__section-inner { display: flex; flex-wrap: wrap; gap: 5px 14px; }
.wec-a__interior-content { min-height: 360px; overflow-x: clip; background: #f3f7fb; color: #142b47; }
.wec-a__interior-content :where(h2,h3,h4,p,li) { color: #142b47; }
.wec-a__interior-content :where(a:not(.fusion-button)) { color: #075f69; text-decoration: underline; text-underline-offset: 3px; }
.wec-a__interior-content :where(input,textarea,select) { max-width: 100%; }
.wec-a__interior-content .fusion-fullwidth { padding-inline: clamp(18px, 4vw, 68px) !important; }
.wec-a__interior-content .fusion-animated { visibility: visible !important; opacity: 1 !important; transform: none !important; animation: none !important; }
.wec-a__interior-content .fusion-row { max-width: 1380px; }
.wec-a__interior-content .fusion-button { background: #0b1b36; color: #fff; }
.wec-a__interior-content .fusion-button:hover { background: #075f69; }
body.page-id-1735 .wec-a__interior-content .fusion-builder-nested-column-0 > .fusion-column-wrapper { background: #0b1b36 !important; color: #ecf2ff !important; }
body.page-id-1735 .wec-a__interior-content .fusion-builder-nested-column-0 > .fusion-column-wrapper :where(h2,h3,h4,h5,h6,p,li,span,a,small) { color: #ecf2ff !important; }
body.page-id-1735 .wec-a__interior-content .fusion-builder-nested-column-0 h2 { font-size: 1.2rem; line-height: 1.35; }
.wec-a--interior .wec-a__footer { border-top: 1px solid var(--wec-line); }

@media (max-width: 900px) {
	.wec-a__proof-heading { grid-template-columns: 1fr; }
	.wec-a__proof-heading .wec-a__section-label { grid-row: auto; }
	.wec-a__network-layout { grid-template-columns: 1fr; }
	.wec-a__network-copy h2 { max-width: 17ch; }
}
@media (max-width: 600px) {
	.wec-a__hero-network { width: 100%; opacity: .35; }
	.wec-a__metric-grid { grid-template-columns: 1fr; }
	.wec-a__metric, .wec-a__metric + .wec-a__metric { min-height: 0; padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--wec-line); }
	.wec-a__metric:last-child { border-bottom: 0; }
	.wec-a__metric strong { font-size: 3.9rem; }
	.wec-a__metric span { margin-top: 8px; }
	.wec-a__proof { padding-bottom: 250px; }
	.wec-a__network-widget { aspect-ratio: 1 / 1; }
	.wec-a__network-svg { width: 145%; max-width: none; margin-left: -22.5%; }
	.wec-a__node { width: 44px; height: 44px; }
	.wec-a__network-detail { right: 10px; bottom: 10px; left: 10px; width: auto; padding: 11px 13px; }
	.wec-a__network-detail p { font-size: .7rem !important; }
	.wec-a__editorial-heading { margin-bottom: 30px; }
	.wec-a__carousel-shell { position: relative; display: block; width: calc(100% - 32px); }
	.wec-a__carousel-arrow { position: absolute; z-index: 2; top: 104px; width: 48px; height: 48px; border-color: rgb(255 255 255 / 80%); background: rgb(249 251 253 / 93%); }
	.wec-a__carousel-arrow--prev { left: 12px; }
	.wec-a__carousel-arrow--next { right: 12px; }
	.wec-a__editorial-card { display: flex; flex-direction: column-reverse; min-height: 0; }
	.wec-a__editorial-copy { flex: 1 0 auto; min-height: 295px; padding: 28px 26px 32px; }
	.wec-a__editorial-card h3 { margin-top: 34px; font-size: clamp(2rem, 7vw, 2.7rem); }
	.wec-a__editorial-image { height: 256px; min-height: 0; }
	.wec-a__editorial-card:nth-child(2) .wec-a__editorial-image img { object-position: 83% center; }
	.wec-a__carousel-meta { padding-top: 16px; }
	.wec-a__interior-hero { padding-block: 75px; }
	.wec-a__interior-content .fusion-row { width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
	.wec-a__interior-content .fusion-fullwidth { padding-inline: 20px !important; }
	.wec-a__interior-content .fusion-layout-column { max-width: 100% !important; }
	.wec-a__interior-content .fusion-builder-row-inner { position: relative; left: -20px; }
}
@media (prefers-reduced-motion: reduce) {
	.wec-a__flow-art path, .wec-a__network-route { stroke-dashoffset: 0; }
	.wec-a__carousel { scroll-behavior: auto; }
}