:root{--title-white:#f4f1ff;--title-gradient-original:linear-gradient(90deg,#7fb0ff,#b78cff 50%,#ff7ad9);--title-gradient-cyan:linear-gradient(90deg,#6fd0ff,#b08cff 50%,#ff7ad9);--title-gradient-blue:linear-gradient(90deg,#4aa3ff,#2f6bff 50%,#5a4dff);--electric-cyan:#00e5ff;--title-gradient-blue-cyan:linear-gradient(90deg,#2f6bff,#4aa3ff 50%,#00e5ff);--title-gradient:var(--title-gradient-blue-cyan)}*{box-sizing:border-box;margin:0;padding:0}.icon-control{background:none;border:0;color:inherit;cursor:pointer;font:inherit}.title{color:#f4f1ff;color:var(--title-white);filter:drop-shadow(0 6px 26px rgba(8,4,24,.6));font-family:Anek Bangla,sans-serif;font-size:clamp(1.9rem,9vw,7.5rem);font-weight:800;letter-spacing:-.01em;line-height:1;text-shadow:0 0 40px #b78cff59}.title-accent{background:linear-gradient(90deg,#2f6bff,#4aa3ff 50%,#00e5ff);background:var(--title-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;text-shadow:none}.homepage-wrapper{--bg:#121012;--text:#eee;--muted:#a8abae;--blue:#1e3fd1;--purple:#a24be0;--accent-a:#2f7bff;--accent-b:#3a4fe8;--violet:#b25cff;--accent-cyan:#00e5ff;--slide-bg:linear-gradient(180deg,#0e0b22,#121012);--slide-radius:clamp(90px,16vw,260px);background-color:var(--bg);color:var(--text);font-family:Manrope,sans-serif;overflow:hidden}.wrapper{background:var(--slide-bg);height:100vh;height:100dvh;min-height:640px;overflow:hidden;position:relative;touch-action:pan-y}a{color:inherit;text-decoration:none}.navbar{align-items:center;background:linear-gradient(var(--bg),#0000);display:flex;height:90px;justify-content:space-between;left:0;padding:0 8%;position:fixed;top:0;width:100%;z-index:100}.nav-logo{color:var(--text);color:var(--title-white,var(--text));display:inline-block;font-family:Anek Bangla,sans-serif;font-size:1.7rem;font-weight:800;letter-spacing:.1em;line-height:1;padding:6px 16px;position:relative;text-shadow:0 0 18px #b25cff99;transform:skewX(-8deg);transition:text-shadow .3s,transform .3s}.nav-logo .title-accent{display:inline-block;font-size:1.2em;letter-spacing:0;margin:0 -.02em}.nav-logo:after{background:linear-gradient(90deg,var(--violet),var(--accent-a) 60%,#0000);bottom:0;box-shadow:0 0 10px #b25cffcc;content:"";height:2px;left:16px;position:absolute;right:16px}.nav-logo:before{border:2px solid #b25cffd9;border-width:2px 0 0 2px;box-shadow:0 0 8px #b25cff99;content:"";height:10px;inset:0;position:absolute;width:10px}.nav-logo:hover{text-shadow:0 0 26px #b25cfff2;transform:skewX(-8deg) scale(1.06)}.menu-section{align-items:center;display:flex;gap:40px}.menu-link{color:var(--text);font-size:1.05rem;opacity:.85;transition:color .3s,opacity .3s}.menu-link.current,.menu-link:hover{color:var(--violet);opacity:1;text-shadow:0 0 14px #b25cff99}.close-btn,.hamburger{display:none}.lang-switch{background:#12101299;border:1px solid #b25cff80;border-radius:999px;display:flex;gap:4px;padding:3px}.lang-btn{background:none;border:0;border-radius:999px;color:var(--muted);cursor:pointer;font-family:Chakra Petch,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;padding:4px 11px;transition:color .25s,background .25s,box-shadow .25s}.lang-btn:hover{color:var(--text)}.lang-btn.is-active{background:linear-gradient(90deg,var(--violet),var(--accent-b));box-shadow:0 0 12px #b25cff8c;color:var(--text)}.icon-control{color:var(--text);font-size:1.6rem}.hero-track{--pivot:max(100vw,100vh);height:100%;position:relative;transform-origin:50% calc(var(--pivot)*-1);width:100%}.hero-track>.hero,.side-section{background:var(--slide-bg);border-radius:0 0 var(--slide-radius) var(--slide-radius);inset:0;isolation:isolate;position:absolute;transform-origin:50% calc(var(--pivot)*-1);transition:visibility 0s .7s;visibility:hidden}.hero-track>.hero:before,.side-section:before{content:"";inset:-50%;pointer-events:none;position:absolute;z-index:-1}.hero-track>.hero.is-active,.side-section.is-active{transition-delay:0s;visibility:visible}.side-section{align-items:center;display:flex;flex-direction:column;padding:90px 5% 0}.side-left{border-bottom-right-radius:0;transform:rotate(60deg)}.side-right{border-bottom-left-radius:0;transform:rotate(-60deg)}.arrow-short{display:none}.arrow{--head:32px;align-items:center;animation:arrow-float 5s ease-in-out infinite;background:none;border:0;bottom:75px;color:var(--text);cursor:pointer;display:flex;filter:drop-shadow(0 0 10px rgba(0,229,255,.18));font-family:Chakra Petch,sans-serif;font-size:.85rem;font-weight:700;height:54px;isolation:isolate;justify-content:center;letter-spacing:calc(.05em + 1px);position:absolute;transition:transform .3s,filter .3s;white-space:nowrap;z-index:50}.arrow-right{animation-delay:-2.5s}.arrow:before{background:radial-gradient(circle at 25% 20%,#e9e4ff4d,#0000 60%),linear-gradient(135deg,#00e5ff8c,#3a4fe866);content:"";inset:0;opacity:.32;position:absolute;transition:background .3s,opacity .3s;z-index:-1}.arrow-hero{--head:36px;font-size:.95rem;height:62px;width:240px}.arrow-left{left:clamp(12px,calc(50% - 260px),75px);padding:0 20px 0 calc(var(--head) + 8px)}.arrow-right{padding:0 calc(var(--head) + 8px) 0 20px;right:clamp(12px,calc(50% - 260px),75px)}.arrow-right:before{-webkit-mask-image:linear-gradient(90deg,#0000 0,#0000001a 35%,#00000080 70%,#000);mask-image:linear-gradient(90deg,#0000 0,#0000001a 35%,#00000080 70%,#000)}.arrow-left:before{-webkit-mask-image:linear-gradient(270deg,#0000 0,#0000001a 35%,#00000080 70%,#000);mask-image:linear-gradient(270deg,#0000 0,#0000001a 35%,#00000080 70%,#000)}.arrow-right:before{-webkit-clip-path:polygon(0 18%,calc(100% - var(--head)) 18%,calc(100% - var(--head)) 0,100% 50%,calc(100% - var(--head)) 100%,calc(100% - var(--head)) 82%,0 82%);clip-path:polygon(0 18%,calc(100% - var(--head)) 18%,calc(100% - var(--head)) 0,100% 50%,calc(100% - var(--head)) 100%,calc(100% - var(--head)) 82%,0 82%)}.arrow-left:before{-webkit-clip-path:polygon(100% 18%,var(--head) 18%,var(--head) 0,0 50%,var(--head) 100%,var(--head) 82%,100% 82%);clip-path:polygon(100% 18%,var(--head) 18%,var(--head) 0,0 50%,var(--head) 100%,var(--head) 82%,100% 82%)}.arrow:hover{filter:drop-shadow(0 0 16px rgba(0,229,255,.5))}.arrow:hover:before{background:radial-gradient(circle at 25% 20%,#e9e4ff73,#0000 60%),linear-gradient(135deg,#00e5ffd9,#3a4fe8a6);opacity:.7}.arrow-left:hover{transform:translateX(-6px)}.arrow-right:hover{transform:translateX(6px)}@keyframes arrow-float{0%,to{translate:0 0}50%{translate:0 -6px}}.swipe-hint{display:none}.slide-dots{background:#000000d1;border:1px solid #00e5ff73;border-radius:999px;bottom:22px;box-shadow:0 0 16px #0009,0 0 12px #00e5ff40;display:flex;gap:12px;left:50%;padding:9px 16px;position:absolute;transform:translateX(-50%);z-index:50}.slide-dot{background:#0000;border:1px solid #8cf0ffb3;border-radius:50%;cursor:pointer;height:11px;padding:0;transition:background .3s,width .3s,box-shadow .3s;width:11px}.slide-dot:hover{background:#8cf0ff66}.slide-dot.is-active{background:var(--accent-cyan);border-radius:999px;box-shadow:0 0 12px #00e5ffcc;width:28px}.hero{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:90px 5% 0;position:relative}.hero-title{margin-bottom:-.05em;position:relative;text-align:center;white-space:nowrap;z-index:2}.light-overlay{inset:0;opacity:0;pointer-events:none;position:absolute;z-index:60}.light-overlay.is-on{opacity:1;transition:opacity .5s ease .65s}.hero-subtitle{color:var(--muted);font-family:Manrope,sans-serif;font-size:clamp(1rem,1.6vw,1.5rem);font-weight:500;letter-spacing:.08em;margin-top:14px;position:relative;text-align:center;z-index:5}.spotlight{--beam-angle:52deg;--beam-len:58vw;--beam-w:34vw;--lamp-w:112px;--lamp-h:70px;--lens-inset:14px;height:0;pointer-events:none;position:absolute;top:116px;transform-origin:0 0;width:0;z-index:4}.spotlight-left{left:0;transform:rotate(calc(var(--beam-angle)*-1))}.spotlight-right{right:0;transform:rotate(var(--beam-angle))}.spot-lamp{background:linear-gradient(#4a4378,#17142a);border-radius:14px 14px 28px 28px;box-shadow:0 0 32px 10px #826edc59;height:var(--lamp-h);left:calc(var(--lamp-w)/-2);position:absolute;top:calc(var(--lamp-h)/-2);width:var(--lamp-w)}.spot-lamp:after{animation:lens-glow 9s ease-in-out infinite;background:radial-gradient(#e9e4ff,#9d8cf0 60%,#0000 100%);border-radius:50%;bottom:-6px;content:"";height:22px;left:var(--lens-inset);position:absolute;right:var(--lens-inset)}.spot-beam{animation:beam-pulse 9s ease-in-out infinite;background:radial-gradient(ellipse 45% 40% at 50% 0,#cdbeff47,#0000 100%),linear-gradient(180deg,#826ee133,#826ee112 60%,#0000);-webkit-clip-path:polygon(calc(50% - (var(--lamp-w) - 2*var(--lens-inset))/2) 0,calc(50% + (var(--lamp-w) - 2*var(--lens-inset))/2) 0,100% 100%,0 100%);clip-path:polygon(calc(50% - (var(--lamp-w) - 2*var(--lens-inset))/2) 0,calc(50% + (var(--lamp-w) - 2*var(--lens-inset))/2) 0,100% 100%,0 100%);filter:blur(8px);height:var(--beam-len);left:calc(var(--beam-w)/-2);-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%,#000 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30%,#000 70%,#0000);mix-blend-mode:screen;position:absolute;top:calc(var(--lamp-h)/2 - 10px);transform-origin:50% 0;width:var(--beam-w)}.side-section .spot-beam{animation:none;opacity:0}.side-section.is-active .spot-beam{animation:beam-pulse 9s ease-in-out .65s infinite}@keyframes beam-pulse{0%,to{opacity:.08;transform:scaleX(.94)}50%{opacity:1;transform:scaleX(1.04)}}@keyframes lens-glow{0%,to{opacity:.45}50%{opacity:1}}.hero-photo{height:min(54.9vh,531px);margin-top:auto;position:relative;z-index:3}.photo{--fade:linear-gradient(90deg,#0000,#000 30%,#000 70%,#0000),linear-gradient(180deg,#0000,#000 22%);display:block;height:100%;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:var(--fade);mask-image:var(--fade);max-width:90vw;object-fit:cover;position:relative;width:auto}.drone-layer{inset:0;overflow:hidden;z-index:4}.browser-window,.drone-layer{pointer-events:none;position:absolute}.browser-window{background:#0e0b22bf;border:1px solid #a24be099;border-radius:10px;box-shadow:0 0 28px #6f8bff59;right:3%;top:30%;width:clamp(105px,14vw,200px);z-index:2}.bw-bar{align-items:center;border-bottom:1px solid #a24be059;display:flex;gap:5px;padding:7px 9px}.bw-dot{background:#ff5c8a;border-radius:50%;height:7px;width:7px}.bw-dot:nth-child(2){background:#c9a6ee}.bw-dot:nth-child(3){background:#6f8bff}.bw-url{background:#ffffff1f;border-radius:4px;flex:1 1;height:8px;margin-left:6px}.bw-body{display:flex;flex-direction:column;gap:8px;padding:12px 10px 14px}.bw-line{animation:bw-type 5s steps(14) infinite;background:#6f8bff;border-radius:3px;box-shadow:0 0 8px #6f8bff;display:block;height:6px}.bw-line-1{--w:70%;background:#ff5c8a;box-shadow:0 0 8px #ff5c8a}.bw-line-2{--w:45%;animation-delay:.6s;margin-left:12px}.bw-line-3{--w:58%;animation-delay:1.2s;background:#c9a6ee;box-shadow:0 0 8px #c9a6ee;margin-left:12px}.bw-line-4{--w:30%;animation-delay:1.8s}.bw-block{animation:bw-fade 5s ease-in-out 2.4s infinite;background:linear-gradient(90deg,#a24be073,#1e3fd173);border-radius:6px;display:block;height:34px;margin-top:4px}@keyframes bw-type{0%{width:0}45%,85%{width:var(--w)}to{width:0}}@keyframes bw-fade{0%,to{opacity:.1}50%,85%{opacity:1}}.side-section .hero-title{z-index:6}.drone{left:0;position:absolute;width:clamp(55px,9vw,130px)}.drone-img{position:relative;transform:scaleX(-1)}.drone-img>img{display:block;height:auto;width:100%}.rotor{aspect-ratio:1;left:var(--cx);-webkit-mask-image:radial-gradient(circle,#0000 0 13%,#000 22%,#000 55%,#0000 70%);mask-image:radial-gradient(circle,#0000 0 13%,#000 22%,#000 55%,#0000 70%);mix-blend-mode:screen;pointer-events:none;position:absolute;top:var(--cy);transform:translate(-50%,-50%) scaleY(var(--sq));width:var(--d)}.rotor:before{animation:rotor-spin .32s linear infinite;animation:rotor-spin var(--t,.32s) linear infinite;background:repeating-conic-gradient(from 0deg,#bef5ff80 0 7deg,#0000 7deg 45deg,#00e5ff47 45deg 52deg,#0000 52deg 90deg);border-radius:50%;content:"";inset:0;position:absolute}@keyframes rotor-spin{to{rotate:1turn}}.side-section:not(.is-active) .rotor:before{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.rotor:before{animation:none}}@media (max-width:700px){.drone{width:clamp(110px,18vw,260px)}}.photo-drop-main{translate:0 1.7%}.photo-drop-web{translate:0 2.6%}.photo-drop-video{translate:0 .5%}.photo-flip{transform:scaleX(-1)}.photo-silhouette{filter:brightness(0);inset:0;opacity:.92;position:absolute;width:100%}.side-photo{bottom:0;height:min(61vh,590px);pointer-events:none;position:absolute;z-index:3}.side-photo-right{right:10%}.side-photo-left{left:10%}.side-text{position:absolute;top:58%;transform:translateY(-50%);width:min(380px,30vw);z-index:5}.side-text-left{left:17%}.side-text-right{right:17%}.side-text{isolation:isolate}.side-text:before{aspect-ratio:1/.94;background:radial-gradient(closest-side at 42% 40%,rgba(183,140,255,.081),#0000 70%),radial-gradient(closest-side,rgba(162,75,224,.153),rgba(162,75,224,.054) 58%,#0000 74%);border-radius:50%;content:"";filter:blur(26px);left:22%;pointer-events:none;position:absolute;top:22%;transform:translate(-50%,-50%);width:clamp(330px,37.4vw,550px);z-index:-1}.side-text-right:before{left:78%}.side-heading{color:var(--text);font-family:Anek Bangla,sans-serif;font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:700;line-height:1.1;margin-bottom:14px}.side-paragraph{color:var(--muted);font-size:clamp(.9rem,1.1vw,1.05rem);line-height:1.6}.side-btn{background:linear-gradient(90deg,var(--accent-a),var(--accent-b));border:none;border-radius:999px;box-shadow:0 0 18px #2f7bff73;color:var(--text);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;letter-spacing:.04em;margin-top:18px;padding:10px 26px;transition:transform .2s ease,box-shadow .2s ease}.side-btn:hover{box-shadow:0 0 28px #2f7bffbf;transform:translateY(-2px)}.flying-code{left:0;position:absolute;top:0;z-index:1}.code-snippet{display:block;font-family:Fira Code,Consolas,monospace;font-size:1.1rem;pointer-events:none;text-shadow:0 0 12px currentColor;white-space:nowrap}.about{--about-accent:#5fd4e8;--about-violet:#b25cff;background:radial-gradient(55% 32% at 85% 12%,#a24be06b,#0000 70%),radial-gradient(55% 36% at 88% 82%,#5fd4e833,#0000 70%),radial-gradient(45% 34% at 8% 96%,#5a6eeb38,#0000 70%),linear-gradient(180deg,#121012,#0e0b22 42%,#0f1e38 62%,#15354f);display:flex;flex-direction:column;gap:56px;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:110px 8% 60px;position:relative}.about:before{background:linear-gradient(180deg,#121012,#0000);content:"";height:140px;inset:0 0 auto 0;pointer-events:none;position:absolute}.about-inner{grid-gap:clamp(32px,6vw,90px);align-items:center;display:grid;gap:clamp(32px,6vw,90px);grid-template-columns:1.1fr 1fr}.about-eyebrow{color:var(--about-violet);font-family:Chakra Petch,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.3em;margin-bottom:14px;text-shadow:0 0 16px #b25cff8c;text-transform:uppercase}.about-title{font-size:clamp(2rem,4.6vw,3.8rem);margin-bottom:24px}.about-paragraph{color:var(--muted);font-size:clamp(.95rem,1.15vw,1.1rem);line-height:1.7;margin-bottom:14px;max-width:52ch}.about-btn{display:inline-block;margin-top:14px}.about-stats{grid-gap:18px;display:grid;gap:18px}.about-stat{align-items:center;background:linear-gradient(135deg,#b25cff29,#5fd4e814);border:1px solid #b25cff66;border-radius:18px;box-shadow:0 0 24px #a24be02e;display:flex;gap:22px;padding:20px 26px}.about-stat-num{background:var(--title-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Anek Bangla,sans-serif;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;line-height:1;min-width:3.1ch;padding-right:.08em}.about-stat-label{color:var(--text);font-size:.95rem;line-height:1.4}.about-social{border-top:1px solid #b25cff66;color:var(--muted);display:flex;font-family:Chakra Petch,sans-serif;font-size:.85rem;gap:32px;justify-content:center;letter-spacing:.18em;padding-top:28px;text-transform:uppercase}.about-social a{transition:color .3s}.about-social a:hover{color:var(--about-violet)}@media only screen and (max-width:900px){.about-inner{grid-template-columns:1fr}}@media only screen and (max-width:700px){.about{gap:40px;padding:100px 6% 50px}.about-stat{gap:16px;padding:16px 18px}.about-social{font-size:.75rem;gap:20px}}.footer{color:var(--muted);padding:40px 10%}@media only screen and (max-width:700px){.navbar{padding:0 6%}.browser-window{display:none}.close-btn,.hamburger{display:block}.hamburger.active{display:none}.menu-section{align-items:center;background:radial-gradient(70% 38% at 50% 0,#a24be04d,#0000 70%),radial-gradient(70% 38% at 50% 100%,#1e3fd147,#0000 70%),var(--slide-bg);flex-direction:column;gap:6px;height:100vh;height:100dvh;justify-content:center;left:0;position:fixed;top:-100vh;top:-100dvh;transition:none;visibility:hidden;width:100%}.menu-section.used{transition:top .6s cubic-bezier(.65,0,.35,1),visibility 0s .6s}.menu-section.active{top:0;transition-delay:0s;visibility:visible}.menu-section:after{border-top:1px solid #a24be073;bottom:36px;color:var(--muted);content:"KUBEX DESIGNS";font-family:Chakra Petch,sans-serif;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.35em;padding-top:14px;position:absolute;transform:translateX(-50%);white-space:nowrap}.menu-link{font-family:Anek Bangla,sans-serif;font-size:clamp(2rem,10vw,2.8rem);font-weight:800;letter-spacing:-.01em;opacity:0;padding:10px 0;transform:translateY(18px);transition:none}.menu-section.used .menu-link{transition:opacity .5s ease,transform .5s ease,color .3s}.menu-section.active .menu-link{opacity:1;transform:none}.menu-section.active .menu-link:nth-child(2){transition-delay:.25s}.menu-section.active .menu-link:nth-child(3){transition-delay:.33s}.menu-section.active .menu-link:nth-child(4){transition-delay:.41s}.menu-section.active .menu-link:nth-child(5){transition-delay:.49s}.lang-switch{margin-top:26px;transform:scale(1.15)}.menu-link.current,.menu-link:hover{color:var(--text);opacity:1}.menu-link.current{background:linear-gradient(90deg,#4aa3ff,var(--violet));-webkit-background-clip:text;background-clip:text;color:#0000}.close-btn{align-items:center;border:1px solid #a24be080;border-radius:50%;box-shadow:0 0 14px #a24be059;display:flex;height:44px;justify-content:center;position:absolute;right:6%;top:22px;width:44px}.cross{font-size:1.2rem}.arrow{--nudge:7px;animation:tab-nudge 2.6s ease-in-out infinite;bottom:auto;filter:drop-shadow(0 0 10px rgba(162,75,224,.45));font-size:.78rem;font-weight:800;height:120px;justify-content:center;letter-spacing:0;margin-top:-110px;padding:20px 0;top:58%;width:42px}.arrow-left,.arrow-left.arrow-hero{--nudge:7px;left:-8px;padding:20px 0 20px 8px}.arrow-right,.arrow-right.arrow-hero{--nudge:-7px;animation-delay:-1.3s;padding:20px 8px 20px 0;right:-8px}.arrow-left:before,.arrow-right:before,.arrow:before{-webkit-clip-path:none;clip-path:none;-webkit-mask-image:none;mask-image:none;opacity:.55}.arrow-left:before{border-radius:0 18px 18px 0;-webkit-clip-path:none;clip-path:none}.arrow-right:before{border-radius:18px 0 0 18px;-webkit-clip-path:none;clip-path:none}.arrow:hover{transform:none}.arrow-full{display:none}.arrow-short{display:block}.arrow-label{letter-spacing:calc(-.22em + 1px);text-orientation:upright;writing-mode:vertical-rl}@keyframes tab-nudge{0%,to{translate:0 0}50%{translate:var(--nudge) 0}}.swipe-hint{align-items:center;animation:hint-fade 8s ease-in-out forwards;bottom:52px;color:#eeeeeed9;display:flex;font-size:.8rem;gap:12px;left:50%;letter-spacing:.08em;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:50}.hint-chev{color:var(--purple);font-size:1.6rem;line-height:1}.hint-chev-left{animation:chev-left 1.4s ease-in-out infinite}.hint-chev-right{animation:chev-right 1.4s ease-in-out infinite}@keyframes chev-left{0%,to{opacity:.4;translate:0 0}50%{opacity:1;translate:-8px 0}}@keyframes chev-right{0%,to{opacity:.4;translate:0 0}50%{opacity:1;translate:8px 0}}@keyframes hint-fade{0%,80%{opacity:1}to{opacity:0}}.spotlight-left{left:-34px}.spotlight-right{right:-34px}.hero{padding:100px 4% 0}.hero-subtitle,.hero-title{top:100px}.hero-subtitle{font-size:.9rem;padding:0 6%}.hero-photo{height:min(43.2vh,369px);margin-inline:-4%}.photo,.photo-stack .photo-stack-base{max-width:100vw}.side-photo{height:min(40vh,340px)}.side-photo-right{right:0}.side-photo-left{left:0}.side-text{text-align:center;top:calc(50% - 50px);width:70vw}.side-text-left,.side-text-right{left:50%;right:auto;transform:translate(-50%,-50%)}.side-text:before{left:50%;top:14%;width:101vw}.side-heading{font-size:1.3rem;margin-bottom:8px}.side-paragraph{font-size:.8rem;line-height:1.5}.spotlight{--beam-angle:22deg;--beam-len:62vh;--beam-w:55vw;--lamp-w:76px;--lamp-h:50px;--lens-inset:10px}.wrapper{min-height:0}.code-snippet{font-size:.85rem}.photo{--fade:linear-gradient(180deg,#0000,#000 22%)}.photo.photo-nomask{-webkit-mask-image:none;mask-image:none}}.photo-stack{overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.photo-stack-base{display:block;height:100%;max-width:90vw;object-fit:cover;width:auto}.layer-box{aspect-ratio:1536/1024;height:100%;left:50%;pointer-events:none;top:0;translate:-50% 0}.layer-box,.lp{position:absolute}.lp{will-change:transform}.lp>img{display:block;height:100%;width:100%}.lp-web-head{animation:lp-head-web 9s ease-in-out infinite}.lp-video-ring{animation:lp-rig-video 10s ease-in-out infinite,lp-hue 12s ease-in-out infinite}@keyframes lp-hue{0%,to{filter:hue-rotate(0deg)}20%{filter:hue-rotate(55deg)}40%{filter:hue-rotate(115deg)}60%{filter:hue-rotate(55deg)}80%{filter:hue-rotate(-35deg)}}.lp-main-head{animation:lp-head-main 8s ease-in-out infinite}.lp-main-drone{animation:lp-drone 7s ease-in-out infinite}.lp-main-handL{animation:lp-hand-l 2.3s ease-in-out infinite}.lp-main-handR{animation:lp-hand-r 2.9s ease-in-out infinite}.lp-whole-video{animation:lp-rig-video 10s ease-in-out infinite;transform-origin:40% 100%}@keyframes lp-head-web{0%,to{transform:rotate(0deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-1%)}}@keyframes lp-head-main{0%,to{transform:rotate(-1.4deg) translate(-.5%)}50%{transform:rotate(1.4deg) translate(.5%,-.25%)}}@keyframes lp-drone{0%,to{transform:translate(0) rotate(-2.5deg)}25%{transform:translate(4%,-16%) rotate(2deg)}50%{transform:translate(1%,-4%) rotate(3.5deg)}75%{transform:translate(-4%,10%) rotate(-1.5deg)}}@keyframes lp-hand-l{0%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(2.45%) rotate(.91deg)}22%{transform:translateY(0) rotate(0)}40%{transform:translateY(1.75%) rotate(.63deg)}52%{transform:translateY(.175%) rotate(.07deg)}72%{transform:translateY(2.8%) rotate(1.05deg)}84%{transform:translateY(0) rotate(0)}}@keyframes lp-hand-r{0%,to{transform:translateY(0) rotate(0)}14%{transform:translateY(2.1%) rotate(-.84deg)}26%{transform:translateY(0) rotate(0)}46%{transform:translateY(2.8%) rotate(-1.05deg)}58%{transform:translateY(.175%) rotate(-.07deg)}80%{transform:translateY(1.925%) rotate(-.7deg)}92%{transform:translateY(0) rotate(0)}}@keyframes lp-rig-video{0%,to{transform:rotate(0deg)}50%{transform:rotate(-1.68deg)}}.lp-web-handFar{animation:lp-type-far 1.9s ease-in-out infinite}.lp-web-handNear{animation:lp-type-near 2.6s ease-in-out infinite}@keyframes lp-type-far{0%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(1.5%) rotate(.35deg)}22%{transform:translateY(0) rotate(0)}48%{transform:translateY(1.1%) rotate(.25deg)}60%{transform:translateY(0) rotate(0)}78%{transform:translateY(1.6%) rotate(.4deg)}88%{transform:translateY(.2%) rotate(.05deg)}}@keyframes lp-type-near{0%,to{transform:translateY(0) rotate(0)}8%{transform:translateY(1.75%) rotate(.45deg)}18%{transform:translateY(0) rotate(0)}34%{transform:translateY(1.25%) rotate(.3deg)}44%{transform:translateY(.15%) rotate(0)}66%{transform:translateY(1.9%) rotate(.5deg)}76%{transform:translateY(0) rotate(0)}90%{transform:translateY(1%) rotate(.25deg)}}.hero:not(.is-active) .fx,.hero:not(.is-active) .lp,.side-section:not(.is-active) .lp,.side-section:not(.is-active) .lp-whole{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.fx,.lp,.lp-whole{animation:none}}.photo-nomask{-webkit-mask-image:none;mask-image:none}.fx{inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute}.fx-screen{animation:fx-scan 7s linear infinite;background:linear-gradient(180deg,#0000 0 42%,#78beff33 50%,#0000 56% 100%);background-size:100% 300%}.fx-screen-b{animation-delay:-3.5s}@keyframes fx-scan{0%{background-position:0 100%}to{background-position:0 0}}.fx-lamp{background:#ffcd8259}.fx-halo,.fx-lamp{animation:fx-pulse 3.4s ease-in-out infinite}.fx-halo{background:radial-gradient(closest-side,#ffbe6e66,#0000);inset:auto}.fx-logo{animation:fx-pulse 2.6s ease-in-out infinite;background:radial-gradient(closest-side,#5ad2ff80,#0000 80%);inset:auto}.fx-key{animation:fx-rgb 6s linear infinite;background:linear-gradient(90deg,#38d4ff,#3d72f2,#38d4ff);background-size:200% 100%;opacity:.4}@keyframes fx-rgb{to{background-position-x:200%}}.fx-steam{animation:fx-steam 4.2s ease-in infinite;background:radial-gradient(closest-side,#dcebff80,#0000);border-radius:50%;filter:blur(2px);inset:auto;opacity:0}.fx-steam-b{animation-delay:-2.1s}@keyframes fx-pulse{0%,to{opacity:.15}50%{opacity:1}}@keyframes fx-steam{0%{opacity:0;transform:translate(0) scale(.7)}25%{opacity:.55}to{opacity:0;transform:translate(14%,-260%) scale(1.7)}}.has-fx-cursor,.has-fx-cursor *{cursor:none!important}.fx-cursor{inset:0;pointer-events:none;position:fixed;z-index:9999}.fx-cursor>span{border-radius:50%;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.fx-cursor-trail{margin:-3px 0 0 -3px;transition:opacity .3s}.fx-cursor-core{background:#fff;box-shadow:0 0 8px #fff,0 0 18px #a24be0,0 0 34px #a24be0b3;height:10px;margin:-5px 0 0 -5px;transition:opacity .25s;width:10px}.fx-cursor-core.is-hot{background:#ff5c8a;box-shadow:0 0 10px #ff5c8a,0 0 24px #ff5c8a}.fx-cursor-core.is-down{background:#6f8bff}.fx-cursor-ring{border:1.5px solid #c9a6eed9;box-shadow:0 0 14px #a24be073,inset 0 0 10px #a24be040;height:34px;margin:-17px 0 0 -17px;transition:opacity .25s,width .25s,height .25s,margin .25s,border-color .25s;width:34px}.fx-cursor-ring.is-hot{animation:fx-cursor-spin 4s linear infinite;border-color:#ff5c8ae6;border-style:dashed;height:54px;margin:-27px 0 0 -27px;width:54px}.fx-cursor-ring.is-down{height:22px;margin:-11px 0 0 -11px;width:22px}@keyframes fx-cursor-spin{to{rotate:1turn}}.hud{display:none}.hero{--ph:min(54.9vh,531px)}@media (min-width:1200px){.hud{animation:hud-float 16s ease-in-out infinite;background:linear-gradient(160deg,#0e14309e,#0a081880);border:1px solid #00e5ff47;border-radius:12px;bottom:0;box-shadow:0 0 24px #00e5ff1f,inset 0 0 18px #2f7bff1a;color:var(--muted);display:block;font-family:Chakra Petch,monospace;font-size:clamp(.7rem,.85vw,.85rem);opacity:.65;pointer-events:none;position:absolute;width:clamp(130px,10.5vw,230px);z-index:2}.hud-left{-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000);mask-image:linear-gradient(90deg,#000 55%,#0000);right:calc(50% + var(--ph)*.75 - var(--ph)*.07)}.hud-right{animation-delay:-8s;left:calc(50% + var(--ph)*.75 - var(--ph)*.07);-webkit-mask-image:linear-gradient(270deg,#000 55%,#0000);mask-image:linear-gradient(270deg,#000 55%,#0000)}}@keyframes hud-float{0%,to{translate:0 0}50%{translate:0 -5px}}.hud-bar{align-items:center;border-bottom:1px solid #00e5ff33;display:flex;gap:6px;padding:8px 12px}.hud-bar>span:not(.hud-rec):not(.hud-time){background:#00e5ff8c;border-radius:50%;height:7px;width:7px}.hud-bar>span:nth-child(2){background:#2f7bff99}.hud-bar>span:nth-child(3){background:#5a4dff99}.hud-bar em{color:var(--accent-cyan);font-style:normal;letter-spacing:.12em;margin-left:auto}.hud-right .hud-bar em{margin-left:0}.hud-time{font-feature-settings:"tnum";color:var(--text);font-variant-numeric:tabular-nums;margin-left:auto}.hud-body{padding:12px}.hud-line{animation:hud-type 20s steps(24) infinite;animation-delay:calc(var(--i)*2s);overflow:hidden;white-space:pre;width:0}.hud-c1{color:#ff7ad9}.hud-c2{color:var(--accent-cyan)}.hud-c3{color:#8fb4ff}@keyframes hud-type{0%{width:0}12%,78%{width:100%}90%,to{width:0}}.hud-caret{animation:hud-blink 1.8s steps(2,start) infinite;background:var(--accent-cyan);display:inline-block;height:13px;margin-top:4px;width:7px}@keyframes hud-blink{to{visibility:hidden}}.hud-rec{animation:hud-blink 2.2s steps(2,start) infinite;background:#ff4d6d;border-radius:50%;box-shadow:0 0 10px #ff4d6d;height:9px;width:9px}.hud-eq{align-items:flex-end;display:flex;gap:3px;height:54px}.hud-eq i{animation:hud-eq 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.5s);background:linear-gradient(to top,var(--accent-b),var(--accent-cyan));border-radius:2px;flex:1 1;height:100%;transform-origin:bottom}@keyframes hud-eq{0%,to{transform:scaleY(.2)}35%{transform:scaleY(.95)}65%{transform:scaleY(.45)}}.hud-meta{color:var(--accent-cyan);display:flex;font-size:.85em;justify-content:space-between;letter-spacing:.08em;margin-top:10px}.hero:not(.is-active) .hud,.hero:not(.is-active) .hud *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.hud,.hud *,.hud-line{animation:none}.hud-line{width:auto}}.reveal{filter:blur(6px);opacity:0;transition:opacity .9s ease,translate .9s cubic-bezier(.2,.7,.2,1),filter .9s ease;transition-delay:0s;transition-delay:var(--d,0s);translate:0 36px}.reveal-right{translate:56px 0}.reveal.is-in{filter:none;opacity:1;translate:0 0}.about-btn.reveal{transition:opacity .9s ease,translate .9s cubic-bezier(.2,.7,.2,1),filter .9s ease,transform .2s ease,box-shadow .2s ease;transition-delay:0s,0s,0s,0s,0s;transition-delay:var(--d,0s),var(--d,0s),var(--d,0s),0s,0s}@media (prefers-reduced-motion:reduce){.reveal{filter:none;opacity:1;transition:none;translate:none}}
/*# sourceMappingURL=main.17b23536.css.map*/