.intro-stage{display:none;position:fixed;inset:0;z-index:1000;overflow:hidden;isolation:isolate;--reveal:0%;--scan-opacity:0;--intro-opacity:1;opacity:var(--intro-opacity);
  --dvt-bg:#060c1c;--dvt-accent:#fdb817;--dvt-text:#dae5ff;--dvt-logo-width:220px;
  --dvt-btn-bg:#081125;--dvt-btn-text:#edf3ff;--dvt-btn-border:#7086ac;--dvt-btn-radius:0px;
  --dvt-btn-bg-hover:#081125;--dvt-btn-text-hover:#fdb817;--dvt-btn-border-hover:#fdb817;
  --dvt-status-bg:#081125;--dvt-status-text:#e4edff;
  --dvt-scan-rgb:253,23,1;--dvt-accent-rgb:253,184,23}
.intro-pending .intro-stage,.intro-stage.is-running{display:block}
.intro-pending body,.intro-running body{overflow:hidden}
.intro-curtain{position:absolute;inset:0;background:var(--dvt-bg);clip-path:inset(0 0 0 var(--reveal));will-change:clip-path}
.intro-grid{position:absolute;inset:0;background-image:linear-gradient(#829eff14 1px,transparent 1px),linear-gradient(90deg,#829eff14 1px,transparent 1px),radial-gradient(ellipse at 65% 40%,#233d694f,transparent 70%);background-size:52px 52px,52px 52px,100% 100%}
.intro-outline{position:absolute;border:1px solid #849fcc38;background:#859aff03}
.intro-outline-header{top:4%;left:5%;right:5%;height:7%}
.intro-outline-copy{left:6%;top:24%;width:44%;height:54%;border-right:0;background:repeating-linear-gradient(180deg,transparent,transparent 84px,#9cb5ec14 85px,transparent 86px)}
.intro-outline-image{right:5%;top:17%;width:36%;height:67%;background:repeating-linear-gradient(90deg,transparent,transparent 62px,#9cb5ec15 63px,transparent 64px)}
.intro-wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 clamp(100px,17vw,250px)/.8 Arial,Helvetica,sans-serif;letter-spacing:-.07em;color:var(--dvt-text);text-shadow:0 0 90px #6a91ff30;text-align:center}
.intro-wordmark>span{color:var(--dvt-accent)}
.intro-wordmark>small{display:block;font:12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.22em;text-align:center;color:var(--dvt-text);opacity:.75;margin-top:35px;white-space:nowrap}
.intro-wordmark--image img{display:block;margin:0 auto;width:var(--dvt-logo-width);max-width:60vw;height:auto}
.intro-wordmark--image small{margin-top:22px}
.intro-caption{position:absolute;bottom:9%;left:6%;right:6%;font:12px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.16em;color:var(--dvt-text)}
.intro-caption span{color:var(--dvt-accent);margin:0 18px}
.intro-drone{position:absolute;left:0;top:0;width:clamp(220px,31vw,510px);height:auto;max-width:none;opacity:0;will-change:transform;transform-origin:center;filter:drop-shadow(0 24px 24px #0007) drop-shadow(0 0 20px #b3d1ff20);pointer-events:none}
.intro-light{position:absolute;inset:0 auto 0 var(--reveal);width:150px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(var(--dvt-scan-rgb),.06) 15%,rgba(var(--dvt-scan-rgb),.2) 44%,rgba(var(--dvt-scan-rgb),.65) 50%,rgba(var(--dvt-accent-rgb),.14) 57%,transparent);mix-blend-mode:screen;opacity:var(--scan-opacity);pointer-events:none}
.intro-scan-edge{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:rgb(var(--dvt-scan-rgb));box-shadow:0 0 15px 3px rgba(var(--dvt-scan-rgb),.7),0 0 70px 13px rgba(var(--dvt-scan-rgb),.27);opacity:var(--scan-opacity);pointer-events:none}
#skip-intro{position:absolute;right:clamp(24px,5vw,80px);top:28px;display:flex;gap:24px;align-items:center;min-height:44px;padding:11px 18px;border:1px solid var(--dvt-btn-border);color:var(--dvt-btn-text);background:var(--dvt-btn-bg);border-radius:var(--dvt-btn-radius);font:14px/1.4 Arial,Helvetica,sans-serif;z-index:3;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
#skip-intro:hover{background:var(--dvt-btn-bg-hover);border-color:var(--dvt-btn-border-hover);color:var(--dvt-btn-text-hover)}
.intro-phase{position:absolute;bottom:30px;right:clamp(24px,5vw,80px);font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.15em;color:var(--dvt-status-text);background:var(--dvt-status-bg);padding:10px 14px}
@media(max-width:850px){.intro-drone{width:250px}.intro-outline-copy{width:78%;top:35%;height:42%}.intro-outline-image{top:16%;height:22%;width:55%}.intro-caption{bottom:13%;font-size:10px;max-width:270px}.intro-caption span{margin:0 7px}.intro-wordmark>small{font-size:10px;letter-spacing:.15em}.intro-light{width:95px}.intro-phase{font-size:10px;bottom:22px}}
@media(max-width:520px){.intro-drone{width:210px}.intro-wordmark{font-size:115px}.intro-caption{max-width:245px}.intro-outline-header{height:8%;top:3%}#skip-intro{top:20px;padding:10px 14px}.intro-phase{max-width:220px;text-align:right}.intro-wordmark>small{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.intro-pending .intro-stage,.intro-stage.is-running{display:none!important}.intro-pending body,.intro-running body{overflow:auto}}