*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0b0c10;width:100%;height:100%;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.stage{perspective:1400px;background:radial-gradient(circle,#1a1d24 0%,#090a0d 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.scene{opacity:0;pointer-events:none;will-change:transform, opacity;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.scene.active{opacity:1;pointer-events:auto;z-index:2}.title-wrapper{text-align:center;padding:2rem}.metallic-blood-text{text-transform:uppercase;letter-spacing:-.02em;background:linear-gradient(115deg,#4a0000 0%,#900 18%,#e60000 32%,#ff4d4d 42%,#7a828a 52%,#d4dce3 62%,#fff 66%,#8c969e 74%,#3d434a 88%,maroon 100%) 0 0/220%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 25px #b4000073)drop-shadow(0 2px 4px #000000e6);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.8rem,6.5vw,6.2rem);font-weight:900;line-height:1.15;animation:4s ease-in-out infinite alternate metalShine,3s ease-in-out infinite textPulse}@keyframes metalShine{0%{background-position:0%}to{background-position:100%}}@keyframes textPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.flip-out-right{z-index:3;animation:.65s cubic-bezier(.55,.055,.675,.19) forwards flipOutRight}.flip-in-right{z-index:4;animation:.65s cubic-bezier(.215,.61,.355,1) forwards flipInRight}@keyframes flipOutRight{0%{opacity:1;transform:rotateY(0)translate(0)scale(1)}to{opacity:0;transform:rotateY(85deg)translate(35vw)scale(.8)}}@keyframes flipInRight{0%{opacity:0;transform:rotateY(-85deg)translate(-35vw)scale(.8)}to{opacity:1;transform:rotateY(0)translate(0)scale(1)}}.slide-out-right{z-index:3;animation:.6s cubic-bezier(.65,0,.35,1) forwards slideOutRight}.slide-in-from-left{z-index:4;animation:.6s cubic-bezier(.65,0,.35,1) forwards slideInFromLeft}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.fade-zoom-out{z-index:2;animation:.55s ease-in-out forwards fadeZoomOut}@keyframes fadeZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.split-scene.split-enter{opacity:1;z-index:5}.split-scene.split-enter .half-it{animation:.75s cubic-bezier(.22,1,.36,1) forwards halfEnterLeft}.split-scene.split-enter .half-marketing{animation:.75s cubic-bezier(.22,1,.36,1) forwards halfEnterRight}@keyframes halfEnterLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes halfEnterRight{0%{transform:translate(100%)}to{transform:translate(0)}}.scene-svg{width:100%;max-width:1200px;height:100%;max-height:750px}.phone-glow{animation:2.2s ease-in-out infinite alternate glowFlicker}@keyframes glowFlicker{0%{opacity:.45}50%{opacity:.8}to{opacity:.5}}.armchair-guy{transform-origin:350px 350px;animation:3.2s ease-in-out infinite alternate guyBreathing}@keyframes guyBreathing{0%{transform:scaleY(1)}to{transform:scaleY(1.018)}}.talking-mouth{transform-origin:400px 224px;animation:.32s ease-in-out infinite alternate talkAnim}@keyframes talkAnim{0%{transform:scaleY(.35)scaleX(1.12)}to{transform:scaleY(1.35)scaleX(.9)}}.gesturing-hand{transform-origin:285px 330px;animation:1.6s ease-in-out infinite alternate handWave}@keyframes handWave{0%{transform:rotate(-6deg)}to{transform:rotate(9deg)}}.split-scene{flex-direction:row;display:flex}.half{justify-content:center;align-items:center;width:50%;height:100%;display:flex;position:relative;overflow:hidden}.half-it{background-color:#0f172a}.half-marketing{background-color:#1f1726}.split-divider{z-index:10;background:linear-gradient(#38bdf8,#fff,#ec4899);width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ffffffa6}.office-svg{object-fit:cover;width:100%;height:100%}.sector-badge{letter-spacing:.1em;z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:10px 26px;font-size:1.4rem;font-weight:800;position:absolute;top:28px}.it-badge{color:#7dd3fc;background:#38bdf82e;border:2px solid #38bdf8;box-shadow:0 0 20px #38bdf859}.mkt-badge{color:#f9a8d4;background:#ec48992e;border:2px solid #ec4899;box-shadow:0 0 20px #ec489959}.blink-led{animation:.9s infinite alternate ledBlink}@keyframes ledBlink{0%{opacity:.2}to{opacity:1}}.spin-slow{transform-origin:242px 272px;animation:7s linear infinite spin360}@keyframes spin360{to{transform:rotate(360deg)}}.code-lines rect{animation:2s ease-in-out infinite alternate codePulse}@keyframes codePulse{0%{opacity:.65}to{opacity:1}}.hud{color:#ffffffbf;z-index:100;background:#0009;border:1px solid #ffffff26;border-radius:8px;padding:8px 14px;font-size:.85rem;transition:opacity .3s;position:fixed;bottom:16px;right:20px}.hud.hidden{opacity:0;pointer-events:none}[data-svg-slot=it],[data-svg-slot=marketing]{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#scene-5.active .talking-mouth{transform-origin:400px 224px;animation:.32s ease-in-out infinite alternate talkAnim}#scene-5.active .gesturing-hand{transform-origin:285px 330px;animation:1.6s ease-in-out infinite alternate handWave}#scene-6.active .reading-scanner{animation:6s ease-in-out infinite readLeftToRight}#scene-6.active .eye-pupil{animation:6s ease-in-out infinite eyeTrackReading}@keyframes readLeftToRight{0%{opacity:0;transform:translate(0)}5%{opacity:1}28%{opacity:1;transform:translate(295px)}30%{opacity:0;transform:translate(295px)}33%{opacity:0;transform:translate(5px,68px)}38%{opacity:1}62%{opacity:1;transform:translate(285px,68px)}64%{opacity:0;transform:translate(285px,68px)}67%{opacity:0;transform:translateY(218px)}72%{opacity:1}95%{opacity:1;transform:translate(295px,218px)}to{opacity:0;transform:translate(295px,218px)}}@keyframes eyeTrackReading{0%,33%,67%{transform:translate(-5px)}28%,62%,95%{transform:translate(5px)}to{transform:translate(-5px)}}#scene-7 .code-line,#scene-7 .error-squiggle,#scene-7 .compiler-error-box{opacity:0}#scene-7.active .line-1{animation:.25s .2s forwards revealCodeLine}#scene-7.active .line-2{animation:.25s .55s forwards revealCodeLine}#scene-7.active .line-3{animation:.15s .85s forwards revealCodeLine}#scene-7.active .line-4{animation:.25s 1.1s forwards revealCodeLine}#scene-7.active .line-5{animation:.3s 1.5s forwards revealCodeLine}#scene-7.active .line-6{animation:.35s 2s forwards revealCodeLine}#scene-7.active .line-7{animation:.2s 2.45s forwards revealCodeLine}#scene-7.active .cpp-editor-window{transform-origin:50%;animation:.45s ease-in-out 2.8s editorShake}#scene-7.active .editor-border{animation:.3s 2.8s forwards borderTurnRed}#scene-7.active .cpp-error-highlight{animation:1.6s 2.8s infinite alternate errorRowFlash}#scene-7.active .error-squiggle{animation:.2s 2.8s forwards revealCodeLine}#scene-7.active .compiler-error-box{animation:.35s cubic-bezier(.18,.89,.32,1.28) 2.9s forwards errorBoxPop}@keyframes revealCodeLine{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes editorShake{0%,to{transform:translate(0)}15%{transform:translate(-9px,3px)}30%{transform:translate(8px,-3px)}45%{transform:translate(-7px,-2px)}60%{transform:translate(6px,2px)}75%{transform:translate(-4px,1px)}90%{transform:translate(2px,-1px)}}@keyframes borderTurnRed{to{stroke:#ef4444;stroke-width:3px}}@keyframes errorRowFlash{0%{fill-opacity:.15}to{fill-opacity:.32}}@keyframes errorBoxPop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#scene-8.active .clock-hand-second{transform-origin:0 0;animation:2s linear infinite spinClockHand}#scene-8.active .clock-hand-minute{transform-origin:0 0;animation:12s linear infinite spinClockHand}#scene-8.active .clock-hand-hour{transform-origin:0 0;animation:72s linear infinite spinClockHand}#scene-8.active .time-aura-ring{transform-origin:400px 250px;animation:40s linear infinite reverse spinClockHand}@keyframes spinClockHand{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#scene-9.active .hunting-finger{transform-origin:240px 355px;animation:.45s ease-in-out infinite alternate peckTyping}#scene-9.active .prompt-bubble{animation:.5s cubic-bezier(.18,.89,.32,1.28) forwards bubblePopIn}@keyframes peckTyping{0%{transform:rotate(-6deg)translateY(-6px)}to{transform:rotate(4deg)translateY(4px)}}@keyframes bubblePopIn{0%{opacity:0;transform:scale(.8)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}#scene-10.active .gemini-star{animation:1.8s ease-in-out infinite alternate geminiPulse}#scene-10.active .gemini-orbit{animation:14s linear infinite spinClockHand}#scene-10.active .data-stream line{animation:.8s linear infinite streamFlow}#scene-10 .build-block{opacity:0}#scene-10.active .block-1{animation:.45s .4s forwards dropBuildBlock}#scene-10.active .block-2{animation:.45s 1.1s forwards dropBuildBlock}#scene-10.active .block-3{animation:.45s 1.8s forwards dropBuildBlock}#scene-10.active .block-4{animation:.5s cubic-bezier(.18,.89,.32,1.28) 2.5s forwards dropBuildBlock}@keyframes geminiPulse{0%{transform:scale(.92)rotate(0)}to{transform:scale(1.12)rotate(12deg)}}@keyframes streamFlow{0%{stroke-dashoffset:32px}to{stroke-dashoffset:0}}@keyframes dropBuildBlock{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}#scene-11.active .dizzy-gemini{animation:1.4s ease-in-out infinite alternate dizzyWobble}#scene-11.active .fool-hat{animation:.7s ease-in-out infinite alternate hatJingle}#scene-11.active .security-badge{animation:1.1s ease-in-out infinite alternate warningPulse}@keyframes dizzyWobble{0%{transform:rotate(-12deg)scale(.95)}to{transform:rotate(12deg)scale(1.05)}}@keyframes hatJingle{0%{transform:rotate(-5deg)translateY(0)}to{transform:rotate(6deg)translateY(-4px)}}@keyframes warningPulse{0%{opacity:.75;transform:scale(.99)}to{opacity:1;transform:scale(1.01)}}#scene-12 .stack-block{opacity:0}#scene-12.active .s-block-1{animation:.35s .2s forwards stackDrop,.8s cubic-bezier(.55,.055,.675,.19) 3.1s forwards collapseLeft}#scene-12.active .s-block-2{animation:.35s .65s forwards stackDrop,.8s cubic-bezier(.55,.055,.675,.19) 3s forwards collapseRight}#scene-12.active .s-block-3{animation:.35s 1.1s forwards stackDrop,.75s cubic-bezier(.55,.055,.675,.19) 2.9s forwards collapseLeft}#scene-12.active .s-block-4{animation:.35s 1.55s forwards stackDrop,.7s cubic-bezier(.55,.055,.675,.19) 2.8s forwards collapseRight}#scene-12.active .s-block-5{animation:.35s 2s forwards stackDrop,.7s cubic-bezier(.55,.055,.675,.19) 2.7s forwards collapseTop}#scene-12.active .tower-container{animation:.35s ease-in-out 2.35s towerShake}#scene-12.active .context-bar-fill{transform-origin:0;animation:2.2s ease-out forwards fillContextOverflow}@keyframes stackDrop{0%{opacity:0;transform:translateY(-45px)}to{opacity:1;transform:translateY(0)}}@keyframes fillContextOverflow{0%{fill:#38bdf8;transform:scaleX(.15)}75%{fill:#f59e0b;transform:scaleX(.95)}to{fill:#ef4444;transform:scaleX(1)}}@keyframes towerShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-6px)}}@keyframes collapseTop{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:.25;transform:translate(110px,240px)rotate(55deg)}}@keyframes collapseRight{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:.25;transform:translate(135px,160px)rotate(42deg)}}@keyframes collapseLeft{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:.25;transform:translate(-130px,120px)rotate(-38deg)}}#scene-13.active .throwing-arm{transform-origin:30px 85px;animation:1.4s ease-in-out .4s forwards smoothThrowArm}#scene-13.active .flying-app-trash{transform-origin:360px 295px;animation:2.2s ease-in-out .4s forwards smoothArcIntoBin}#scene-13.active .trash-can-front,#scene-13.active .trash-can-back{transform-origin:595px 435px;animation:.6s ease-out 2.25s gentleBinWobble}@keyframes smoothThrowArm{0%{transform:rotate(0)}40%{transform:rotate(-32deg)}75%{transform:rotate(22deg)}to{transform:rotate(8deg)}}@keyframes smoothArcIntoBin{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}40%{opacity:1;transform:translate(-38px,-48px)rotate(-25deg)scale(1)}65%{opacity:1;transform:translate(110px,-135px)rotate(95deg)scale(.85)}88%{opacity:1;transform:translate(235px,20px)rotate(210deg)scale(.65)}to{opacity:0;transform:translate(235px,65px)rotate(240deg)scale(.55)}}@keyframes gentleBinWobble{0%,to{transform:rotate(0)}35%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}