.eng-hero{background:#040d18;color:#f3f7fc;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 80% 40%,#103a4b88,transparent 52%)}
.eng-hero-inner{max-width:1380px;margin:auto;padding:95px 64px 78px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;min-height:650px}
.eng-copy{position:relative;z-index:2}.eng-kicker{display:flex;align-items:center;gap:12px;color:#a3bdc6;font-size:10px;font-weight:600;letter-spacing:1.6px;line-height:1.6}.eng-kicker>span{color:#6ee7e4;font-size:25px;font-weight:400}
.eng-hero h1{font-size:clamp(46px,5.25vw,78px);font-weight:600;line-height:1.06;letter-spacing:-.058em;margin:28px 0;max-width:720px;color:#f3f7fc;overflow-wrap:normal}.eng-hero h1>span{color:#73e2df;background:linear-gradient(110deg,#c3fbf5,#55cdd8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.eng-copy>p{font-size:17px;line-height:1.8;color:#acbac9;max-width:510px;margin:0}.eng-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.eng-actions .button{font-size:13px;padding:17px 22px;border-radius:7px;min-height:52px;background:#8aece4;color:#04242a;border:1px solid #8aece4;gap:20px}.eng-actions .product-secondary{background:transparent;color:#e5edf5;border-color:#40535f}.eng-actions .button:hover{background:#b4fff7;box-shadow:0 0 24px #63dfd322}.eng-actions .product-secondary:hover{background:#182b38}.eng-hero a:focus-visible{outline:3px solid #8aece4;outline-offset:5px}
.eng-origin{display:flex;gap:12px;align-items:center;margin-top:43px;font-size:9px;letter-spacing:2px;color:#cbd4dd}.eng-origin-mark{font-size:29px;line-height:1;color:#cbd4dd}.eng-origin-detail{display:block;font-size:8px;color:#8b9fae;letter-spacing:1.2px;margin-top:6px}
.eng-visual{position:relative;min-width:0;text-align:center;padding:30px 0}.eng-orbit{position:absolute;width:96%;aspect-ratio:1;border:1px solid #59cad31c;border-radius:50%;left:2%;top:0;box-shadow:0 0 0 35px #59cad305,0 0 0 70px #59cad303}.eng-orbit:before,.eng-orbit:after{content:'';position:absolute;background:#76e7e1;width:5px;height:5px;border-radius:50%;top:18%;left:11%;box-shadow:0 0 16px #65fff4}.eng-orbit:after{top:80%;left:89%}.eng-emblem{position:relative;aspect-ratio:1.3;overflow:hidden;mix-blend-mode:screen;margin:0 auto;width:100%}.eng-emblem img{position:absolute;max-width:none;width:260%;height:auto;left:-80%;top:-25%}.eng-wordmark{position:relative;font-size:clamp(23px,2.75vw,40px);letter-spacing:5px;font-weight:500;color:#d7e6ee;margin-top:12px}.eng-tagline{position:relative;color:#91aab9;font-size:13px;letter-spacing:1px;margin-top:10px}.eng-visual-note{position:relative;margin-top:39px;color:#7897a8;font-size:8px;letter-spacing:1.8px}.eng-visual-note i{display:inline-block;width:4px;height:4px;background:#70d8d0;border-radius:50%;margin-right:8px}
.eng-hero-foot{max-width:1252px;margin:0 auto;border-top:1px solid #263744;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;font-size:9px;letter-spacing:1.6px;color:#90a5b6}.eng-hero-foot b{color:#85e4de;margin-left:5px;font-weight:500}.eng-hero-foot a{color:#dbe8ef;display:flex;align-items:center;gap:24px;min-height:44px;letter-spacing:.2px;font-size:11px}.eng-hero-foot a:hover{color:#85e4de}.eng-hero+.platform-stage{padding-top:60px;background:linear-gradient(#eaf0f5,#fff)}
@media(max-width:1350px){.eng-hero-foot{margin:0 64px}.eng-hero-inner{padding:75px 48px;gap:15px}.eng-hero-foot{margin:0 48px}}
@media(max-width:900px){.eng-hero-inner{grid-template-columns:1fr 1fr;padding:65px 30px;min-height:570px}.eng-hero h1{font-size:48px}.eng-kicker{font-size:8px;letter-spacing:1px}.eng-actions .button{padding:14px;font-size:12px}.eng-wordmark{letter-spacing:2px}.eng-tagline{font-size:10px}.eng-hero-foot{margin:0 30px}.eng-hero-foot>span:nth-child(3){display:none}}
@media(max-width:650px){.eng-hero-inner{grid-template-columns:1fr;padding:42px 24px 26px;gap:20px}.eng-hero h1{font-size:clamp(39px,10vw,60px);margin:22px 0}.eng-copy>p{font-size:16px}.eng-kicker{font-size:8px;letter-spacing:.6px}.eng-origin{margin-top:26px}.eng-visual{width:90%;max-width:360px;margin:auto;padding-top:0}.eng-visual-note{margin-top:22px}.eng-wordmark{font-size:27px}.eng-hero-foot{margin:0 24px;padding:14px 0;gap:15px;letter-spacing:.8px}.eng-hero-foot>span:nth-child(2){display:none}.eng-hero-foot a{font-size:10px;gap:10px}.eng-hero+.platform-stage{padding-top:35px}}
/* Native system typography and neutral text for the original circuit hero. */
.eng-hero,.eng-hero h1,.eng-hero .button{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.eng-hero h1{font-weight:600;letter-spacing:-.045em;line-height:1.08;color:#f5f5f7}
.eng-hero h1>span{color:#d2d2d7;background:none;-webkit-text-fill-color:currentColor}
.eng-copy>p{color:#c1c1c7;line-height:1.75;letter-spacing:-.012em}
.eng-kicker,.eng-origin,.eng-tagline,.eng-hero-foot{color:#bdbdc4}.eng-kicker>span,.eng-origin-mark,.eng-wordmark,.eng-hero-foot b,.eng-hero-foot a{color:#f5f5f7}
.eng-origin-detail,.eng-visual-note{color:#aaaab3}.eng-wordmark{font-weight:500;letter-spacing:.12em}.eng-tagline{letter-spacing:.035em}
.eng-actions .button{background:#f5f5f7;color:#16171c;border-color:#f5f5f7;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:-.015em}
.eng-actions .button:hover{background:#dedee3;box-shadow:none}.eng-actions .product-secondary{background:transparent;color:#f5f5f7;border-color:#666973}.eng-actions .product-secondary:hover{background:#ffffff12;color:#fff}
.eng-hero-foot a:hover{color:white}.eng-hero a:focus-visible{outline:3px solid #f5f5f7;outline-offset:5px}
@media(max-width:650px){.eng-actions .button{font-size:13px}.eng-hero h1{letter-spacing:-.04em}}
/* User supplied brushed metal texture, with solid-color fallback. */
.eng-hero h1{font-weight:800;letter-spacing:-.04em;line-height:1.08;color:#c4e0f0}
.eng-hero h1>span{font-weight:800;color:inherit;-webkit-text-fill-color:currentColor;background:none}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.eng-hero h1{background-color:#c4e0f0;background-image:url('/assets/brand/hero-blue-metal.png');background-size:cover;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px #0004)}
.eng-hero h1>span{color:inherit;-webkit-text-fill-color:inherit}
}
.eng-copy>p{font-weight:500;color:#e0e5eb}.eng-kicker{font-weight:650;color:#d0dce5}.eng-origin,.eng-tagline,.eng-hero-foot{color:#d1d9e1;font-weight:500}.eng-origin-detail,.eng-visual-note{color:#b9c7d3;font-weight:600}.eng-wordmark{font-weight:700;color:#d1e5f0}.eng-actions .button{font-weight:700}
@media(forced-colors:active){.eng-hero h1{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;filter:none}.eng-hero h1>span{color:CanvasText;-webkit-text-fill-color:CanvasText}}
/* Burgundy accents soften the dark circuit hero. */
.eng-hero{background-image:radial-gradient(ellipse at 12% 45%,#72283b38,transparent 58%),radial-gradient(ellipse at 80% 40%,#103a4b66,transparent 52%)}
.eng-hero h1{background:none;color:#f5eeeb;-webkit-text-fill-color:#f5eeeb;filter:none}
.eng-hero h1>span{color:#dfa6b0;-webkit-text-fill-color:#dfa6b0}
.eng-actions .button{background:#942e46;border-color:#b54a63;color:#fff;box-shadow:0 8px 28px #59182b30}
.eng-actions .button:hover{background:#ac3954;color:#fff;box-shadow:0 10px 30px #59182b40}
.eng-actions .product-secondary{background:transparent;border-color:#77707a;color:#f5eeeb;box-shadow:none}
.eng-actions .product-secondary:hover{background:#ffffff10;color:#fff;box-shadow:none}
.eng-kicker>span,.eng-origin-mark{color:#e36b80}.eng-hero-foot b{color:#dfa6b0}.eng-visual-note i{background:#d45c75}
.eng-hero a:focus-visible{outline-color:#edb7c3}
@media(forced-colors:active){.eng-hero h1,.eng-hero h1>span{color:CanvasText;-webkit-text-fill-color:CanvasText}}
/* Silver finish supplied by the user. */
.eng-hero{background-image:radial-gradient(ellipse at 80% 40%,#103a4b88,transparent 52%)}
.eng-hero h1{font-weight:800;background:none;color:#e1e2e4;-webkit-text-fill-color:currentColor;filter:none}
.eng-hero h1>span{background:none;color:inherit;-webkit-text-fill-color:inherit}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.eng-hero h1{background-color:#e1e2e4;background-image:linear-gradient(#ffffff25,#ffffff25),url('/assets/brand/hero-silver.jpg');background-size:cover;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.eng-hero h1>span{color:inherit;-webkit-text-fill-color:inherit}
}
.eng-actions .button{background:#e4e5e7;border-color:#e4e5e7;color:#141820;box-shadow:none}.eng-actions .button:hover{background:#fff;color:#141820;box-shadow:none}.eng-actions .product-secondary{background:transparent;border-color:#777b83;color:#f5f5f7}.eng-actions .product-secondary:hover{background:#ffffff12;color:#fff}
.eng-kicker>span,.eng-origin-mark,.eng-hero-foot b{color:#e1e2e4}.eng-visual-note i{background:#bfc7ce}.eng-hero a:focus-visible{outline-color:#e4e5e7}
@media(forced-colors:active){.eng-hero h1,.eng-hero h1>span{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
/* Red metal accent on the hero primary action only. */
.eng-actions .button:not(.product-secondary){background-color:#8c1520;background-image:linear-gradient(#28000845,#28000845),url('/assets/brand/hero-red-metal.png');background-size:cover;background-position:center;color:#fff;border-color:#b95059;box-shadow:0 5px 18px #0003}
.eng-actions .button:not(.product-secondary):hover{background-color:#a31e2b;background-image:linear-gradient(#28000825,#28000825),url('/assets/brand/hero-red-metal.png');color:#fff;border-color:#d27a82;box-shadow:0 6px 20px #0004}
@media(forced-colors:active){.eng-actions .button:not(.product-secondary){background-image:none;color:ButtonText;border-color:ButtonText}}
/* Silver secondary action, paired with the red primary action. */
.eng-actions .button.product-secondary{background-color:#c8cbd0;background-image:linear-gradient(#ffffff35,#ffffff35),url('/assets/brand/hero-silver.jpg');background-size:cover;background-position:center;color:#111820;border-color:#dce0e5;box-shadow:0 4px 16px #0002}
.eng-actions .button.product-secondary:hover{background-image:linear-gradient(#ffffff65,#ffffff65),url('/assets/brand/hero-silver.jpg');color:#080e15;border-color:#fff;box-shadow:0 6px 20px #0003}
@media(forced-colors:active){.eng-actions .button.product-secondary{background-image:none;color:ButtonText;border-color:ButtonText}}
/* Clearly colored steel-blue secondary action. */
.eng-actions .button.product-secondary{background-color:#24455f;background-image:linear-gradient(#0c345ac9,#0c345ac9),url('/assets/brand/hero-blue-metal.png');background-size:cover;background-position:center;color:#fff;border-color:#7292aa;box-shadow:0 4px 16px #0003}
.eng-actions .button.product-secondary:hover{background-color:#315974;background-image:linear-gradient(#173f62b8,#173f62b8),url('/assets/brand/hero-blue-metal.png');color:#fff;border-color:#a6c5dc;box-shadow:0 6px 20px #0003}
@media(forced-colors:active){.eng-actions .button.product-secondary{background-image:none;color:ButtonText;border-color:ButtonText}}