*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080d14;color:#edf2f7;font-family:Arial,Helvetica,sans-serif}body{isolation:isolate;position:relative}body::before{content:"";inset:0;position:fixed;z-index:-1;background:radial-gradient(ellipse 28% 100% at 50% 45%,#9bcfe329,transparent 78%)}header{max-width:1450px;margin:auto;padding:30px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px}a{color:inherit;text-decoration:none}.coming-brand{display:flex;gap:14px;align-items:center;font-size:21px;font-weight:700;letter-spacing:4px}nav{display:flex;gap:20px;align-items:center}nav a,button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}button{font:13px Arial,sans-serif;background:#152433;color:#d1e8f5;border:1px solid #607f93;border-radius:24px;padding:10px 18px;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #c9eefe;outline-offset:5px}main{max-width:1100px;padding:40px 6% 25px;margin:auto;text-align:center}.coming-eyebrow{font:12px monospace;letter-spacing:3px;color:#a9deed}h1{font-size:clamp(42px,7vw,86px);letter-spacing:-3px;font-weight:500;line-height:1.1;margin:23px 0 20px}.coming-copy{font-size:clamp(16px,2vw,21px);line-height:1.6;color:#bdcddd;margin:0}figure{margin:-20px auto -25px;max-width:880px}figure svg{display:block;width:100%;height:auto}.coming-note{font-size:12px;line-height:1.7;color:#a7bdcd}.builder-head{animation:head 5.5s ease-in-out infinite;transform-origin:498px 280px}.typing-left{animation:type .42s ease-in-out infinite alternate;transform-origin:414px 327px}.typing-right{animation:type .36s .14s ease-in-out infinite alternate-reverse;transform-origin:581px 327px}.screen-lines{animation:screen 5s ease-in-out infinite}.nikdai-builder{animation:breathe 6s ease-in-out infinite;transform-origin:500px 510px}.paused *{animation-play-state:paused!important}@keyframes type{to{transform:rotate(1.1deg) translateY(1.2px)}}@keyframes head{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg) translateY(1px)}}@keyframes screen{50%{opacity:.33}}@keyframes breathe{50%{transform:translateY(-1.4px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:600px){header{padding:22px 6%;align-items:flex-start}.coming-brand{font-size:17px;gap:8px;letter-spacing:3px}nav{gap:10px}button{max-width:115px;font-size:12px}main{padding-top:45px}h1{letter-spacing:-1.8px}figure{margin:20px -5% 0}.coming-note{font-size:11px}}

/* Synchronized typing (generated): 16 alternating key presses in 2.52s, then a 1.68s pause.
 Each finger press, its key glow, the arm dip, the typed line and the cursor share one 4.2s cycle. */
