@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#fff;--bg-section:#f8f9fa;--bg-dark:#0f1117;--bg-dark-card:#1a1b23;--text-primary:#111318;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-on-dark:#f9fafb;--text-on-dark-secondary:#9ca3af;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#2563eb14;--accent-ring:#2563eb40;--border:#11131814;--border-hover:#11131826;--border-on-dark:#ffffff14;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #00000014;--shadow-xl:0 20px 60px #0000001a;--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--space-xs:clamp(.5rem, .4rem + .5vw, .75rem);--space-sm:clamp(.75rem, .6rem + .75vw, 1.25rem);--space-md:clamp(1.5rem, 1rem + 2vw, 2.5rem);--space-lg:clamp(3rem, 2rem + 4vw, 5rem);--space-xl:clamp(5rem, 3rem + 6vw, 8rem);--space-2xl:clamp(6rem, 4rem + 8vw, 10rem);--font:"Inter", system-ui, -apple-system, sans-serif;font-family:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-primary);color:var(--text-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}html{scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}body{background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1{font-family:var(--font);letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(2.75rem,5vw + .5rem,5rem);font-weight:700;line-height:1.05}h2{font-family:var(--font);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(1.75rem,3vw + .25rem,3rem);font-weight:700;line-height:1.1}h3{font-family:var(--font);letter-spacing:-.01em;color:var(--text-primary);font-size:clamp(1.1rem,1.2vw + .3rem,1.35rem);font-weight:600;line-height:1.3}h4{font-family:var(--font);color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.4}p{color:var(--text-secondary);font-size:clamp(.95rem,.9vw + .2rem,1.1rem);line-height:1.7}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:600}.label-muted{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.section{width:100%;padding:var(--space-xl) 0}.section-alt{width:100%;padding:var(--space-xl) 0;background-color:var(--bg-section)}.section-dark{width:100%;padding:var(--space-xl) 0;background-color:var(--bg-dark);color:var(--text-on-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,3vw,3rem)}.btn-primary{background-color:var(--text-primary);color:#fff;font-family:var(--font);letter-spacing:.01em;cursor:pointer;transition:all .4s var(--ease-out-expo);border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);font-family:var(--font);letter-spacing:.01em;border:1px solid var(--border-hover);cursor:pointer;transition:all .4s var(--ease-out-expo);background-color:#0000;border-radius:999px;align-items:center;gap:8px;padding:13px 28px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--text-primary);background-color:var(--bg-section);transform:translateY(-1px)}.btn-primary-dark{color:var(--bg-dark);font-family:var(--font);cursor:pointer;transition:all .4s var(--ease-out-expo);background-color:#fff;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary-dark:hover{background-color:var(--accent);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.card{background-color:var(--bg-primary);border:1px solid var(--border);transition:all .5s var(--ease-out-expo);border-radius:16px;padding:clamp(1.5rem,2vw,2.5rem)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-flat{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:16px;padding:clamp(1.5rem,2vw,2.5rem)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.input{background-color:var(--bg-primary);border:1px solid var(--border);width:100%;font-family:var(--font);color:var(--text-primary);transition:all .3s var(--ease-out-expo);border-radius:12px;outline:none;padding:14px 16px;font-size:.9rem}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input-error{border-color:#ef4444}.input-error:focus{box-shadow:0 0 0 3px #ef444426}.select{background-color:var(--bg-primary);border:1px solid var(--border);width:100%;font-family:var(--font);color:var(--text-primary);transition:all .3s var(--ease-out-expo);appearance:none;cursor:pointer;border-radius:12px;outline:none;padding:14px 16px;font-size:.9rem}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.error-text{color:#ef4444;margin-top:4px;font-size:.75rem;font-weight:500}.glass-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background-color:#ffffffd9;width:100%;transition:background-color .3s;position:sticky;top:0}.grid-2{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.grid-4{grid-template-columns:repeat(4,1fr)}}.split-layout{gap:var(--space-lg);flex-direction:column;display:flex}@media (width>=768px){.split-layout{flex-direction:row;align-items:flex-start}.split-layout>:first-child,.split-layout>:last-child{flex:1}}.divider{background-color:var(--border);width:100%;height:1px}.footer{background-color:var(--bg-dark);color:var(--text-on-dark);padding:var(--space-xl) 0 var(--space-lg)}.footer a,.footer button{color:var(--text-on-dark-secondary);cursor:pointer;font-family:var(--font);background:0 0;border:none;text-decoration:none;transition:color .3s}.footer a:hover,.footer button:hover{color:#fff}.chat-panel{border:1px solid var(--border);z-index:200;background-color:#fff;border-radius:20px;flex-direction:column;width:420px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 120px);display:flex;position:fixed;bottom:88px;right:24px;overflow:hidden;box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000f}.chat-header{border-bottom:1px solid var(--border);background-color:var(--accent);color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.chat-input-area{border-top:1px solid var(--border);background-color:var(--bg-section);align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-modal{-webkit-backdrop-filter:blur(12px);z-index:250;background-color:#fffffff5;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}@media (width<=500px){.chat-panel{z-index:2000!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;bottom:0!important;left:0!important;right:0!important}}.video-card{background-color:var(--bg-primary);border:1px solid var(--border);cursor:pointer;transition:transform .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo), border-color .4s var(--ease-out-expo);border-radius:16px;position:relative;overflow:hidden}.video-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.video-thumbnail-container{aspect-ratio:16/9;background:linear-gradient(135deg,#1e293b,#0f172a);width:100%;position:relative;overflow:hidden}.video-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out-expo);opacity:.8}.video-card:hover .video-thumbnail-img{opacity:.95;transform:scale(1.05)}.video-play-btn{width:56px;height:56px;color:var(--accent);transition:transform .3s var(--ease-out-expo), background-color .3s ease;z-index:2;background-color:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 4px 12px #00000026}.video-card:hover .video-play-btn{background-color:#fff;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 8px 24px #2563eb4d}.video-duration{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background-color:#0f1117bf;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute;bottom:12px;right:12px}.video-info{padding:20px}.lightbox-backdrop{-webkit-backdrop-filter:blur(16px);z-index:1000;background-color:#0f1117bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-content{border:1px solid var(--border);background-color:#fff;border-radius:24px;width:100%;max-width:960px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000040}.lightbox-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.lightbox-video-wrapper{aspect-ratio:16/9;background-color:#000;width:100%;position:relative}.lightbox-video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.portfolio-card{border-radius:16px!important;padding:20px!important}.portfolio-logo-area{height:48px!important;margin-bottom:12px!important}.portfolio-logo-img{height:36px!important}.portfolio-company-name{margin-bottom:8px!important;font-size:1.05rem!important}.portfolio-tag{margin-bottom:12px!important;padding:4px 10px!important;font-size:.65rem!important}.portfolio-card p{font-size:.82rem!important;line-height:1.5!important}.portfolio-card-footer{margin-top:16px!important;padding-top:12px!important}}.portfolio-card{background-color:var(--bg-primary);border:1px solid var(--border);height:100%;transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo), border-color .5s var(--ease-out-expo);border-radius:20px;flex-direction:column;justify-content:space-between;padding:32px;text-decoration:none;display:flex;position:relative;overflow:hidden}.portfolio-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#2c64ed0a,#0000 60%);border-radius:20px;transition:opacity .5s;position:absolute;inset:0}.portfolio-card:hover:before{opacity:1}.portfolio-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 20px 60px #2c64ed1f,0 8px 24px #00000014}@keyframes portfolioSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-card-animated{animation:.7s cubic-bezier(.25,1,.5,1) both portfolioSlideUp}.portfolio-logo-area{border-radius:12px;align-items:center;height:64px;margin-bottom:20px;padding:8px 0;display:flex}.portfolio-logo-img{object-fit:contain;width:auto;max-width:180px;height:52px;transition:transform .5s var(--ease-out-expo), filter .5s ease;filter:grayscale(.15)brightness(.95);border-radius:8px}.portfolio-card:hover .portfolio-logo-img{filter:grayscale(0)brightness();transform:scale(1.05)}.portfolio-company-name{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 10px;font-size:1.15rem;font-weight:700}.portfolio-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background-color:var(--accent-light);border-radius:999px;margin-bottom:16px;padding:5px 12px;font-size:.7rem;font-weight:600;transition:background-color .3s,color .3s;display:inline-block}.portfolio-card:hover .portfolio-tag{background-color:var(--accent);color:#fff}.portfolio-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;display:flex}.portfolio-link-icon{background-color:var(--bg-section);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s,color .3s,transform .3s;display:flex}.portfolio-card:hover .portfolio-link-icon{background-color:var(--accent);color:#fff;transform:rotate(45deg)}.marquee-container{width:100%;padding:24px 0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{will-change:transform;backface-visibility:hidden;perspective:1000px;gap:24px;width:max-content;animation:45s linear infinite marqueeScroll;display:flex;transform:translate(0,0)}.marquee-track>*{flex-shrink:0;width:320px}.marquee-container:hover .marquee-track{animation-play-state:paused}@media (width<=640px){.marquee-track{gap:12px}.marquee-track>*{width:150px}.video-card{border-radius:10px}.video-info h3{margin-bottom:4px!important;font-size:.75rem!important}.video-info p{height:3em!important;font-size:.65rem!important;line-height:1.4!important}.video-duration{padding:2px 6px;font-size:.55rem}.video-play-btn{width:28px;height:28px}.video-info{padding:8px 10px!important}}@keyframes marqueeScroll{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (hover:hover) and (pointer:fine){.hide-default-cursor,.hide-default-cursor *{cursor:none!important}}.custom-cursor-lottie svg path[fill=\#d3f2a2],.custom-cursor-lottie svg path[fill="rgb(211,242,162)"],.custom-cursor-lottie svg path[fill="rgb(211, 242, 162)"]{fill:var(--accent)!important}.custom-cursor-lottie svg path[stroke=\#d3f2a2],.custom-cursor-lottie svg path[stroke="rgb(211,242,162)"],.custom-cursor-lottie svg path[stroke="rgb(211, 242, 162)"]{stroke:var(--accent)!important}.testimonial-carousel-container{width:100%;max-width:680px;height:300px;margin:0 auto;position:relative}.testimonial-carousel-btn{background-color:var(--bg-primary);border:1px solid var(--border);cursor:pointer;z-index:10;width:48px;height:48px;box-shadow:var(--shadow-sm);color:var(--text-primary);transition:all .3s var(--ease-out-expo);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.testimonial-carousel-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 15px #2563eb33}.testimonial-carousel-btn.prev{left:-76px}.testimonial-carousel-btn.next{right:-76px}@media (width<=860px){.testimonial-carousel-container{max-width:100%;height:340px;padding:0 76px}.testimonial-carousel-btn{width:40px;height:40px;top:50%;transform:translateY(-50%)}.testimonial-carousel-btn.prev{left:18px}.testimonial-carousel-btn.next{right:18px}}@media (width<=480px){.testimonial-carousel-container{height:380px;padding:0 44px}.testimonial-carousel-btn{width:34px;height:34px}.testimonial-carousel-btn.prev{left:4px}.testimonial-carousel-btn.next{right:4px}.card-flat{padding:16px!important}}.sound-toggle-btn{border:1px solid var(--border);cursor:pointer;height:38px;transition:all .3s var(--ease-out-expo);background:#00000005;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:flex;position:relative;overflow:hidden}.sound-toggle-btn.playing{background-color:#2563eb0f;border-color:#2563eb40;box-shadow:0 0 12px #2563eb26}.sound-toggle-btn:hover{background-color:#2563eb14;border-color:#2563eb66;transform:translateY(-1px)scale(1.02)}.sound-toggle-btn:active{transform:translateY(0)scale(.98)}.equalizer-wave{align-items:flex-end;gap:2px;width:14px;height:12px;display:flex}.equalizer-wave span{background-color:var(--accent);border-radius:1px;width:2px;height:3px;transition:height .25s;display:block}.sound-toggle-btn.playing .equalizer-wave span{animation:.8s ease-in-out infinite alternate eq-bounce}.sound-toggle-btn.playing .equalizer-wave span:first-child{animation-duration:.5s;animation-delay:.1s}.sound-toggle-btn.playing .equalizer-wave span:nth-child(2){animation-duration:.8s;animation-delay:.25s}.sound-toggle-btn.playing .equalizer-wave span:nth-child(3){animation-duration:.65s;animation-delay:50ms}.sound-toggle-btn.muted .equalizer-wave span{background-color:var(--text-muted);height:3px!important;animation:none!important}@keyframes eq-bounce{0%{height:3px}to{height:12px}}