@font-face{font-family:Bungee Hairline;src:url(/assets/BungeeHairline-Regular-C9wU-HRN.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Libre Barcode 39 Text";src:url(/assets/LibreBarcode39Text-Regular-Du9raIQt.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sixtyfour;src:url(/assets/Sixtyfour-Regular-VariableFont_BLED_SCAN-C8zBsG3P.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-obsidian: #040406;--bg-obsidian-light: #09090c;--bg-obsidian-glass: rgba(9, 9, 12, .45);--color-white: #ffffff;--color-gray-100: #f8fafc;--color-gray-200: #e2e8f0;--color-gray-400: #94a3b8;--color-gray-600: #475569;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-accent-indigo: #4f46e5;--color-accent-indigo-glow: rgba(79, 70, 229, .2);--color-accent-cyan: #06b6d4;--color-accent-cyan-glow: rgba(6, 182, 212, .2);--color-accent-violet: #d946ef;--color-accent-violet-glow: rgba(217, 70, 239, .15);--font-headings: "Unbounded", sans-serif;--font-body: "Space Grotesk", sans-serif;--border-glass: 1px solid rgba(255, 255, 255, .05);--border-glass-hover: 1px solid rgba(6, 182, 212, .4);--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .25s cubic-bezier(.16, 1, .3, 1);--cursor-size: 6px;--cursor-follower-size: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;scrollbar-width:none;background-color:var(--bg-obsidian);color:var(--color-gray-100);font-family:var(--font-body);font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}html::-webkit-scrollbar{display:none}body{overflow-x:hidden;position:relative;background-color:var(--bg-obsidian);background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px}body:before,body:after{content:"";position:fixed;top:0;width:1px;height:100vh;background:linear-gradient(180deg,#ffffff08,#ffffff03);z-index:99;pointer-events:none}body:before{left:4%}body:after{right:4%}.custom-cursor{width:var(--cursor-size);height:var(--cursor-size);background-color:var(--color-white);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference}.custom-cursor-follower{width:var(--cursor-follower-size);height:var(--cursor-follower-size);border:1.5px solid rgba(6,182,212,.4);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);background-color:transparent;transition:width .3s ease,height .3s ease,border-color .3s ease}.custom-cursor-follower:before,.custom-cursor-follower:after{content:"";position:absolute;background-color:#06b6d480;transition:all .3s ease}.custom-cursor-follower:before{top:50%;left:-4px;width:calc(100% + 8px);height:1.5px;transform:translateY(-50%)}.custom-cursor-follower:after{left:50%;top:-4px;height:calc(100% + 8px);width:1.5px;transform:translate(-50%)}body.hovering-interactive .custom-cursor{transform:translate(-50%,-50%) scale(1.5);background-color:var(--color-accent-cyan);mix-blend-mode:normal;box-shadow:0 0 12px var(--color-accent-cyan)}body.hovering-interactive .custom-cursor-follower{transform:translate(-50%,-50%) scale(1.6);border-color:#d946efb3;background-color:#d946ef0d}body.hovering-interactive .custom-cursor-follower:before,body.hovering-interactive .custom-cursor-follower:after{background-color:#d946efb3}.hud-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;font-family:var(--font-body);display:flex;flex-direction:column;justify-content:space-between;padding:2.2rem 4%;color:var(--color-gray-400)}.hud-top-bar{display:flex;justify-content:space-between;align-items:center;width:100%}.hud-diagnostic-item{font-size:.65rem;font-weight:700;letter-spacing:.22em;color:var(--color-gray-600);text-transform:uppercase}.hud-audio-toggle{pointer-events:auto;background:#09090ca6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:.5rem 1rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;outline:none;transition:var(--transition-fast)}.hud-audio-toggle:hover{border-color:var(--color-accent-cyan);background-color:#06b6d40f}.hud-audio-toggle:hover .audio-btn-text{color:var(--color-white);text-shadow:0 0 10px var(--color-accent-cyan)}.audio-btn-text{font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--color-gray-400);transition:var(--transition-fast)}.audio-wave-bar{width:2px;height:8px;background-color:var(--color-accent-cyan);display:inline-block;transform-origin:bottom;animation:audioWaveAnim .8s ease-in-out infinite alternate}.audio-wave-bar.bar-2{height:12px;animation-delay:.15s}.audio-wave-bar.bar-3{height:6px;animation-delay:.3s}.hud-audio-toggle.muted .audio-wave-bar{animation:none;height:2px;background-color:var(--color-gray-600)}.hud-audio-toggle.muted .audio-btn-text{color:var(--color-gray-600)}@keyframes audioWaveAnim{0%{transform:scaleY(.4)}to{transform:scaleY(1.3)}}.hud-left-panel,.hud-right-panel{position:fixed;bottom:2.2rem;display:flex;flex-direction:column;gap:.4rem;background-color:#040406b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.04);padding:.8rem 1.2rem;border-radius:4px;transition:var(--transition-smooth)}.hud-left-panel{left:4%;border-left:2.5px solid var(--color-accent-cyan)}.hud-right-panel{right:4%;border-right:2.5px solid var(--color-accent-violet);align-items:flex-end}.hud-label{font-size:.6rem;font-weight:700;letter-spacing:.15em;color:var(--color-gray-600)}.hud-value{font-size:.55rem;font-weight:400;letter-spacing:.05em;color:var(--color-white);font-family:Sixtyfour,monospace}.hud-barcode{font-family:"Libre Barcode 39 Text",sans-serif;font-size:1.8rem;color:#06b6d473;letter-spacing:.05em;margin-top:.6rem;line-height:1}.status-active{color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.4)}.hud-svg-bracket{position:fixed;width:40px;height:40px;color:#ffffff0d;pointer-events:none;transition:color .6s ease}.hud-overlay:hover .hud-svg-bracket{color:#06b6d426}.bracket-top-left{top:1.5rem;left:2%}.bracket-top-right{top:1.5rem;right:2%}.bracket-bottom-left{bottom:1.5rem;left:2%}.bracket-bottom-right{bottom:1.5rem;right:2%}.hud-scan-laser{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(6,182,212,.15) 30%,var(--color-accent-cyan) 50%,rgba(6,182,212,.15) 70%,transparent 100%);box-shadow:0 0 10px #06b6d459;pointer-events:none;z-index:-1;transform:translateY(-5vh);will-change:transform;animation:hud-laser-scan 8s infinite linear;opacity:.85}@keyframes hud-laser-scan{0%{transform:translateY(-5vh);opacity:0}5%{opacity:.8}95%{opacity:.8}to{transform:translateY(105vh);opacity:0}}.zoom-transition-layer{position:fixed;z-index:150;pointer-events:none;opacity:0;display:none;overflow:hidden;border-radius:12px;border:var(--border-glass)}.zoom-transition-layer.active{display:block;opacity:1}.portal-visual{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transform-origin:center}.ambient-glows{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-2;overflow:hidden}.glow{position:absolute;border-radius:50%;filter:blur(140px);opacity:.32;mix-blend-mode:screen;pointer-events:none;will-change:transform}.glow-1{top:-10%;right:-10%;width:65vw;height:65vw;background:radial-gradient(circle,var(--color-accent-indigo) 0%,transparent 75%);animation:float-glow-1 25s infinite ease-in-out}.glow-2{bottom:-15%;left:-10%;width:75vw;height:75vw;background:radial-gradient(circle,var(--color-accent-cyan) 0%,transparent 75%);animation:float-glow-2 30s infinite ease-in-out}.glow-3{top:30%;left:20%;width:55vw;height:55vw;background:radial-gradient(circle,var(--color-accent-violet) 0%,transparent 75%);animation:float-glow-3 22s infinite ease-in-out}.glow-4{top:60%;right:-5%;width:50vw;height:50vw;background:radial-gradient(circle,#ec4899 0%,transparent 75%);animation:float-glow-1 28s infinite ease-in-out reverse;opacity:.22}.glow-5{top:-15%;left:-10%;width:55vw;height:55vw;background:radial-gradient(circle,#3b82f6 0%,transparent 75%);animation:float-glow-2 35s infinite ease-in-out reverse;opacity:.28}@keyframes float-glow-1{0%{transform:translate(0) scale(1)}33%{transform:translate(60px,-60px) scale(1.15)}66%{transform:translate(-40px,50px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes float-glow-2{0%{transform:translate(0) scale(1)}50%{transform:translate(-70px,90px) scale(1.2)}to{transform:translate(0) scale(1)}}@keyframes float-glow-3{0%{transform:translate(0) scale(1)}40%{transform:translate(80px,40px) scale(.85)}to{transform:translate(0) scale(1)}}h1,h2,h3,h4{font-family:var(--font-headings);font-weight:800;letter-spacing:-.05em;text-transform:uppercase;color:var(--color-white);line-height:.95}p{line-height:1.7;color:var(--color-gray-400);font-size:1rem;font-weight:300}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#040406;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.intro-logo-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:260px;height:320px;position:relative}.intro-logo-svg{width:100%;height:auto;filter:drop-shadow(0 0 0px var(--color-accent-cyan));transition:filter .3s ease}.intro-diagnostics{font-family:Sixtyfour,monospace;font-size:.5rem;font-weight:400;letter-spacing:.15em;color:var(--color-gray-600);text-transform:uppercase;height:12px;margin-top:1rem}.intro-scanline{position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,transparent,var(--color-accent-cyan),transparent);opacity:.12;pointer-events:none;animation:scanlineAnim 3.5s linear infinite}@keyframes scanlineAnim{0%{top:0%}to{top:100%}}.main-header{position:fixed;top:0;left:0;width:100%;padding:2.5rem 4%;display:flex;justify-content:space-between;align-items:center;z-index:100;pointer-events:none}.logo{pointer-events:auto}.logo-img{height:48px;filter:invert(.95) contrast(1.2) brightness(1.3);mix-blend-mode:screen;display:block}.scroll-progress-bar{position:absolute;bottom:0;left:4%;right:4%;height:1px;width:0%;background:linear-gradient(90deg,transparent,var(--color-accent-cyan),transparent);box-shadow:0 0 10px var(--color-accent-cyan)}.panel{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 8%;z-index:1}#hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:8%}.hero-container{width:100%;max-width:1100px;position:relative}.hero-container:before{content:"";position:absolute;left:-4%;top:-100px;width:1px;height:300px;background:linear-gradient(180deg,var(--color-accent-cyan),transparent)}.hero-tagline{font-family:var(--font-body);font-weight:600;font-size:.85rem;letter-spacing:.4em;color:var(--color-accent-cyan);margin-bottom:2rem;opacity:0;transform:translateY(20px)}.hero-title{font-size:clamp(2.5rem,8vw,6.5rem);color:var(--color-white);margin-bottom:3rem;text-shadow:0 10px 40px rgba(0,0,0,.4)}.hero-title .word-wrapper{display:inline-block;overflow:hidden}.hero-title .reveal-word{display:inline-block;transform:translateY(110%)}.scroll-indicator{display:flex;align-items:center;gap:1.5rem;margin-top:2rem;opacity:0;transform:translateY(20px)}.scroll-text{font-size:.7rem;font-weight:600;letter-spacing:.25em;color:var(--color-gray-400)}.scroll-mouse{width:16px;height:28px;border:1.5px solid var(--color-gray-600);border-radius:10px;position:relative}.scroll-wheel{width:3px;height:6px;background-color:var(--color-accent-cyan);border-radius:2px;position:absolute;top:4px;left:50%;transform:translate(-50%);animation:scrollWheelAnim 1.6s infinite ease-in-out}#manifesto{background-color:var(--bg-obsidian)}.manifesto-container{max-width:1000px;width:100%}.manifesto-text{font-family:var(--font-headings);font-size:clamp(1.4rem,4vw,3.8rem);line-height:1.2;color:var(--color-white);text-align:left;display:flex;flex-direction:column;gap:2rem}.manifesto-line{transition:var(--transition-smooth);opacity:.12}.manifesto-line.active{opacity:1;text-shadow:0 0 35px rgba(255,255,255,.25)}#portfolio{min-height:100vh;padding:0}.portfolio-sticky{position:sticky;top:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:visible}.portfolio-header{max-width:1100px;width:100%;margin:0 auto 3rem;padding:0 8%;position:relative}.portfolio-header:before{content:"";position:absolute;left:4%;top:50%;transform:translateY(-50%);width:20px;height:1px;background-color:var(--color-accent-cyan)}.section-tag{font-size:.85rem;font-weight:400;letter-spacing:.15em;color:var(--color-accent-cyan);display:inline-block;margin-bottom:1.2rem;border:1px solid rgba(6,182,212,.25);padding:4px 12px;border-radius:4px;background-color:#06b6d40a;font-family:Bungee Hairline,sans-serif;text-transform:uppercase;box-shadow:0 0 15px #06b6d40d}.section-title{font-size:clamp(2.2rem,5.5vw,4.5rem);color:var(--color-white);font-weight:900;letter-spacing:-.02em}.portfolio-slider-wrapper{position:relative;width:100%;height:60vh;perspective:1600px;display:flex;align-items:center;justify-content:center;overflow:visible;margin-top:1rem}.portfolio-slider{position:relative;width:500px;height:340px;transform-style:preserve-3d;will-change:transform}.portfolio-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;background-color:#09090cf0;border:var(--border-glass);border-radius:12px;overflow:hidden;will-change:transform,opacity;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 30px 70px #000000b3;transition:border-color .4s ease,filter .4s ease;cursor:pointer;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden}.portfolio-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:1px solid transparent;background:linear-gradient(135deg,rgba(6,182,212,.2),transparent) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.portfolio-card:hover{border-color:#06b6d433;transform:translateY(-10px)}.portfolio-card:hover:after{opacity:1}.card-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#0b0b0e;overflow:hidden}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 20%,rgba(4,4,6,.95) 100%);z-index:1;pointer-events:none}.project-visual-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:0;background-color:#08080b;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .project-visual-placeholder{transform:scale(1.04)}.visual-label{position:absolute;top:2rem;left:2rem;font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:.2em;color:#ffffff40;border-left:1.5px solid var(--color-accent-cyan);padding-left:.8rem;line-height:1;-webkit-user-select:none;user-select:none}.placeholder-tales{background:radial-gradient(circle at center,#8b5cf626,#040406 90%),url(/assets/tales-cover-B-T3bhuA.jpg);background-size:cover;background-position:center;background-blend-mode:multiply}.placeholder-tales .visual-circle{width:160px;height:160px;border:1px dashed rgba(139,92,246,.4);border-radius:50%;position:relative;animation:spinSlow 30s linear infinite;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.portfolio-card:hover .placeholder-tales .visual-circle{border-color:#8b5cf6b3;box-shadow:0 0 30px #8b5cf61a}.placeholder-tales .visual-circle:after{content:"";width:110px;height:110px;border:1px solid rgba(139,92,246,.2);border-radius:50%}.placeholder-tales .visual-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:25px 25px}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.placeholder-anirodv{background:radial-gradient(circle at center,#6366f126,#060608 85%)}.placeholder-anirodv .visual-letter{font-family:var(--font-headings);font-size:clamp(6rem,12vw,10rem);font-weight:800;color:#ffffff08;line-height:1;-webkit-user-select:none;user-select:none;transform:translate(-30px,15px);transition:var(--transition-smooth)}.portfolio-card:hover .placeholder-anirodv .visual-letter{color:#6366f114}.placeholder-anirodv .visual-lines{position:absolute;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.placeholder-anirodv .visual-lines:before,.placeholder-anirodv .visual-lines:after{content:"";position:absolute;width:100%;height:1px;background:inherit;left:0}.placeholder-anirodv .visual-lines:before{top:-25px;opacity:.4}.placeholder-anirodv .visual-lines:after{top:25px;opacity:.4}.placeholder-pandorado{background:radial-gradient(circle at center,#f59e0b1a,#040406 90%),url(/assets/pan-dorado-logo-BlKYhH2L.webp);background-size:contain;background-repeat:no-repeat;background-position:center;background-blend-mode:multiply}.placeholder-pandorado .visual-ring{width:130px;height:130px;border:1.5px solid rgba(245,158,11,.35);border-radius:50%;box-shadow:0 0 40px #f59e0b14,inset 0 0 40px #f59e0b14;transition:var(--transition-smooth)}.portfolio-card:hover .placeholder-pandorado .visual-ring{border-color:#f59e0b99;transform:scale(1.08)}.placeholder-pandorado .visual-glow-leak{position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(245,158,11,.08) 0%,transparent 65%);filter:blur(25px)}.placeholder-followup{background:radial-gradient(circle at center,#06b6d42e,#060608 85%)}.placeholder-followup .visual-columns{display:flex;align-items:flex-end;gap:1.2rem;height:100px}.placeholder-followup .col-bar{width:20px;border:1px solid rgba(6,182,212,.3);background-color:#06b6d408;border-radius:1px;transition:transform .8s cubic-bezier(.16,1,.3,1),background-color .4s ease}.placeholder-followup .bar-1{height:50px}.placeholder-followup .bar-2{height:90px}.placeholder-followup .bar-3{height:70px}.portfolio-card:hover .placeholder-followup .col-bar{background-color:#06b6d41a;border-color:#06b6d499}.portfolio-card:hover .placeholder-followup .bar-1{transform:scaleY(1.15)}.portfolio-card:hover .placeholder-followup .bar-2{transform:scaleY(1.08)}.portfolio-card:hover .placeholder-followup .bar-3{transform:scaleY(1.2)}.placeholder-chubistudy{background:radial-gradient(circle at center,#ec48991a,#040406 90%),url(/assets/chubi-logo-BowLzlB6.webp);background-size:contain;background-repeat:no-repeat;background-position:center;background-blend-mode:multiply}.placeholder-chubistudy .visual-blob{width:120px;height:120px;background:linear-gradient(135deg,#ec489940,#f59e0b40);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation:morphBlob 10s ease-in-out infinite;filter:blur(15px);transition:var(--transition-smooth)}.portfolio-card:hover .placeholder-chubistudy .visual-blob{filter:blur(8px);transform:scale(1.1)}@keyframes morphBlob{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.placeholder-chubistudy .visual-dots{position:absolute;width:100px;height:100px;background-image:radial-gradient(rgba(236,72,153,.15) 1.5px,transparent 1.5px);background-size:15px 15px}.card-info{padding:3rem;z-index:2;position:relative;display:flex;flex-direction:column;gap:.8rem;transform:translateY(15px);transition:var(--transition-smooth)}.portfolio-card:hover .card-info{transform:translateY(0)}.project-num{font-family:var(--font-body);font-size:.75rem;color:var(--color-accent-cyan);font-weight:700;letter-spacing:.15em}.project-name{font-size:1.8rem;color:var(--color-white);letter-spacing:-.03em}.project-desc{font-size:.9rem;color:var(--color-gray-400);max-width:480px;line-height:1.5;opacity:.8}.project-tags{display:flex;gap:.8rem;margin-top:.5rem}.project-tags span{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--color-gray-100);background-color:#ffffff0a;border:1px solid rgba(255,255,255,.05);padding:.3rem .8rem;border-radius:2px}#services{background-color:transparent;border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02)}.services-container{max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:5rem}.chat-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.imessage-device{width:100%;max-width:480px;height:480px;background-color:var(--bg-obsidian-glass);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(0,122,255,.15);border-radius:28px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 80px #000000b3,0 0 40px #007aff0d;position:relative;transition:border-color .5s ease,box-shadow .5s ease}.imessage-device:hover{border-color:#007aff59;box-shadow:0 40px 80px #000c,0 0 50px #007aff26}.imessage-device:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,122,255,.4),transparent);box-shadow:0 0 10px #007aff99;pointer-events:none;z-index:10;transform:translateY(-5px);will-change:transform;animation:chat-scan-laser-sweep 5s infinite linear}@keyframes chat-scan-laser-sweep{0%{transform:translateY(-5px);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(480px);opacity:0}}.chat-header{background-color:#12121ad9;border-bottom:1px solid rgba(255,255,255,.08);padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-back{font-size:1.8rem;color:#007aff;cursor:pointer;line-height:1}.chat-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--color-accent-cyan);color:var(--color-black);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}.chat-contact-info{display:flex;flex-direction:column;line-height:1.25}.chat-contact-name{font-size:.85rem;font-weight:700;color:var(--color-white)}.chat-contact-status{font-size:.7rem;color:var(--color-accent-cyan);font-weight:500}.chat-header-right{display:flex;gap:16px;color:#007aff;font-size:1.2rem;cursor:pointer}.chat-feed{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background-color:#05050833}.chat-timestamp{font-size:.65rem;color:#ffffff59;text-align:center;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.chat-bubble-container{display:flex;width:100%;opacity:0;transform:translateY(20px) scale(.95);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s ease}.client-msg{justify-content:flex-start}.client-msg .chat-bubble{background-color:#262629;color:var(--color-white);border-radius:18px 18px 18px 4px}.okurenz-msg{justify-content:flex-end}.okurenz-msg .chat-bubble{background:linear-gradient(135deg,#007aff,#0056b3);color:var(--color-white);border-radius:18px 18px 4px;box-shadow:0 4px 15px #007aff40}.typing-msg{justify-content:flex-start}.typing-msg .chat-bubble-typing-dots{background-color:#262629;padding:12px 18px;border-radius:18px 18px 18px 4px;display:flex;align-items:center;gap:4px}.dot-bounce{width:6px;height:6px;border-radius:50%;background-color:#ffffff80;animation:typing-bounce 1.4s infinite ease-in-out both}.dot-bounce:nth-child(1){animation-delay:-.32s}.dot-bounce:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-bubble{max-width:78%;padding:12px 16px;font-size:.85rem;line-height:1.4;word-wrap:break-word}.chat-read-receipt{font-size:.65rem;color:#ffffff73;text-align:right;margin-top:-6px;padding-right:6px;opacity:0;transition:opacity .4s ease}.chat-input-bar{background-color:#12121af2;border-top:1px solid rgba(255,255,255,.08);padding:12px 18px;display:flex;align-items:center;gap:14px}.chat-plus{font-size:1.4rem;color:#fff6;cursor:pointer}.chat-input-field{flex:1;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:7px 16px;font-size:.8rem;color:#ffffff59;-webkit-user-select:none;user-select:none}.chat-audio{font-size:1.2rem;color:#fff6;cursor:pointer}#cta{background-color:transparent}.cta-container{width:100%;max-width:800px;margin:0 auto}.cta-card{background-color:var(--bg-obsidian-light);border:var(--border-glass);border-radius:16px;padding:5rem 4rem;box-shadow:0 40px 80px #000000b3;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-accent-indigo),var(--color-accent-cyan),var(--color-accent-violet))}.cta-tag{font-size:.75rem;font-weight:700;letter-spacing:.3em;color:var(--color-accent-violet);margin-bottom:1.2rem}.cta-title{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05;color:var(--color-white);margin-bottom:1.5rem}.cta-desc{font-size:.95rem;color:var(--color-gray-400);margin-bottom:4rem;max-width:500px}.cta-form{width:100%;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.form-group{width:100%;position:relative}.cta-form input,.cta-form textarea{width:100%;background-color:#ffffff03;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:1.2rem 1.5rem;color:var(--color-white);font-family:var(--font-body);font-size:.95rem;outline:none;transition:var(--transition-fast)}.cta-form input:focus,.cta-form textarea:focus{border-color:var(--color-accent-cyan);background-color:#06b6d405;box-shadow:0 0 20px #06b6d414}.btn-cta{width:100%;background:linear-gradient(135deg,var(--color-accent-cyan),#0891b2);color:var(--color-black);font-family:var(--font-headings);font-weight:900;letter-spacing:.2em;text-transform:uppercase;padding:1.2rem;border:1px solid rgba(6,182,212,.4);border-radius:8px;font-size:.95rem;cursor:pointer;box-shadow:0 0 20px #06b6d440;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:all .6s ease}.btn-cta:hover:before{left:100%}.btn-cta:hover{background:var(--color-black);color:var(--color-accent-cyan);border-color:var(--color-accent-cyan);box-shadow:0 0 35px #06b6d473;transform:translateY(-2px)}.socials{display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center}.social-link{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.2em;color:var(--color-gray-600);text-decoration:none;transition:var(--transition-fast);position:relative;padding-bottom:2px}.social-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:1px;background-color:var(--color-accent-cyan);transition:width .3s ease}.social-link:hover{color:var(--color-white)}.social-link:hover:after{width:100%}.hud-cache-clear-btn{pointer-events:auto;background:transparent;border:none;font-family:var(--font-body);font-size:.55rem;font-weight:700;letter-spacing:.22em;color:#ffffff14;cursor:pointer;margin-top:3.5rem;transition:var(--transition-fast);outline:none;-webkit-user-select:none;user-select:none}.hud-cache-clear-btn:hover{color:var(--color-accent-cyan);text-shadow:0 0 10px var(--color-accent-cyan)}.showroom-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.showroom-popup.active{opacity:1;pointer-events:all}.showroom-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#040406d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1}.showroom-container{position:relative;width:90%;max-width:1200px;height:85vh;background-color:var(--bg-obsidian-light);border:var(--border-glass);border-radius:16px;z-index:2;overflow-y:auto;box-shadow:0 50px 100px #000c;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.showroom-container::-webkit-scrollbar{width:6px}.showroom-container::-webkit-scrollbar-track{background:#ffffff03}.showroom-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.showroom-container::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan)}.mobile-live-btn{display:inline-block;padding:12px 24px;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.12em;color:var(--color-accent-cyan)!important;border:1px solid rgba(6,182,212,.4);background-color:#06b6d40a;border-radius:6px;text-decoration:none;box-shadow:0 0 15px #06b6d426;margin-top:1.2rem;transition:all .3s ease;text-align:center}.mobile-live-btn:active{background-color:#06b6d426;box-shadow:0 0 25px #06b6d459;border-color:var(--color-accent-cyan)}.showroom-close-btn{position:fixed;top:2.5rem;right:5%;z-index:210;display:flex;align-items:center;gap:1rem;cursor:pointer;font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.25em;color:var(--color-gray-400);pointer-events:none;opacity:0;transform:translateY(-10px);transition:color .3s ease,opacity .5s ease,transform .5s ease}.showroom-popup.active .showroom-close-btn{pointer-events:all;opacity:1;transform:translateY(0);transition-delay:.5s}.close-icon-circle{width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .3s ease}.close-line{position:absolute;width:14px;height:1.5px;background-color:var(--color-white);transition:background-color .3s ease}.line-1{transform:rotate(45deg)}.line-2{transform:rotate(-45deg)}.showroom-close-btn:hover{color:var(--color-white)}.showroom-close-btn:hover .close-icon-circle{transform:rotate(90deg);border-color:var(--color-accent-cyan)}.showroom-close-btn:hover .close-line{background-color:var(--color-accent-cyan)}.showroom-body{padding:5rem 4rem;display:grid;grid-template-columns:360px 1fr;gap:5rem;align-items:start}.showroom-header{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0}.showroom-project-num{font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--color-accent-cyan);letter-spacing:.15em}.showroom-title{font-size:3rem;color:var(--color-white);letter-spacing:-.04em}.showroom-desc{font-size:.95rem;line-height:1.6;color:var(--color-gray-400)}.showroom-tabs{display:flex;gap:.8rem;margin-top:1.5rem}.showroom-tab,.showroom-tabactive{font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:.12em;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;background:transparent;outline:none;transition:var(--transition-fast);text-transform:uppercase}.showroom-tab{color:var(--color-gray-400);border:1px solid rgba(255,255,255,.05)}.showroom-tab:hover{color:var(--color-white);border-color:#ffffff26;background-color:#ffffff05}.showroom-tabactive{color:var(--color-white);border:1px solid var(--color-accent-cyan);box-shadow:0 0 15px #06b6d426;background-color:#06b6d408}.interactive-browser-mockup{width:100%;height:440px;background-color:#050508;border:var(--border-glass);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 20px 40px #00000080}.browser-header{height:38px;background-color:#0b0b0e;border-bottom:var(--border-glass);display:flex;align-items:center;padding:0 1.2rem;justify-content:space-between;-webkit-user-select:none;user-select:none}.browser-dots{display:flex;gap:.4rem}.browser-dots .dot{width:8px;height:8px;border-radius:50%}.browser-dots .red{background-color:#ff5f56}.browser-dots .yellow{background-color:#ffbd2e}.browser-dots .green{background-color:#27c93f}.browser-address-bar{background-color:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:4px;padding:.25rem 1.8rem;font-size:.65rem;color:var(--color-gray-400);display:flex;align-items:center;gap:.4rem}.browser-actions{display:flex;align-items:center}.browser-btn-expand{font-family:var(--font-body);font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--color-accent-cyan);background:transparent;border:none;cursor:pointer;transition:var(--transition-fast)}.browser-btn-expand:hover{text-shadow:0 0 10px rgba(6,182,212,.4);color:var(--color-white)}.browser-content{flex-grow:1;position:relative;height:100%}.browser-iframe{width:100%;height:100%;border:none;z-index:2;position:absolute;top:0;left:0;background-color:#000}.iframe-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;z-index:1;background:radial-gradient(circle,#0c0c10,#050508)}.fallback-icon{font-size:2.2rem;margin-bottom:.8rem}.iframe-fallback h3{font-size:1rem;margin-bottom:.4rem;color:var(--color-white)}.iframe-fallback p{font-size:.75rem;color:var(--color-gray-400);max-width:380px;line-height:1.4}.iframe-fallback code{background-color:#ffffff0d;color:var(--color-accent-cyan);padding:.1rem .3rem;border-radius:2px;font-family:monospace}.showroom-music-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;width:100%}.music-player-preview{background-color:var(--bg-obsidian);border:var(--border-glass);border-radius:12px;height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.player-disc{width:170px;height:170px;border:5px solid #101015;background:repeating-radial-gradient(circle,#2a2a35,#08080c 4px,#2a2a35 8px);border-radius:50%;position:relative;animation:spinSlow 15s linear infinite;box-shadow:0 15px 35px #000c,0 0 25px #8b5cf633}.player-disc:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background-color:var(--color-accent-violet);border:8px solid #000;border-radius:50%}.player-status{margin-top:2rem;font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:.2em;color:var(--color-accent-violet);text-shadow:0 0 10px rgba(217,70,239,.4)}.music-tracklist{display:flex;flex-direction:column;gap:.8rem}.tracklist-item{display:flex;align-items:center;padding:1.2rem 1.5rem;background-color:#ffffff03;border:1px solid rgba(255,255,255,.03);border-radius:6px;transition:var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.tracklist-item:hover,.tracklist-item.active{background-color:#8b5cf60d;border-color:#8b5cf640}.tracklist-item .track-no{font-family:var(--font-headings);font-weight:800;color:var(--color-accent-violet);font-size:.85rem;margin-right:1.5rem;width:20px}.tracklist-item .track-name{font-size:.9rem;color:var(--color-gray-100);flex-grow:1}.tracklist-item .track-duration{font-size:.8rem;color:var(--color-gray-600)}.showroom-editorial-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;width:100%}.editorial-item{border:var(--border-glass);background-color:var(--bg-obsidian);border-radius:8px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;transition:var(--transition-fast);background-image:radial-gradient(rgba(255,255,255,.01) 1px,transparent 1px);background-size:15px 15px}.editorial-item:hover{border-color:#6366f140;box-shadow:0 10px 20px #0006}.editorial-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.02) 0%,transparent 80%)}.editorial-item-1{grid-column:span 8;height:380px;background:radial-gradient(circle at center,#47556926,#08080c)}.editorial-item-2{grid-column:span 4;height:380px;background:radial-gradient(circle at center,#6366f11a,#08080c);display:flex;align-items:center;justify-content:center}.editorial-item-2 .editorial-visual-letter{font-family:var(--font-headings);font-size:7rem;font-weight:800;color:#ffffff05;line-height:1}.editorial-item-3{grid-column:span 4;height:240px;background:radial-gradient(circle at center,#94a3b81f,#08080c)}.editorial-item-4{grid-column:span 8;height:240px;background-color:#ffffff03}.editorial-caption{font-family:var(--font-body);font-size:.65rem;font-weight:700;color:var(--color-gray-600);letter-spacing:.15em;text-transform:uppercase;z-index:1}.showroom-bakery-layout{display:flex;flex-direction:column;gap:3rem;width:100%}.bakery-hero-slot{width:100%;height:320px;border:var(--border-glass);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 15px 30px #00000080}.bakery-hero-slot .hero-visual-ring{width:180px;height:180px;border:1.5px solid rgba(245,158,11,.3);border-radius:50%;box-shadow:0 0 50px #f59e0b0f,inset 0 0 50px #f59e0b0f}.bakery-thumbs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.bakery-thumb-item{border:var(--border-glass);background-color:var(--bg-obsidian);height:200px;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;position:relative;transition:var(--transition-fast);cursor:pointer}.bakery-thumb-item:hover{border-color:#f59e0b66;transform:translateY(-5px);box-shadow:0 10px 25px #f59e0b0d}.bakery-thumb-caption{font-family:var(--font-body);font-size:.65rem;font-weight:700;color:var(--color-gray-600);letter-spacing:.12em;text-transform:uppercase;z-index:1}.showroom-crm-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:3.5rem;width:100%}.crm-graph-placeholder{border:var(--border-glass);background-color:#ffffff03;height:400px;border-radius:12px;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;background:radial-gradient(circle at center,#06b6d41f,#050508 85%);box-shadow:0 15px 30px #00000080;background-image:radial-gradient(rgba(6,182,212,.05) 1.5px,transparent 1.5px);background-size:20px 20px}.crm-chart-line{position:absolute;top:40%;left:10%;width:80%;height:80px;border-bottom:2px dashed rgba(6,182,212,.2)}.crm-chart-line:before{content:"";position:absolute;width:100%;height:100%;border-top:2px solid rgba(6,182,212,.4);transform:skewY(-10deg)}.crm-kanban-col{display:flex;flex-direction:column;gap:1.2rem}.kanban-card{border:var(--border-glass);background-color:var(--bg-obsidian);padding:1.5rem;border-radius:8px;display:flex;flex-direction:column;gap:.8rem;transition:var(--transition-fast);cursor:pointer}.kanban-card:hover{border-color:#06b6d44d;transform:scale(1.02)}.kanban-card-title{font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--color-white)}.kanban-card-metric{font-size:.75rem;color:var(--color-accent-cyan);font-weight:500}.showroom-game-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:3.5rem;width:100%}.game-console-screen{border:1px solid rgba(236,72,153,.25);background-color:#050508;height:400px;border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 35px #ec48990a}.game-console-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(236,72,153,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(236,72,153,.02) 1px,transparent 1px);background-size:15px 15px}.console-visual-blob{width:110px;height:110px;background:linear-gradient(135deg,#ec489940,#f59e0b40);border-radius:50%;filter:blur(15px);animation:morphBlob 10s ease-in-out infinite}.game-levels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.8rem}.level-node{border:var(--border-glass);background-color:var(--bg-obsidian);padding:1.8rem 1.2rem;border-radius:12px;display:flex;flex-direction:column;gap:1.2rem;align-items:center;text-align:center;transition:var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none}.level-node:hover{border-color:#ec489966;transform:translateY(-4px);box-shadow:0 10px 20px #ec48990d}.level-circle{width:42px;height:42px;border-radius:50%;border:1px dashed rgba(236,72,153,.4);display:flex;align-items:center;justify-content:center;font-family:var(--font-headings);color:var(--color-accent-violet);font-weight:800;font-size:.85rem}.level-node:hover .level-circle{border-style:solid;border-color:var(--color-accent-violet);box-shadow:0 0 15px #d946ef33}.level-name{font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--color-gray-100)}@media (max-width: 1200px){.portfolio-card{width:60vw;min-width:480px;height:38vw;min-height:320px}}@media (max-width: 1024px){body:before,body:after{display:none}.services-grid{grid-template-columns:1fr;gap:1.5rem;background-color:transparent}.service-item{border:var(--border-glass);padding:3rem 2rem}.showroom-body{grid-template-columns:1fr;gap:3rem;padding:3rem 2rem}.showroom-header{position:relative}.showroom-media-grid,.showroom-music-layout,.showroom-editorial-layout,.showroom-crm-layout,.showroom-game-layout{grid-template-columns:1fr;gap:2.5rem}.editorial-item-1,.editorial-item-2,.editorial-item-3,.editorial-item-4{grid-column:span 12;height:200px}.slot-visual,.music-player-preview,.crm-graph-placeholder,.game-console-screen{height:300px}}@media (max-width: 768px){.custom-cursor,.custom-cursor-follower{display:none}.logo-img{height:38px}.hero-title{font-size:clamp(2rem,8vw,3.8rem)}.manifesto-text{font-size:clamp(1.3rem,5vw,2.2rem);gap:1.5rem}#portfolio{height:auto!important;min-height:auto!important}.portfolio-sticky{padding:2rem 0;position:relative!important;height:auto!important}.portfolio-slider-wrapper{perspective:none;height:auto;display:block;overflow:visible}.portfolio-slider{width:100%;height:auto;display:flex;flex-direction:column;gap:3rem;padding:0 6%;transform:none!important;transform-style:flat}.portfolio-card{position:relative!important;width:100%;height:auto;aspect-ratio:4 / 3;min-height:auto;transform:none!important}.card-info{padding:1.8rem;transform:none}.project-name{font-size:1.5rem}.project-desc{font-size:.82rem;line-height:1.4}.cta-card{padding:3.5rem 1.5rem}.cta-title{font-size:1.8rem}.showroom-container{width:94%;height:90vh}.showroom-body{padding:4.5rem 1.5rem 2.5rem;gap:2.5rem}.showroom-title{font-size:2.2rem}.showroom-close-btn{position:absolute!important;top:1.2rem!important;right:1.5rem!important}.interactive-browser-mockup{height:340px}.browser-address-bar{padding:.25rem .8rem;font-size:.6rem}}@media (max-width: 480px){.showroom-body{padding:2rem 1rem}.showroom-title{font-size:1.8rem}.showroom-close-btn span{display:none}.interactive-browser-mockup{height:300px}}