.typing-left,.typing-right{animation:none}
.typing-left{transform-origin:413px 313px;transform-box:view-box;animation:arm-left 4.2s linear infinite}
.typing-right{transform-origin:584px 313px;transform-box:view-box;animation:arm-right 4.2s linear infinite}
.screen-lines,.screen-lines path{animation:none!important}.screen-lines{opacity:.6}
.finger,.key-glow{animation-duration:4.2s;animation-timing-function:linear;animation-iteration-count:infinite}.key-glow{opacity:0}
.typed-reveal{transform-box:fill-box;transform-origin:0 50%;animation:typed-reveal 4.2s steps(16,start) 0.055s infinite backwards}
.typing-cursor{animation:cursor-move 4.2s steps(16,start) 0.055s infinite backwards,cursor-pause 4.2s linear infinite}
@keyframes typed-reveal{0%{transform:scaleX(0)}60%,100%{transform:scaleX(1)}}
@keyframes cursor-move{0%{transform:translateX(0)}60%,100%{transform:translateX(211px)}}
@keyframes cursor-pause{0%{opacity:1}64%{opacity:1}67%{opacity:0}73%{opacity:0}76%{opacity:1}84%{opacity:1}87%{opacity:0}93%{opacity:0}96%{opacity:1}100%{opacity:1}}
.fl1{animation-name:press-l1}.gl1{animation-name:glow-l1}@keyframes press-l1{0%{transform:translateY(0px)}15%{transform:translateY(0px)}16.31%{transform:translateY(3.2px)}18%{transform:translateY(0px)}45%{transform:translateY(0px)}46.31%{transform:translateY(3.2px)}48%{transform:translateY(0px)}100%{transform:translateY(0px)}}@keyframes glow-l1{0%{opacity:0}15%{opacity:0}16.12%{opacity:0.9}18.38%{opacity:0}45%{opacity:0}46.12%{opacity:0.9}48.37%{opacity:0}100%{opacity:0}}
.fl2{animation-name:press-l2}.gl2{animation-name:glow-l2}@keyframes press-l2{0%{transform:translateY(0px)}0%{transform:translateY(0px)}1.31%{transform:translateY(3.2px)}3%{transform:translateY(0px)}30%{transform:translateY(0px)}31.31%{transform:translateY(3.2px)}33%{transform:translateY(0px)}100%{transform:translateY(0px)}}@keyframes glow-l2{0%{opacity:0}0%{opacity:0}1.12%{opacity:0.9}3.38%{opacity:0}30%{opacity:0}31.12%{opacity:0.9}33.38%{opacity:0}100%{opacity:0}}
.fl3{animation-name:press-l3}.gl3{animation-name:glow-l3}@keyframes press-l3{0%{transform:translateY(0px)}7.5%{transform:translateY(0px)}8.81%{transform:translateY(3.2px)}10.5%{transform:translateY(0px)}37.5%{transform:translateY(0px)}38.81%{transform:translateY(3.2px)}40.5%{transform:translateY(0px)}100%{transform:translateY(0px)}}@keyframes glow-l3{0%{opacity:0}7.5%{opacity:0}8.62%{opacity:0.9}10.88%{opacity:0}37.5%{opacity:0}38.62%{opacity:0.9}40.88%{opacity:0}100%{opacity:0}}
.fl4{animation-name:press-l4}.gl4{animation-name:glow-l4}@keyframes press-l4{0%{transform:translateY(0px)}22.5%{transform:translateY(0px)}23.81%{transform:translateY(3.2px)}25.5%{transform:translateY(0px)}52.5%{transform:translateY(0px)}53.81%{transform:translateY(3.2px)}55.5%{transform:translateY(0px)}100%{transform:translateY(0px)}}@keyframes glow-l4{0%{opacity:0}22.5%{opacity:0}23.62%{opacity:0.9}25.87%{opacity:0}52.5%{opacity:0}53.62%{opacity:0.9}55.88%{opacity:0}100%{opacity:0}}
.fr1{animation-name:press-r1}.gr1{animation-name:glow-r1}@keyframes press-r1{0%{transform:translateY(0px)}33.75%{transform:translateY(0px)}35.06%{transform:translateY(3.2px)}36.75%{transform:translateY(0px)}100%{transform:translateY(0px)}}@keyframes glow-r1{0%{opacity:0}33.75%{opacity:0}34.87%{opacity:0.9}37.12%{opacity:0}100%{opacity:0}}
.fr2{animation-name:press-r2}.gr2{animation-name:glow-r2}@keyframes press-r2{0%{transform:translateY(0px)}18.75%{transform:translateY(0px)}20.06%{transform:translateY(3.2px)}21.75%{transform:translateY(0px)}48.75%{transform:translateY(0px)}50.06%{transform:translateY(3.2px)}51.75%{transform:translateY(0px)}100%{transform:translateY(0px)}}@keyframes glow-r2{0%{opacity:0}18.75%{opacity:0}19.88%{opacity:0.9}22.12%{opacity:0}48.75%{opacity:0}49.88%{opacity:0.9}52.12%{opacity:0}100%{opacity:0}}
.fr3{animation-name:press-r3}.gr3{animation-name:glow-r3}@keyframes press-r3{0%{transform:translateY(0px)}11.25%{transform:translateY(0px)}12.56%{transform:translateY(3.2px)}14.25%{transform:translateY(0px)}41.25%{transform:translateY(0px)}42.56%{transform:translateY(3.2px)}44.25%{transform:translateY(0px)}56.25%{transform:translateY(0px)}57.56%{transform:translateY(3.2px)}59.25%{transform:translateY(0px)}100%{transform:translateY(0px)}}@keyframes glow-r3{0%{opacity:0}11.25%{opacity:0}12.37%{opacity:0.9}14.62%{opacity:0}41.25%{opacity:0}42.37%{opacity:0.9}44.62%{opacity:0}56.25%{opacity:0}57.38%{opacity:0.9}59.62%{opacity:0}100%{opacity:0}}
.fr4{animation-name:press-r4}.gr4{animation-name:glow-r4}@keyframes press-r4{0%{transform:translateY(0px)}3.75%{transform:translateY(0px)}5.06%{transform:translateY(3.2px)}6.75%{transform:translateY(0px)}26.25%{transform:translateY(0px)}27.56%{transform:translateY(3.2px)}29.25%{transform:translateY(0px)}100%{transform:translateY(0px)}}@keyframes glow-r4{0%{opacity:0}3.75%{opacity:0}4.88%{opacity:0.9}7.13%{opacity:0}26.25%{opacity:0}27.38%{opacity:0.9}29.62%{opacity:0}100%{opacity:0}}
@keyframes arm-left{0%{transform:rotate(0) translateY(0)}0%{transform:rotate(0) translateY(0)}1.31%{transform:rotate(-2deg) translateY(2.6px)}3.19%{transform:rotate(0) translateY(0)}7.5%{transform:rotate(0) translateY(0)}8.81%{transform:rotate(-2deg) translateY(2.6px)}10.69%{transform:rotate(0) translateY(0)}15%{transform:rotate(0) translateY(0)}16.31%{transform:rotate(-2deg) translateY(2.6px)}18.19%{transform:rotate(0) translateY(0)}22.5%{transform:rotate(0) translateY(0)}23.81%{transform:rotate(-2deg) translateY(2.6px)}25.69%{transform:rotate(0) translateY(0)}30%{transform:rotate(0) translateY(0)}31.31%{transform:rotate(-2deg) translateY(2.6px)}33.19%{transform:rotate(0) translateY(0)}37.5%{transform:rotate(0) translateY(0)}38.81%{transform:rotate(-2deg) translateY(2.6px)}40.69%{transform:rotate(0) translateY(0)}45%{transform:rotate(0) translateY(0)}46.31%{transform:rotate(-2deg) translateY(2.6px)}48.19%{transform:rotate(0) translateY(0)}52.5%{transform:rotate(0) translateY(0)}53.81%{transform:rotate(-2deg) translateY(2.6px)}55.69%{transform:rotate(0) translateY(0)}100%{transform:rotate(0) translateY(0)}}
@keyframes arm-right{0%{transform:rotate(0) translateY(0)}3.75%{transform:rotate(0) translateY(0)}5.06%{transform:rotate(2deg) translateY(2.6px)}6.94%{transform:rotate(0) translateY(0)}11.25%{transform:rotate(0) translateY(0)}12.56%{transform:rotate(2deg) translateY(2.6px)}14.44%{transform:rotate(0) translateY(0)}18.75%{transform:rotate(0) translateY(0)}20.06%{transform:rotate(2deg) translateY(2.6px)}21.94%{transform:rotate(0) translateY(0)}26.25%{transform:rotate(0) translateY(0)}27.56%{transform:rotate(2deg) translateY(2.6px)}29.44%{transform:rotate(0) translateY(0)}33.75%{transform:rotate(0) translateY(0)}35.06%{transform:rotate(2deg) translateY(2.6px)}36.94%{transform:rotate(0) translateY(0)}41.25%{transform:rotate(0) translateY(0)}42.56%{transform:rotate(2deg) translateY(2.6px)}44.44%{transform:rotate(0) translateY(0)}48.75%{transform:rotate(0) translateY(0)}50.06%{transform:rotate(2deg) translateY(2.6px)}51.94%{transform:rotate(0) translateY(0)}56.25%{transform:rotate(0) translateY(0)}57.56%{transform:rotate(2deg) translateY(2.6px)}59.44%{transform:rotate(0) translateY(0)}100%{transform:rotate(0) translateY(0)}}
/* Narrow screens: same rhythm, larger finger/arm travel so typing stays readable at ~40% scale. */
@keyframes press-l1-m{0%{transform:translateY(0px)}15%{transform:translateY(0px)}16.31%{transform:translateY(5px)}18%{transform:translateY(0px)}45%{transform:translateY(0px)}46.31%{transform:translateY(5px)}48%{transform:translateY(0px)}100%{transform:translateY(0px)}}
@keyframes press-l2-m{0%{transform:translateY(0px)}0%{transform:translateY(0px)}1.31%{transform:translateY(5px)}3%{transform:translateY(0px)}30%{transform:translateY(0px)}31.31%{transform:translateY(5px)}33%{transform:translateY(0px)}100%{transform:translateY(0px)}}
@keyframes press-l3-m{0%{transform:translateY(0px)}7.5%{transform:translateY(0px)}8.81%{transform:translateY(5px)}10.5%{transform:translateY(0px)}37.5%{transform:translateY(0px)}38.81%{transform:translateY(5px)}40.5%{transform:translateY(0px)}100%{transform:translateY(0px)}}
@keyframes press-l4-m{0%{transform:translateY(0px)}22.5%{transform:translateY(0px)}23.81%{transform:translateY(5px)}25.5%{transform:translateY(0px)}52.5%{transform:translateY(0px)}53.81%{transform:translateY(5px)}55.5%{transform:translateY(0px)}100%{transform:translateY(0px)}}
@keyframes press-r1-m{0%{transform:translateY(0px)}33.75%{transform:translateY(0px)}35.06%{transform:translateY(5px)}36.75%{transform:translateY(0px)}100%{transform:translateY(0px)}}
@keyframes press-r2-m{0%{transform:translateY(0px)}18.75%{transform:translateY(0px)}20.06%{transform:translateY(5px)}21.75%{transform:translateY(0px)}48.75%{transform:translateY(0px)}50.06%{transform:translateY(5px)}51.75%{transform:translateY(0px)}100%{transform:translateY(0px)}}
@keyframes press-r3-m{0%{transform:translateY(0px)}11.25%{transform:translateY(0px)}12.56%{transform:translateY(5px)}14.25%{transform:translateY(0px)}41.25%{transform:translateY(0px)}42.56%{transform:translateY(5px)}44.25%{transform:translateY(0px)}56.25%{transform:translateY(0px)}57.56%{transform:translateY(5px)}59.25%{transform:translateY(0px)}100%{transform:translateY(0px)}}
@keyframes press-r4-m{0%{transform:translateY(0px)}3.75%{transform:translateY(0px)}5.06%{transform:translateY(5px)}6.75%{transform:translateY(0px)}26.25%{transform:translateY(0px)}27.56%{transform:translateY(5px)}29.25%{transform:translateY(0px)}100%{transform:translateY(0px)}}
@keyframes arm-left-m{0%{transform:rotate(0) translateY(0)}0%{transform:rotate(0) translateY(0)}1.31%{transform:rotate(-3.2deg) translateY(4px)}3.19%{transform:rotate(0) translateY(0)}7.5%{transform:rotate(0) translateY(0)}8.81%{transform:rotate(-3.2deg) translateY(4px)}10.69%{transform:rotate(0) translateY(0)}15%{transform:rotate(0) translateY(0)}16.31%{transform:rotate(-3.2deg) translateY(4px)}18.19%{transform:rotate(0) translateY(0)}22.5%{transform:rotate(0) translateY(0)}23.81%{transform:rotate(-3.2deg) translateY(4px)}25.69%{transform:rotate(0) translateY(0)}30%{transform:rotate(0) translateY(0)}31.31%{transform:rotate(-3.2deg) translateY(4px)}33.19%{transform:rotate(0) translateY(0)}37.5%{transform:rotate(0) translateY(0)}38.81%{transform:rotate(-3.2deg) translateY(4px)}40.69%{transform:rotate(0) translateY(0)}45%{transform:rotate(0) translateY(0)}46.31%{transform:rotate(-3.2deg) translateY(4px)}48.19%{transform:rotate(0) translateY(0)}52.5%{transform:rotate(0) translateY(0)}53.81%{transform:rotate(-3.2deg) translateY(4px)}55.69%{transform:rotate(0) translateY(0)}100%{transform:rotate(0) translateY(0)}}
@keyframes arm-right-m{0%{transform:rotate(0) translateY(0)}3.75%{transform:rotate(0) translateY(0)}5.06%{transform:rotate(3.2deg) translateY(4px)}6.94%{transform:rotate(0) translateY(0)}11.25%{transform:rotate(0) translateY(0)}12.56%{transform:rotate(3.2deg) translateY(4px)}14.44%{transform:rotate(0) translateY(0)}18.75%{transform:rotate(0) translateY(0)}20.06%{transform:rotate(3.2deg) translateY(4px)}21.94%{transform:rotate(0) translateY(0)}26.25%{transform:rotate(0) translateY(0)}27.56%{transform:rotate(3.2deg) translateY(4px)}29.44%{transform:rotate(0) translateY(0)}33.75%{transform:rotate(0) translateY(0)}35.06%{transform:rotate(3.2deg) translateY(4px)}36.94%{transform:rotate(0) translateY(0)}41.25%{transform:rotate(0) translateY(0)}42.56%{transform:rotate(3.2deg) translateY(4px)}44.44%{transform:rotate(0) translateY(0)}48.75%{transform:rotate(0) translateY(0)}50.06%{transform:rotate(3.2deg) translateY(4px)}51.94%{transform:rotate(0) translateY(0)}56.25%{transform:rotate(0) translateY(0)}57.56%{transform:rotate(3.2deg) translateY(4px)}59.44%{transform:rotate(0) translateY(0)}100%{transform:rotate(0) translateY(0)}}
@media(max-width:600px){.fl1{animation-name:press-l1-m}.fl2{animation-name:press-l2-m}.fl3{animation-name:press-l3-m}.fl4{animation-name:press-l4-m}.fr1{animation-name:press-r1-m}.fr2{animation-name:press-r2-m}.fr3{animation-name:press-r3-m}.fr4{animation-name:press-r4-m}.typing-left{animation-name:arm-left-m}.typing-right{animation-name:arm-right-m}}
.paused *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.typing-left,.typing-right,.finger,.key-glow,.typed-reveal,.typing-cursor{animation:none!important}.typed-reveal{transform:none}.typing-cursor{transform:translateX(211px)}}

