*{box-sizing:border-box} :root{--c:#19dcff;--o:#ff6817;--bg:#01040a}html,body{margin:0;width:100%;height:100%;background:var(--bg)}body{font-family:Arial,Helvetica,sans-serif;overflow:hidden}.scene{position:relative;width:100%;height:100svh;min-height:500px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 50%,#092536 0,#020a13 42%,#010308 85%)}canvas,.nebula,.planet,.warp,.structures,.robot,.content,.hud,.scanlines{position:absolute}.scene canvas{inset:0;width:100%;height:100%}#space{z-index:1}#streaks{z-index:2}#plasma{z-index:3;mix-blend-mode:screen}#fx{z-index:4;mix-blend-mode:screen}.nebula{inset:-30%;z-index:0;background:radial-gradient(ellipse at 50% 45%,#00a8ff32 0 14%,transparent 38%),radial-gradient(ellipse at 18% 70%,#ff4b001d 0 10%,transparent 30%),radial-gradient(ellipse at 84% 66%,#0060ff24 0 10%,transparent 30%);filter:blur(28px);animation:neb 9s ease-in-out infinite alternate}.planet{z-index:2;right:7%;top:5%;width:clamp(70px,11vw,210px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 28%,#234b60,#07121b 55%,#020409 73%);box-shadow:0 0 35px #1bdcff33,inset -28px -25px 45px #000}.warp{z-index:5;inset:-20%;display:grid;place-items:center;perspective:1100px;transform-style:preserve-3d}.portal{position:absolute;left:50%;top:50%;width:clamp(170px,30vw,560px);aspect-ratio:1.6/1;border:2px solid #19dcff66;border-radius:50%;transform:translate(-50%,-50%) rotateX(69deg) translateZ(var(--z));box-shadow:0 0 18px #19dcff55,inset 0 0 25px #19dcff18;animation:fly var(--s) linear infinite}.portal:nth-child(2n){border-color:#ff681766;box-shadow:0 0 18px #ff681744,inset 0 0 20px #ff681722}.p1{--z:-80px;--s:4.8s}.p2{--z:-160px;--s:4.4s}.p3{--z:-240px;--s:4s}.p4{--z:-320px;--s:3.6s}.p5{--z:-400px;--s:3.2s}.p6{--z:-480px;--s:2.8s}.p7{--z:-560px;--s:2.45s}.p8{--z:-640px;--s:2.15s}.core{position:absolute;width:clamp(10px,1.8vw,28px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff,0 0 35px var(--c),0 0 100px var(--c);animation:core 1.9s ease-in-out infinite}.structures{z-index:4;inset:0;pointer-events:none}.structures i{position:absolute;bottom:-4%;left:50%;width:clamp(30px,6vw,110px);height:75%;background:linear-gradient(90deg,#03101a,#0a2b3a,#02060b);border:1px solid #19dcff45;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);transform-origin:50% 100%;filter:drop-shadow(0 0 12px #19dcff22)}.structures i:nth-child(1){transform:translateX(-260%) rotate(-9deg);height:66%}.structures i:nth-child(2){transform:translateX(-180%) rotate(-6deg);height:73%}.structures i:nth-child(3){transform:translateX(-105%) rotate(-4deg);height:80%}.structures i:nth-child(4){transform:translateX(5%) rotate(3deg);height:78%}.structures i:nth-child(5){transform:translateX(90%) rotate(5deg);height:72%}.structures i:nth-child(6){transform:translateX(170%) rotate(7deg);height:65%}.structures i:nth-child(7){transform:translateX(-335%) rotate(-12deg);height:55%}.structures i:nth-child(8){transform:translateX(250%) rotate(11deg);height:55%}.robot{z-index:7;width:clamp(170px,28vw,500px);height:auto;bottom:-4%;transition:transform .2s ease-out;filter:drop-shadow(0 0 20px #19dcff25)}.robot.left{left:-8%}.robot.right{right:-8%;transform:scaleX(-1)}.shell{fill:url(#m1);stroke:#123344;stroke-width:4}.plate{fill:#03090f;stroke:#0c3b4c;stroke-width:3}.face{fill:#07141e;stroke:#175066;stroke-width:2}.edge,.circuit{fill:none;stroke-width:6}.c{stroke:var(--c);filter:url(#cg)}.o{stroke:var(--o);filter:url(#og)}.cf{fill:var(--c);filter:url(#cg)}.of{fill:var(--o);filter:url(#og)}.ec{fill:#efffff;filter:url(#cg)}.eoc{fill:#fff0df;filter:url(#og)}.panelLine{fill:none;stroke:#0c2835;stroke-width:5}.content{z-index:12;left:50%;top:47%;width:min(86vw,1200px);transform:translate(-50%,-50%);text-align:center}.eyebrow{margin:0 0 2.4vh;color:#a7f2ff;font-size:clamp(9px,1vw,16px);letter-spacing:clamp(4px,1vw,14px);text-indent:clamp(4px,1vw,14px);text-shadow:0 0 15px var(--c)}.brand{position:relative;display:inline-block}.brand h1{margin:0;white-space:nowrap;font-size:clamp(36px,8.5vw,128px);line-height:.88;letter-spacing:-.055em;color:transparent;-webkit-text-stroke:clamp(1px,.16vw,3px) var(--c);text-shadow:0 0 7px var(--c),0 0 28px #19dcffaa,0 0 65px #19dcff40}.brand span{font-weight:500}.brand i{position:absolute;inset:0;background:linear-gradient(100deg,transparent 18%,#fff9 50%,transparent 82%);transform:translateX(-120%);mix-blend-mode:screen;animation:scan 4.8s ease-in-out infinite}.signal{display:flex;justify-content:center;gap:5px;margin:3.1vh auto 1.2vh}.signal b{width:clamp(12px,2.5vw,40px);height:3px;background:var(--c);box-shadow:0 0 11px var(--c);opacity:.22;animation:sig 2.3s ease-in-out infinite}.signal b:nth-child(3),.signal b:nth-child(7){background:var(--o);box-shadow:0 0 11px var(--o)}.signal b:nth-child(2){animation-delay:.2s}.signal b:nth-child(3){animation-delay:.4s}.signal b:nth-child(4){animation-delay:.6s}.signal b:nth-child(5){animation-delay:.8s}.signal b:nth-child(6){animation-delay:1s}.signal b:nth-child(7){animation-delay:1.2s}.coming{margin:0;color:var(--o);font-size:clamp(18px,3.1vw,46px);font-weight:600;letter-spacing:clamp(6px,1.35vw,20px);text-indent:clamp(6px,1.35vw,20px);text-shadow:0 0 8px var(--o),0 0 32px #ff4d0070;animation:pulse 3.5s ease-in-out infinite}.email{display:inline-flex;align-items:center;gap:11px;margin-top:clamp(24px,4vh,52px);font-size:clamp(13px,1.5vw,22px);letter-spacing:clamp(1.5px,.35vw,5px);color:#c1f6ff;text-decoration:none;text-shadow:0 0 14px #19dcff99}.email:hover{filter:brightness(1.4)}.mailIcon{font-size:1.45em;color:var(--c)}.tagline{margin:clamp(23px,5vh,58px) 0 0;color:#96ebff;font-size:clamp(8px,1vw,15px);letter-spacing:clamp(3px,.8vw,12px);text-indent:clamp(3px,.8vw,12px)}.hud{z-index:15;top:20px;font:10px monospace;letter-spacing:3px;color:#72e5ff77}.hud strong{color:#ff681799;font-weight:400}.tl{left:22px}.tr{right:22px}.bl{left:22px;top:auto;bottom:18px}.br{right:22px;top:auto;bottom:18px}.scanlines{z-index:30;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,#fff00005 5px);mix-blend-mode:screen}.reticle{position:absolute}
@keyframes fly{0%{transform:translate(-50%,-50%) rotateX(69deg) translateZ(-760px) scale(.08);opacity:0}10%{opacity:.55}85%{opacity:.8}100%{transform:translate(-50%,-50%) rotateX(69deg) translateZ(500px) scale(2);opacity:0}}@keyframes core{50%{transform:scale(1.7);opacity:.65}}@keyframes pulse{0%,100%{opacity:.2;filter:brightness(.55);transform:scale(.985)}50%{opacity:1;filter:brightness(1.35);transform:scale(1)}}@keyframes scan{0%,50%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}@keyframes sig{50%{opacity:1}}@keyframes neb{to{transform:translate3%,-2%,0) scale(1.08);filter:blur(38px)}}
@media(max-width:700px){.scene{min-height:480px}.planet{width:22vw;right:2%;top:2%}.content{top:47%;width:93vw}.eyebrow{letter-spacing:3px;text-indent:3px}.brand h1{font-size:clamp(32px,10.4vw,72px)}.coming{font-size:clamp(15px,5.7vw,30px);letter-spacing:4px;text-indent:4px}.email{margin-top:5vh;font-size:12px}.tagline{margin-top:5vh;line-height:2}.robot{width:44vw;bottom:1%}.robot.left{left:-21%}.robot.right{right:-21%}.hud{display:none}.structures i{height:45%!important}.p1{--z:-50px}.p2{--z:-100px}.p3{--z:-150px}.p4{--z:-200px}.p5{--z:-250px}.p6{--z:-300px}.p7{--z:-350px}.p8{--z:-400px}}
@media(max-width:390px){.brand h1{font-size:10.2vw}.coming{font-size:15px;letter-spacing:3px;text-indent:3px}.email{font-size:11px}.tagline{font-size:7.5px}}
@media(orientation:landscape) and (max-height:620px){.content{top:49%}.robot{width:31vw;bottom:-12%}.email{margin-top:2vh}.tagline{margin-top:2vh}.eyebrow{margin-bottom:1vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}
'''
# fix accidental invalid transform token
css=css.replace('transform:translate3%,-2%,0)', 'transform:translate(3%,-2%,0)')
(root/'styles.css').write_text(css)
(root/'index.html').write_text(index)