/* Local product artwork and light, composited with transforms and opacity. */
.hero{isolation:isolate}.hero:after{z-index:0}.hero-scene{transition:opacity .7s ease;opacity:1}.hero-scene img{filter:saturate(.7) brightness(.88)}.hero-ecu{position:absolute;inset:5% -5% 0 34%;display:grid;place-items:center;opacity:0;transform:translateY(18px) scale(.95);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}.hero-ecu picture{width:100%}.hero-ecu img{width:100%;height:auto;object-fit:contain}.hero[data-scene=ecu] .hero-ecu{opacity:.85;transform:translateY(0) scale(1)}.hero[data-scene=ecu] .hero-scene{opacity:0}.hero .hero-light{animation:light-pass 7s ease-in-out 1 alternate}.hero-annotation{display:none}.hero h1{background:linear-gradient(155deg,#fff 15%,#f3f0eb 50%,#a5a6a9 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero h1 .red{color:var(--accent)}
.scene-selector{position:absolute;right:64px;bottom:96px;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #76614d80;background:#0b0c0ebd;border-radius:3px;backdrop-filter:blur(12px)}.scene-selector button{min-height:44px;padding:11px 18px;font-size:11px;font-weight:600;letter-spacing:.06em;color:#c8c5c2;border:1px solid transparent;border-radius:2px;display:flex;align-items:center;gap:10px}.scene-selector button[aria-pressed=true]{color:#ffb87e;background:#ff8a3217;border-color:#a76a3c}.scene-selector button:hover{color:white}.scene-selector svg{width:23px;height:19px;stroke:currentColor;stroke-width:1.3;fill:none}.scene-selector button[aria-pressed=true]:before{content:'';width:4px;height:4px;background:var(--accent);box-shadow:0 0 9px #ff8a32}
.hero-streak{position:absolute;width:45%;height:2px;right:-10%;bottom:28%;background:linear-gradient(90deg,transparent,#e67c35a6,#ffcc9c,transparent);transform:rotate(-14deg);opacity:0;pointer-events:none;z-index:1}.hero-streak:nth-child(2){bottom:32%;width:65%;height:1px}.hero.is-live .hero-streak{animation:road-light 1.6s cubic-bezier(.2,.7,.4,1) 2 both}.hero.is-live .hero-streak:nth-child(2){animation-delay:.22s}@keyframes road-light{0%{transform:translateX(-90%) rotate(-14deg);opacity:0}35%{opacity:.7}100%{transform:translateX(70%) rotate(-14deg);opacity:0}}
.ecu-experience{position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 48%,#35221650,transparent 58%),#080a0c;border-top:1px solid #3b322b;border-bottom:1px solid #3b322b;isolation:isolate}.ecu-experience:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.ecu-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:0;min-height:720px;position:relative}.ecu-copy{position:relative;z-index:2;padding:82px 0;max-width:490px}.ecu-copy>.eyebrow{font-size:9px;letter-spacing:.14em;color:#cfb8a5}.ecu-copy h2{font-size:clamp(48px,5vw,76px);line-height:1.02;letter-spacing:-.02em}.ecu-copy h2>span{color:var(--accent)}.ecu-copy>p{max-width:350px;font-size:15px;margin:24px 0 30px;color:#b7b5b3}.ecu-tabs{display:flex;gap:0;border-bottom:1px solid #544435;margin-bottom:22px}.ecu-tabs button{min-height:50px;flex:1;padding:10px 12px;font-size:13px;font-weight:600;color:#c9c3bd;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.ecu-tabs button:first-child{padding-left:0}.ecu-tabs button[aria-selected=true]{border-color:var(--accent);color:#ffaf70}.ecu-tabs button:hover{background:#ff8a320a;color:#fff}.ecu-panel{min-height:165px;max-width:390px}.ecu-panel h3{font-size:25px;letter-spacing:.015em}.ecu-panel p{font-size:14px;line-height:1.65;margin:12px 0 8px}.ecu-panel .text-link{font-size:12px;color:#ffaf70;border-color:#8a5933;padding:8px 0;gap:20px}.ecu-stage{position:relative;aspect-ratio:1.06;width:calc(100% + 105px);margin-left:-28px;perspective:1100px;isolation:isolate}.ecu-aura{position:absolute;inset:8% -5% 15%;background:radial-gradient(ellipse at 52% 48%,#ff8a3228 0%,#f87c1514 35%,transparent 67%);opacity:.6;pointer-events:none;transform:scale(.92)}.ecu-object{position:absolute;inset:12% -6% 4% -5%;display:grid;place-items:center;transform:rotateX(0) rotateY(0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.ecu-object picture{display:block;width:100%}.ecu-object img{width:100%;height:auto;filter:drop-shadow(0 28px 24px #0008)}.ecu-circuits{position:absolute;width:120%;height:100%;left:-10%;top:0;opacity:.75;pointer-events:none}.circuit-traces{stroke:#d88c4a;stroke-opacity:.22;stroke-width:1}.circuit-signals{stroke:#ffad65;stroke-width:1.5;stroke-dasharray:35 650;stroke-dashoffset:660;opacity:0}.ecu-reticle{position:absolute;inset:9% 5% 11%;pointer-events:none;opacity:.5}.ecu-reticle span{position:absolute;width:16px;height:16px;border-color:#a87b52;border-style:solid}.ecu-reticle span:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.ecu-reticle span:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.ecu-reticle span:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.ecu-reticle span:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.ecu-caption{position:absolute;bottom:3%;left:7%;right:7%;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.17em;font-weight:600;color:#a49b93}.ecu-caption-name{color:#e0ba99}.ecu-experience.is-energised .circuit-signals{animation:circuit-flow 2s ease-out 2}.ecu-experience.is-energised .ecu-aura{animation:ecu-light 2s ease-in-out 2}.ecu-experience[data-mode=diagnostics] .circuit-signals{stroke:#e9f5ff}.ecu-experience[data-mode=diagnostics] .ecu-aura{background:radial-gradient(ellipse,#cbd9e523,transparent 66%)}.ecu-experience[data-mode=response] .ecu-reticle{opacity:.85}.ecu-experience:not(.in-view) *,body.scene-paused .hero *,body.scene-paused .ecu-experience *{animation-play-state:paused!important}
@keyframes circuit-flow{0%{stroke-dashoffset:660;opacity:0}15%{opacity:.85}85%{opacity:.85}100%{stroke-dashoffset:0;opacity:0}}@keyframes ecu-light{0%,100%{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}
@media(min-width:1700px){.hero-ecu{left:42%;right:3%}.hero-scene{left:25%}.ecu-layout{min-height:770px}}
@media(max-width:1100px){.ecu-layout{min-height:650px;grid-template-columns:1fr 1fr}.ecu-copy h2{font-size:55px}.ecu-stage{width:calc(100% + 100px);margin-left:-22px}.ecu-tabs button{font-size:12px;padding:10px 8px}.scene-selector{right:36px}.ecu-caption{font-size:7px}.ecu-panel{min-height:190px}}
@media(max-width:800px){.ecu-layout{display:flex;flex-direction:column;padding-top:45px;padding-bottom:45px}.ecu-copy{display:contents}.ecu-copy>.eyebrow,.ecu-copy>h2,.ecu-copy>p,.ecu-tabs,.ecu-panel{align-self:stretch}.ecu-copy>.eyebrow{order:0;margin-bottom:18px}.ecu-copy>h2{order:1;font-size:54px}.ecu-copy>p{order:2;max-width:350px;margin:18px 0 0;font-size:14px}.ecu-stage{order:3;width:min(100% + 46px,650px);margin:0 -23px;aspect-ratio:1.48;max-height:440px}.ecu-object{inset:-1% -3% 0}.ecu-circuits{height:140%;top:-20%;opacity:.6}.ecu-caption{bottom:0;left:7%;right:7%;font-size:7px}.ecu-reticle{inset:6% 6% 8%;opacity:.35}.ecu-tabs{order:4;margin:26px 0 22px}.ecu-tabs button{font-size:13px}.ecu-panel{order:5;min-height:154px;max-width:none}.ecu-panel p{max-width:480px}.ecu-copy h2 br{display:none}.hero-ecu{inset:15% -15% 0 20%}.scene-selector{bottom:95px;right:24px}}
@media(max-width:650px){.hero{height:720px;min-height:720px}.hero-inner{padding-top:54px}.hero h1{font-size:clamp(48px,12.8vw,73px)}.hero .eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:28px}.hero-manifesto{margin:15px 0 20px}.hero-description{font-size:14px;max-width:320px}.hero-actions{margin-top:23px;gap:15px 25px}.hero:after{background:linear-gradient(180deg,#0b0c0ee8 0%,#0b0c0e80 41%,#0b0c0e10 66%,#0b0c0e 100%),linear-gradient(90deg,#0b0c0e30,transparent)}.hero-scene{inset:85px -15% 0 -10%}.hero-scene img{object-position:59% 70%;filter:saturate(.7) brightness(.85)}.hero-ecu{inset:33% -9% 7% -9%}.hero[data-scene=ecu] .hero-ecu{opacity:.75}.hero[data-scene=ecu]:after{background:linear-gradient(180deg,#0b0c0ef0 0%,#0b0c0e9c 43%,transparent 62%,#0b0c0e80 100%)}.scene-selector{left:23px;right:auto;bottom:68px;z-index:3}.scene-selector button{padding:8px 14px;font-size:10px}.scene-selector svg{width:19px;height:17px}.hero-bottom{bottom:14px}.hero-streak{bottom:25%;width:90%}.hero-streak:nth-child(2){bottom:29%;width:95%}.ecu-layout{padding:42px 23px 40px}.ecu-copy>h2{font-size:48px;max-width:340px;line-height:1.02}.ecu-copy>h2 br{display:initial}.ecu-copy>h2>span{display:block}.ecu-copy>.eyebrow{font-size:8px;letter-spacing:.1em}.ecu-copy>p{font-size:13px;margin:17px 0 9px;max-width:300px}.ecu-stage{aspect-ratio:1.25;margin-top:-8px}.ecu-object{inset:2% -5% 0}.ecu-tabs{margin-top:16px;margin-bottom:20px}.ecu-tabs button{font-size:12px;padding:10px 8px}.ecu-panel{min-height:145px}.ecu-panel h3{font-size:26px}.ecu-panel p{font-size:13px;line-height:1.6}.ecu-panel .text-link{font-size:13px}.ecu-caption{font-size:6px;letter-spacing:.13em;bottom:8px}.ecu-reticle{inset:13% 6% 14%}}
@media(prefers-reduced-motion:reduce){.hero-streak{display:none}.hero-scene,.hero-ecu,.ecu-object{transition:none}.ecu-object{transform:none!important}.ecu-aura{animation:none!important}.circuit-signals{animation:none!important;opacity:0}}