/* Discreet global motion control; accessible name stays in the button text. */
button.motion-corner{position:fixed;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:90;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;max-width:44px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:#a6bacb;font-size:0;letter-spacing:0;line-height:1;cursor:pointer}
button.motion-corner::before{content:"";display:block;width:10px;height:12px;background:linear-gradient(to right,currentColor 0 34%,transparent 34% 66%,currentColor 66% 100%)}
button.motion-corner[aria-pressed="true"]::before{background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
button.motion-corner:hover{background:#162b3dcc;color:#d5effa}
button.motion-corner:focus-visible{outline:2px solid #c9eefe;outline-offset:2px;background:#142638}

/* Keep presentation in the stylesheet for a strict static-host CSP. */
h1.coming-copy{letter-spacing:normal;font-weight:400}

/* Rear status diode follows the existing sixteen-key typing cycle. */
.builder-status{opacity:.3;animation:builder-status 4.2s linear infinite}
@keyframes builder-status{0%{opacity:.3}1.12%{opacity:1}3.38%{opacity:.3}4.87%{opacity:1}7.13%{opacity:.3}8.62%{opacity:1}10.88%{opacity:.3}12.37%{opacity:1}14.63%{opacity:.3}16.12%{opacity:1}18.38%{opacity:.3}19.87%{opacity:1}22.13%{opacity:.3}23.62%{opacity:1}25.88%{opacity:.3}27.37%{opacity:1}29.63%{opacity:.3}31.12%{opacity:1}33.38%{opacity:.3}34.87%{opacity:1}37.13%{opacity:.3}38.62%{opacity:1}40.88%{opacity:.3}42.37%{opacity:1}44.63%{opacity:.3}46.12%{opacity:1}48.38%{opacity:.3}49.87%{opacity:1}52.13%{opacity:.3}53.62%{opacity:1}55.88%{opacity:.3}57.37%{opacity:1}59.63%{opacity:.3}100%{opacity:.3}}
@media(prefers-reduced-motion:reduce){.builder-status{animation:none!important;opacity:.5}}