@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#f05a00;--color-primary-glow:#f05a0066;--color-bg-base:#07090c;--color-bg-elevated:#11141a;--color-bg-glass:#11141a99;--color-text-main:#f3f4f6;--color-text-muted:#9ca3af;--color-border:#ffffff14;--shadow-glass:0 8px 32px 0 #0000005e;--blur-glass:blur(16px);--radius-sm:8px;--radius-md:16px;--radius-lg:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg-base);color:var(--color-text-main);font-family:Outfit,sans-serif;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media (pointer:fine){html,body,a,button,input,textarea,select{cursor:none!important}}::selection{background:var(--color-primary);color:#fff}.cursor-dot{background-color:var(--color-primary);pointer-events:none;z-index:9999;mix-blend-mode:exclusion;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-outline{border:1px solid var(--color-primary);pointer-events:none;z-index:9998;border-radius:50%;width:40px;height:40px;transition:width .2s,height .2s,background-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.animated-mesh-bg{z-index:-1;background-color:var(--color-bg-base);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.animated-mesh-bg .blob{filter:blur(80px);opacity:.5;border-radius:50%;animation:25s ease-in-out infinite alternate moveBlobs;position:absolute}.blob-1{background:radial-gradient(circle,#f05a001f 0%,#0000 60%);width:60vw;height:60vw;animation-delay:0s;top:-20%;left:-10%}.blob-2{background:radial-gradient(circle,#141928cc 0%,#0000 60%);width:70vw;height:70vw;animation-delay:-5s;bottom:-20%;right:-10%}.blob-3{background:radial-gradient(circle,#f05a000d 0%,#0000 60%);width:50vw;height:50vw;animation-delay:-10s;top:30%;left:40%}@keyframes moveBlobs{0%{transform:translate(0)scale(1)}33%{transform:translate(15vw,-10vh)scale(1.1)}66%{transform:translate(-10vw,15vh)scale(.9)}to{transform:translate(5vw,10vh)scale(1.05)}}.noise-overlay{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}a{color:inherit;text-decoration:none;transition:color .3s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.1}p{color:var(--color-text-muted);line-height:1.6}.glass-panel{background:var(--color-bg-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-border);box-shadow:var(--shadow-glass);border-radius:var(--radius-md);position:relative;overflow:hidden}.glass-panel:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000 60%);width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%}.glass-panel:hover:before{opacity:1}.text-gradient{background:linear-gradient(135deg, #fff 0%, var(--color-text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg,#ff7b29 0%,#f05a00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.magnetic-btn-wrap{display:inline-block;position:relative}.btn-primary{color:#fff;box-shadow:0 4px 20px var(--color-primary-glow);background:linear-gradient(135deg,#ff7b29 0%,#f05a00 100%);border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{box-shadow:0 8px 30px var(--color-primary-glow);transform:translateY(-2px)scale(1.02)}.btn-primary:hover:after{opacity:1}.btn-secondary{color:var(--color-text-main);border:1px solid var(--color-border);background:#ffffff0d;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg img{object-fit:cover;opacity:.4;width:100%;height:100%;animation:20s ease-out infinite alternate slowZoom;transform:scale(1.05)}@keyframes slowZoom{0%{transform:scale(1.05)}to{transform:scale(1.15)}}.hero-overlay{background:linear-gradient(to bottom, #07090c33 0%, var(--color-bg-base) 100%);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;max-width:900px;padding-top:100px;position:relative}.hero h1{margin-bottom:24px;font-size:clamp(3.5rem,6vw,6.5rem);line-height:1.05}.hero p{max-width:650px;margin-bottom:40px;font-size:clamp(1.1rem,2vw,1.4rem)}.navbar{z-index:100;width:100%;padding:24px 0;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#07090cd9;padding:16px 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo img{width:auto;height:48px;transition:transform .3s}.nav-logo:hover img{transform:scale(1.05)}.nav-links{align-items:center;gap:40px;display:flex}.nav-link{color:var(--color-text-main);opacity:.7;padding:8px 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{opacity:1}.nav-link:hover:after,.nav-link.active:after{width:100%}.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:64px;display:grid}.service-card{flex-direction:column;height:100%;padding:48px 40px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:radial-gradient(circle at top right, var(--color-primary-glow) 0%, transparent 70%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.service-card:hover{border-color:#f05a0066;transform:translateY(-10px)}.service-card:hover:before{opacity:.2}.service-icon{width:72px;height:72px;color:var(--color-primary);background:#f05a001a;border-radius:20px;justify-content:center;align-items:center;margin-bottom:32px;transition:transform .3s,background .3s;display:flex}.service-card:hover .service-icon{background:#f05a0033;transform:scale(1.1)rotate(5deg)}.service-card h3{margin-bottom:16px;font-size:1.6rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:40px;margin-top:64px;display:grid}.project-card{border-radius:var(--radius-lg);aspect-ratio:4/3;cursor:pointer;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover img{transform:scale(1.08)}.project-overlay{opacity:.8;background:linear-gradient(#0000 40%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:40px;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-overlay h3{margin-bottom:8px;font-size:1.8rem;transition:transform .3s;transform:translateY(10px)}.project-card:hover .project-overlay h3{transform:translateY(0)}.project-overlay p{color:var(--color-primary);letter-spacing:.05em;opacity:0;font-weight:600;transition:all .3s .1s;transform:translateY(10px)}.project-card:hover .project-overlay p{opacity:1;transform:translateY(0)}.stats-container{grid-template-columns:1fr 1fr;gap:48px;margin-top:48px;display:grid}.stat-item h4{color:var(--color-primary);margin-bottom:8px;font-size:4rem;line-height:1}.stat-item p{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-main);font-size:1rem;font-weight:500}.form-group{margin-bottom:24px}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-main);background:#ffffff05;padding:18px 24px;font-family:inherit;font-size:1rem;transition:all .3s}.form-input:focus{border-color:var(--color-primary);background:#ffffff0d;outline:none;box-shadow:0 0 0 4px #f05a001a}textarea.form-input{resize:vertical;min-height:180px}.chat-widget-container{z-index:1000;font-family:Outfit,sans-serif;position:fixed;bottom:40px;right:40px}.chat-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7b29 0%,#f05a00 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 32px #f05a0066}.chat-button:hover{transform:scale(1.1)translateY(-4px);box-shadow:0 12px 40px #f05a0099}.chat-window{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transform-origin:100% 100%;flex-direction:column;width:400px;height:600px;display:flex;position:absolute;bottom:90px;right:0;overflow:hidden;box-shadow:0 20px 40px #00000080}.chat-header{color:#fff;background:linear-gradient(135deg,#ff7b29 0%,#f05a00 100%);align-items:center;gap:16px;padding:24px;display:flex}.chat-header h4{margin:0;font-size:1.2rem}.chat-header p{color:#fffc;margin:0;font-size:.9rem}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-message{border-radius:var(--radius-sm);max-width:85%;padding:14px 18px;font-size:.95rem;line-height:1.5}.chat-message.bot{border:1px solid var(--color-border);background:#ffffff0d;border-bottom-left-radius:4px;align-self:flex-start}.chat-message.user{color:#fff;background:#f05a001a;border:1px solid #f05a0033;border-bottom-right-radius:4px;align-self:flex-end}.chat-input-area{border-top:1px solid var(--color-border);background:#0003;gap:12px;padding:20px;display:flex}.chat-input-area input{border:1px solid var(--color-border);color:#fff;background:#ffffff0d;border-radius:100px;flex:1;padding:14px 20px;font-family:inherit;transition:all .3s}.chat-input-area input:focus{border-color:var(--color-primary);background:#ffffff1a;outline:none}.chat-input-area button{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.chat-input-area button:hover{background:#ff7b29;transform:scale(1.05)}.page-header{background:linear-gradient(to bottom, #11141acc, var(--color-bg-base)), url(/hero.png) center/cover;border-bottom:1px solid var(--color-border);padding:200px 0 100px;position:relative}.page-header:before{content:"";background:#0009;position:absolute;inset:0}.page-header .container{z-index:2;position:relative}.page-title{margin-bottom:20px;font-size:clamp(3rem,5vw,4.5rem)}.breadcrumb{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;font-weight:600;display:inline-block}.mobile-toggle{display:none}.mobile-drawer{z-index:99;-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--color-border);background:#11141af2;flex-direction:column;width:320px;max-width:100vw;height:100vh;padding:100px 40px 40px;display:flex;position:fixed;top:0;right:0;box-shadow:-10px 0 30px #00000080}.mobile-drawer-content{flex-direction:column;height:100%;display:flex}.mobile-nav-links{flex-direction:column;gap:24px;display:flex}.mobile-nav-link{color:var(--color-text-main);opacity:.8;border-bottom:1px solid #ffffff08;padding:8px 0;font-size:1.5rem;font-weight:600;transition:all .3s;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{opacity:1;color:var(--color-primary);padding-left:8px}@media (max-width:768px){.desktop-only{display:none!important}.mobile-toggle{border:1px solid var(--color-border);color:#fff;cursor:pointer;background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.mobile-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:#f05a001a}.hero h1{font-size:2.5rem}.hero p{margin-bottom:24px;font-size:1.1rem}.hero-content{padding-top:60px}.stats-container{grid-template-columns:1fr;gap:32px}.chat-window{width:calc(100vw - 40px);height:80vh;right:-20px}.projects-grid{grid-template-columns:1fr}}.footer-social-link{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.footer-social-link:hover{color:#fff;border-color:var(--color-primary);background:#f05a001a;transform:translateY(-2px);box-shadow:0 4px 12px #f05a0033}.footer-contact-link{color:var(--color-text-muted);text-decoration:none;transition:color .3s}.footer-contact-link:hover{color:var(--color-text-main)}.text-gradient-electric{background:linear-gradient(135deg,#fff 0%,#ff7b29 50%,#f05a00 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #f05a0059);-webkit-background-clip:text;background-clip:text}.electric-glow-orange{text-shadow:0 0 8px #f05a0073,0 0 20px #f05a0033}.electric-glow-white{text-shadow:0 0 10px #fff6,0 0 2px #fffc}@keyframes electric-crackle{0%{filter:brightness();transform:translate(0)scale(1)}20%{filter:brightness(1.2);transform:translate(-1px,1px)scale(.99)}40%{filter:brightness(.9);transform:translate(1px,-1px)scale(1.01)}60%{filter:brightness(1.3);transform:translate(-1px,-1px)scale(1)}80%{filter:brightness(1.1);transform:translate(1px,1px)scale(.99)}to{filter:brightness();transform:translate(0)scale(1)}}.electric-crackle-hover:hover{animation:.15s infinite electric-crackle}.glass-panel{transition:border-color .4s,box-shadow .4s,transform .4s}.video-hud-left{z-index:4;pointer-events:none;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:#fff;background:#07090cbf;border:1px solid #f05a0040;flex-direction:column;gap:8px;padding:12px 16px;font-family:monospace;font-size:.75rem;transition:all .3s;display:flex;position:absolute;top:24px;left:24px;box-shadow:0 4px 20px #0006}.video-hud-right{z-index:4;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:var(--color-text-muted);background:#07090cbf;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:8px 12px;font-family:monospace;font-size:.75rem;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}@media (max-width:768px){.video-hud-left{gap:4px;padding:8px 12px;font-size:.65rem;top:12px;left:12px}.video-hud-right{padding:6px 10px;font-size:.65rem;top:12px;right:12px}}@media (max-width:540px){.video-hud-left{display:none}.video-hud-right{padding:4px 8px;font-size:.6rem;top:8px;right:8px}}