/* Lightweight inspection field: CSS/SVG only, no video or animation dependency. */
.brand-stage{isolation:isolate;border-radius:32px;background:radial-gradient(ellipse at 50% 48%,#d5f1e9 0%,#e9f5f1 48%,#f4f7fa 79%)}
.brand-stage>div:not(.stage-note),.stage-circuits{pointer-events:none}
.stage-atmosphere{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse at 30% 35%,#42c6ae45,transparent 63%),radial-gradient(ellipse at 80% 65%,#eac06b33,transparent 58%);animation:field-breathe 7s ease-in-out infinite}
.stage-grid{position:absolute;inset:-60px;background-image:linear-gradient(#16837513 1px,transparent 1px),linear-gradient(90deg,#16837513 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000 20%,transparent 66%);animation:grid-drift 16s linear infinite;opacity:.8}
.stage-radar{position:absolute;width:350px;height:350px;left:calc(50% - 175px);top:calc(50% - 175px);border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 270deg,#37bda823 335deg,#37bda855 359deg,transparent 360deg);mask-image:radial-gradient(transparent 37%,#000 39%,#000 66%,transparent 70%);animation:radar-turn 12s linear infinite}
.stage-ripple{position:absolute;width:238px;height:238px;left:calc(50% - 119px);top:calc(50% - 119px);border:1px solid #209f8b66;border-radius:50%;animation:signal-expand 5s ease-out infinite}
.ripple-two{animation-delay:-2.5s}
.brand-stage .orbit{inset:auto;left:calc(50% - 162px);top:calc(50% - 162px);width:324px;height:324px;border:1px solid #16837535;transform:rotate(-24deg);animation:orbital-path 20s linear infinite;border-radius:50%}
.brand-stage .orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#1b9c87;box-shadow:0 0 0 5px #1b9c8712,0 0 15px #1b9c8755}
.brand-stage .orbit-two{width:390px;height:244px;left:calc(50% - 195px);top:calc(50% - 122px);border-style:dashed;border-color:#218e8336;animation-duration:28s;animation-direction:reverse}
.brand-stage .orbit-two i{background:#d4a34c;box-shadow:0 0 0 5px #d4a34c18,0 0 14px #d4a34c44}
.brand-stage .orbit-three{width:260px;height:344px;left:calc(50% - 130px);top:calc(50% - 172px);border-color:#1683751c;animation-duration:34s}
.brand-stage .orbit-three i{width:5px;height:5px;top:-2px;background:#87b5ad;box-shadow:none}
.stage-circuits{position:absolute;inset:0;width:100%;height:100%;opacity:.42}
.circuit-flow{stroke:#28b59c;stroke-width:2.5;stroke-dasharray:15 350;animation:circuit-travel 5s linear infinite}
.stage-sweep{position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#37bfa380,transparent);box-shadow:0 0 20px 6px #37bfa318;animation:field-scan 6s ease-in-out infinite}
.stage-particles{position:absolute;inset:0}
.stage-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#2aa58e;opacity:.5;animation:particle-drift 7s ease-in-out infinite}
.stage-particles i:nth-child(1){left:20%;top:30%}.stage-particles i:nth-child(2){left:77%;top:24%;animation-delay:-2s;background:#dca444}.stage-particles i:nth-child(3){left:84%;top:63%;animation-delay:-4s}.stage-particles i:nth-child(4){left:22%;top:75%;animation-delay:-1s}.stage-particles i:nth-child(5){left:39%;top:17%;animation-delay:-3s;width:3px;height:3px}.stage-particles i:nth-child(6){left:67%;top:78%;animation-delay:-5s;width:3px;height:3px}
.brand-stage>.luma-mark{position:relative;z-index:2;animation:logo-hover 6s ease-in-out infinite;filter:drop-shadow(0 18px 18px #123d4b33)}
.stage-note{z-index:3;top:20px;left:22px;letter-spacing:2px;color:#4c7e78;font-size:9px}
.stage-note span{font-size:8px;letter-spacing:1.2px;color:#267669}.stage-note i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#27a88e;margin-right:4px}
.stage-label{z-index:3;bottom:20px;font-size:9px;letter-spacing:2px;left:18px;right:auto}
.motion-toggle{position:absolute;z-index:4;bottom:12px;right:15px;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #bcdcd2;background:#f7fcfaf0;color:#326f64;border-radius:20px;font:11px system-ui;cursor:pointer}
.motion-toggle:hover{background:white;border-color:#168375}.motion-toggle:focus-visible{outline:3px solid #dca444;outline-offset:3px}
.brand-stage.is-paused *,.brand-stage.is-offscreen *{animation-play-state:paused!important}
@keyframes radar-turn{to{transform:rotate(360deg)}}
@keyframes orbital-path{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
@keyframes signal-expand{0%{transform:scale(.85);opacity:0}18%{opacity:.5}100%{transform:scale(1.65);opacity:0}}
@keyframes grid-drift{to{transform:translate(32px,32px)}}
@keyframes field-breathe{0%,100%{transform:scale(.93) translate(-8px,4px);opacity:.6}50%{transform:scale(1.12) translate(8px,-4px);opacity:1}}
@keyframes circuit-travel{to{stroke-dashoffset:-365}}
@keyframes field-scan{0%,100%{transform:translateY(-110px);opacity:0}15%,85%{opacity:.6}50%{transform:translateY(110px);opacity:.8}}
@keyframes particle-drift{0%,100%{transform:translate(0,5px);opacity:.15}50%{transform:translate(10px,-10px);opacity:.7}}
@keyframes logo-hover{0%,100%{transform:translateY(3px) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@media(max-width:850px){.brand-stage{height:340px;max-width:520px;width:100%;justify-self:center;margin:12px 0}.stage-radar{width:300px;height:300px;left:calc(50% - 150px);top:calc(50% - 150px)}.brand-stage .orbit-one{width:280px;height:280px;left:calc(50% - 140px);top:calc(50% - 140px)}.brand-stage .orbit-two{width:326px;height:218px;left:calc(50% - 163px);top:calc(50% - 109px)}.brand-stage .orbit-three{display:none}.stage-ripple{width:204px;height:204px;left:calc(50% - 102px);top:calc(50% - 102px)}.stage-grid{opacity:.6}.stage-particles i:nth-child(n+5){display:none}.stage-label{font-size:8px;letter-spacing:1px;left:14px}.stage-note{left:16px}}
@media(max-width:380px){.motion-label{display:none}.motion-toggle{min-width:32px;min-height:32px;justify-content:center}.stage-label{max-width:210px}}
@media(prefers-reduced-motion:reduce){.stage-ripple,.stage-sweep{display:none}.stage-radar{opacity:.4}.motion-toggle{display:none}.brand-stage>.luma-mark{transform:none}.stage-particles i{opacity:.35}}
/* A silent, recorded PCB inspection loop behind the entrance hero. */
.welcome-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;padding:46px 38px 62px;gap:28px;background:#071e27;min-height:560px}
.hero-video-layer{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.hero-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.welcome-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#071e27fc 0%,#071e27ee 32%,#071e27a6 53%,#071e2724 80%),linear-gradient(0deg,#071e27e8,transparent 30%,#071e2733)}
.hero-copy{position:relative;z-index:2}.welcome-hero h1{color:#f3fbf8;font-size:clamp(36px,3.6vw,50px)}.welcome-hero .eyebrow{color:#75dbca}.welcome-hero .intro{color:#c2dbdc;font-size:16px}.welcome-hero .hint{color:#adcccc;font-size:12px}.welcome-hero .primary{background:#167f73;color:white}.welcome-hero .secondary{background:#0c303abf;border-color:#629f98;color:#e4f6f2}.welcome-hero .secondary:hover{background:#19424b}
.welcome-hero .brand-stage{background:transparent;border-radius:20px;min-width:0;height:390px;overflow:hidden}
.welcome-hero .stage-atmosphere{opacity:.2;animation:none;background:radial-gradient(ellipse,#26b69c30,transparent 65%)}
.welcome-hero .stage-grid{opacity:.14;background-image:linear-gradient(#b6eee329 1px,transparent 1px),linear-gradient(90deg,#b6eee329 1px,transparent 1px)}
.welcome-hero .stage-radar{opacity:.17}.welcome-hero .stage-circuits{opacity:.15}.welcome-hero .orbit{border-color:#92e6d727}.welcome-hero .stage-ripple{opacity:.2;border-color:#75dbca33}
.welcome-hero .brand-stage>.luma-mark{position:absolute;right:16px;bottom:66px;width:86px;height:86px;filter:drop-shadow(0 12px 12px #0005)}
.welcome-hero .stage-note{color:#c7e6df;left:10px;top:12px}.welcome-hero .stage-note span{color:#9ad4c7}.welcome-hero .stage-label{color:#b2d7d0;left:10px;font-size:8px;letter-spacing:1px}
.welcome-hero .motion-toggle{color:#d2f3e9;background:#103b45e8;border-color:#5c9e91;right:10px}
.hero-video-credit{position:absolute;z-index:2;left:38px;bottom:18px;right:38px;margin:0;font-size:10px;color:#a4c1c3;line-height:1.6}.hero-video-credit a{color:inherit;text-underline-offset:3px}
@media(max-width:850px){.welcome-hero{padding:30px 24px 24px;gap:4px;min-height:0;grid-template-columns:1fr}.welcome-hero h1{font-size:38px}.hero-video{object-fit:cover;object-position:72% center}.welcome-hero::before{background:linear-gradient(180deg,#071e27fa 0%,#071e27f2 42%,#071e2788 69%,#071e27d9 100%)}.welcome-hero .brand-stage{height:290px;margin:10px 0 0}.welcome-hero .brand-stage>.luma-mark{width:76px;height:76px;bottom:62px}.hero-video-credit{position:relative;inset:auto;grid-column:1/-1;margin-top:8px;font-size:9px}.welcome-hero .intro{font-size:15px}.welcome-hero .stage-note{top:8px}}
@media(max-width:450px){.welcome-hero{padding:26px 18px 20px;border-radius:22px}.welcome-hero h1{font-size:33px}.welcome-hero .brand-stage{height:270px}.welcome-hero .stage-label{font-size:7px;letter-spacing:.4px}.welcome-hero .motion-toggle{font-size:10px;right:5px}}
@media(max-width:850px){.hero-video-layer{inset:auto 0 0;height:380px}.hero-video{object-fit:cover;object-position:center}.welcome-hero::before{background:linear-gradient(180deg,#071e27 0%,#071e27fa 44%,#071e2755 65%,#071e27d9 100%)}}