@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--color-bg:#0a0a0a;--color-text:#fff;--color-blue:#00e5ff;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.5s cubic-bezier(.22, 1, .36, 1);--section-padding-y:clamp(3.5rem, 8vw, 6.5rem);--section-padding-x:clamp(1rem, 4vw, 2.5rem);--section-header-mb:clamp(2rem, 5vw, 3.5rem)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);color:var(--color-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.section-header{text-align:center;width:100%;max-width:1400px;margin-bottom:var(--section-header-mb);flex-direction:column;align-items:center;margin-inline:auto;display:flex}.section-header-label{background-color:#00e5ff1a;border:1px solid #00e5ff33;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;display:inline-flex}.section-header-label .dot{background-color:#00e5ff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #00e5ff80}.section-header-label p{letter-spacing:.2em;color:#00e5ff;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.section-header h2{letter-spacing:-.03em;background:linear-gradient(135deg,#111827 0%,#4b5563 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:800px;margin:0;font-size:clamp(32px,5vw,64px);font-weight:800;line-height:1.1}.dark-theme .section-header h2{background:linear-gradient(135deg,#fff 0%,#9ca3af 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-desc{color:#6b7280;max-width:600px;margin:1.5rem auto 0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.6}.dark-theme .section-desc{color:#9ca3af}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.navbar-glass-bg{z-index:99;-webkit-backdrop-filter:blur(16px);pointer-events:none;width:100%;height:80px;transition:background var(--transition-base), border-color var(--transition-base), backdrop-filter var(--transition-base);position:fixed;top:0;left:0}.navbar-glass-transparent{-webkit-backdrop-filter:blur();background:0 0;border-bottom:1px solid #0000}.navbar-glass-light{background:#ffffffd9;border-bottom:1px solid #0000000d}.navbar-glass-dark{background:#0b1120d9;border-bottom:1px solid #ffffff1a}.navbar-wrapper{z-index:100;color:#fff;pointer-events:none;width:100%;transition:color var(--transition-fast);padding:1rem 0;position:fixed;top:0;left:0}.navbar-dark-text{color:#000}.navbar-dark-text .navbar-link{color:#000000b3}.navbar-dark-text .navbar-link:hover{color:#000}.navbar-hamburger{cursor:pointer;z-index:1000;width:28px;height:20px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;justify-content:space-between;padding:0;display:flex}.navbar-hamburger span{width:100%;height:2px;transition:transform var(--transition-fast), opacity var(--transition-fast);background-color:currentColor;display:block}.navbar-logo-img{filter:drop-shadow(0 0 4px #0009)}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem);display:flex}@media (width>=768px){.navbar-container{padding:0 2.5rem}}@media (width>=1024px){.navbar-container{padding:0 3rem}}.navbar-logo-area{pointer-events:auto;align-items:center;gap:.75rem;display:flex}.navbar-logo-text{flex-direction:column;justify-content:center;display:flex}.navbar-logo-main{font-size:18px;font-weight:500;line-height:1}.navbar-logo-sub{text-transform:uppercase;letter-spacing:.3em;opacity:.6;margin-top:2px;font-size:8px;font-weight:500}.navbar-links{pointer-events:auto;align-items:center;gap:2rem;display:none;position:absolute;left:50%;transform:translate(-50%)}@media (width>=768px){.navbar-links{display:flex}}.navbar-link{color:#ffffffd9;transition:color var(--transition-fast);font-size:15px;font-weight:400}.navbar-link:hover{color:#fff}.navbar-actions{pointer-events:auto;align-items:center;gap:1.5rem;display:flex}.navbar-contact-btn{color:#fff;transition:all var(--transition-fast);background:#00e5ff;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:15px;font-weight:600;display:none}@media (width>=768px){.navbar-hamburger{display:none}.navbar-contact-btn{display:flex}.drawer-logo{object-fit:contain;width:auto;max-width:100%;height:36px;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;backface-visibility:hidden;will-change:transform;transform:translateZ(0)}.drawer-close{color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.drawer-close:hover{background:var(--color-primary);color:#000}.drawer-nav-items{box-sizing:border-box;flex-direction:column;gap:1.5rem;width:100%;display:flex}.nav-links{box-sizing:border-box;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:75%;max-width:340px;height:100dvh;transition:right var(--transition-base);z-index:1001;background:#0b1120fa;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:clamp(1rem,4vw,1.5rem) clamp(1rem,4vw,1.5rem) 2rem;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-10px 0 40px #000000b3}.nav-links.open{right:0}.nav-links.open~.nav-actions .menu-toggle{opacity:0;pointer-events:none}.nav-link{color:#fff;width:100%;font-size:1.1rem;font-weight:600;display:block}.menu-toggle{z-index:1000;transition:opacity var(--transition-fast);display:flex}.menu-toggle.active span:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.desktop-cta{display:none}.mobile-cta{box-sizing:border-box;width:100%;max-width:100%;margin-top:clamp(1.5rem,5vh,2.5rem);display:flex}}@media (width<=480px){.brand-name{font-size:1.1rem}.nav-logo{height:40px}}.hero-wrapper{background:#fff;width:100%;position:relative}.hero-content{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero-text-container{text-align:center;z-index:30;flex-direction:column;align-items:center;width:100%;padding:clamp(5rem,15vh,8rem) clamp(1rem,5vw,1.5rem) 1rem;display:flex}.hero-heading{color:#2f363f;letter-spacing:-.02em;max-width:56rem;font-size:clamp(36px,4.5vw,56px);font-weight:500;line-height:1.15}.hero-dynamic-wrapper{margin-left:.3em;display:inline-block;position:relative}.hero-dynamic-text{color:#00e5ff;white-space:nowrap;display:inline-block}@media (width<=768px){.hero-dynamic-wrapper{margin-top:.15em;margin-left:0;display:block}}.hero-btn{color:#fff;background:#00e5ff;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.4rem;margin-top:2rem;padding:.6rem 1.25rem;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.hero-btn:hover{background:#00bfff}.arrow-icon{animation:2s infinite bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-10%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(10%)}}.hero-video-pin-container{justify-content:center;align-items:center;width:100%;height:100dvh;min-height:400px;margin-top:0;display:flex;position:relative;overflow:hidden}.hero-video-wrapper{aspect-ratio:896/380;transform-origin:50%;z-index:20;width:80%;max-width:1050px;position:relative}.hero-video-inner{z-index:0;will-change:transform, border-radius;backface-visibility:hidden;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0)}.hero-video{object-fit:cover;will-change:transform;backface-visibility:hidden;width:100%;height:100%;transform:translateZ(0)}.hero-device-mockup{z-index:10;object-fit:cover;box-sizing:border-box;pointer-events:none;border:16px solid #222;border-radius:24px;width:100%;height:100%;position:absolute;inset:0}.video-progress-container{z-index:50;gap:8px;width:calc(100% - 64px);max-width:800px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.video-progress-bar{height:4px;transition:background var(--transition-base);background:#ffffff4d;border-radius:2px;flex:1}.video-progress-bar.active{background:#00e5ff}@media (width<=768px){.hero-video-wrapper{aspect-ratio:9/16;border-radius:16px;width:85%;max-width:380px;box-shadow:0 20px 40px #00000026}.hero-device-mockup{border:6px solid #1a1a1a;border-radius:24px}.hero-video-inner{border-radius:18px}.hero-heading{font-size:clamp(28px,8vw,36px)}.hero-btn{min-width:220px;margin-top:3rem;padding:.875rem 2rem;font-size:15px}.hero-video-pin-container{height:100dvh;min-height:400px;margin-top:0;padding-bottom:0}}@media (width<=480px){.hero-video-wrapper{width:95%}}.about-section{width:100%;min-height:100vh;padding:var(--section-padding-y) var(--section-padding-x);background:radial-gradient(#00e5ff14 1px,#0000 1px) 0 0/40px 40px,radial-gradient(#00e5ff14 1px,#0000 1px) 20px 20px/40px 40px,linear-gradient(135deg,#09090e 0%,#161224 100%) 0 0/100% 100%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-container{z-index:10;flex-direction:column;gap:4rem;width:100%;max-width:1400px;display:flex;position:relative}@media (width>=1024px){.about-container{flex-direction:row;justify-content:space-between;align-items:center;gap:4rem}.about-header{flex:1}}.glow-orb{z-index:-1;pointer-events:none;will-change:transform;background:radial-gradient(circle,#00e5ff1f 0%,#050a1400 70%);border-radius:50%;width:40vw;max-width:500px;height:40vw;max-height:500px;position:absolute;top:50%;left:20%;transform:translate(-50%,-50%)}.about-title{color:#fff;letter-spacing:-.03em;margin:0 0 1.5rem;font-size:clamp(40px,5vw,72px);font-weight:700;line-height:1.05}.text-gradient{background:linear-gradient(135deg,#00e5ff 0%,#0070aa 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.about-subtitle{color:#a0aec0;max-width:450px;margin:0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.about-grid{flex:1.2;grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.about-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:2rem}.stat-card:nth-child(2n){margin-top:3rem}}.stat-card{-webkit-backdrop-filter:blur(12px);transition:transform var(--transition-smooth), background var(--transition-smooth), border-color var(--transition-smooth);cursor:default;will-change:transform, opacity;backface-visibility:hidden;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;padding:2.5rem 2rem;position:relative;overflow:hidden;transform:translateZ(0)}.stat-card:hover{background:#ffffff0f;border-color:#00e5ff4d;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px -10px #00e5ff26}.stat-card-glow{opacity:0;width:100%;height:100%;transition:opacity var(--transition-base);pointer-events:none;background:radial-gradient(circle,#00e5ff1a 0%,#0000 60%);position:absolute;bottom:-50%;right:-50%}.stat-card:hover .stat-card-glow{opacity:1}.stat-card-content{z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:relative}.stat-index{color:#00e5ff;letter-spacing:2px;margin-bottom:1rem;font-size:.875rem;font-weight:600}.stat-value{align-items:baseline;margin:0 0 .5rem;font-size:clamp(3rem,4vw,4rem);font-weight:800;line-height:1;display:flex}.stat-value span:first-child{background:linear-gradient(90deg,#fff,#a0aec0,#00e5ff,#fff) 0 0/300% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:300%}}.stat-suffix{color:#00e5ff;margin-left:2px;font-size:clamp(2rem,3vw,2.5rem)}.stat-label{color:#e2e8f0;letter-spacing:.02em;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.stat-desc{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.5}.services-section{width:100%;padding:var(--section-padding-y) var(--section-padding-x) clamp(4rem, 10vh, 7rem);background-color:#fff;flex-direction:column;align-items:center;display:flex;overflow:hidden}.services-header{width:100%;max-width:1400px;margin-bottom:var(--section-header-mb);flex-direction:column;display:flex}.services-header-label{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.services-header-label .dot{background-color:#00e5ff;border-radius:9999px;width:12px;height:6px}.services-header-label p{letter-spacing:.2em;color:#4b5563;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:700}.services-header h2{color:#000;letter-spacing:-.025em;margin:0 0 .5rem;font-size:clamp(32px,3.5vw,48px);font-weight:700;line-height:1.1}.services-desc{color:#4b5563;text-transform:lowercase;margin:0;font-size:.85rem}.services-cards-container{flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding-bottom:30vh;display:flex;position:relative}.service-card{will-change:transform, opacity;backface-visibility:hidden;border-radius:18px;width:100%;max-width:1200px;height:auto;min-height:clamp(340px,42vh,480px);margin-bottom:1rem;display:block;overflow:hidden;transform:translateZ(0);box-shadow:0 -10px 30px #0000001a}@media (width<=1024px){.services-cards-container{width:92%;max-width:780px}}@media (width<=768px){.services-cards-container{width:90%;max-width:440px;margin:0 auto}.service-card{border-radius:16px;width:100%;max-width:100%;min-height:380px}}@media (width<=480px){.services-cards-container{width:90%;max-width:360px}.service-card{min-height:360px}}.service-card-bg-ui{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.service-bg-icon{color:#ffffff0a;font-size:25rem;transition:transform .5s;position:absolute;bottom:-10%;right:-5%;transform:rotate(-10deg)}.service-card:hover .service-bg-icon{color:#ffffff12;transform:rotate(0)scale(1.05)}.service-bg-gradient{background:radial-gradient(circle at 80% 80%,#ffffff14 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.service-card-content{color:#fff;z-index:2;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:clamp(1.5rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.service-card-top{align-items:center;gap:1rem;display:flex}.service-icon{color:#fff;opacity:.9;font-size:2rem}.service-card-top h3{letter-spacing:0;margin:0;font-size:clamp(24px,3vw,36px);font-weight:700}.service-card-bottom{flex-direction:column;gap:clamp(1.5rem,5vw,3rem);max-width:90%;display:flex}.service-main-desc{color:#fffffff2;margin:0;font-size:clamp(14px,1.2vw,18px);line-height:1.6}.service-tags{flex-wrap:wrap;gap:clamp(1rem,3vw,2rem);display:flex}.tag-group{flex-direction:column;gap:.75rem;display:flex}.tag-group h4{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;margin:0;font-size:.75rem}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:9999px;padding:.35rem .8rem;font-size:.75rem;font-weight:500}.tag-tech{color:#ffffffe6;background:#0003;border-color:#0000}.visual-circle{z-index:1;background-color:#ffffff26;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-2rem;right:-2rem}.why-section{width:100%;padding:var(--section-padding-y) 0;color:#fff;background-color:#0a0a0a;justify-content:center;display:flex}.why-container{width:100%;max-width:1600px;padding:0 var(--section-padding-x)}.why-header{margin-bottom:var(--section-header-mb)}.why-subtitle{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.why-subtitle p{letter-spacing:.2em;color:#9ca3af;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.why-title{color:#fff;letter-spacing:-.025em;font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.1}.why-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.why-card{transition:var(--transition-smooth);background:#111;border:1px solid #ffffff0d;flex-direction:column;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,4vw,2rem);display:flex}.why-card:hover{background:#151515;border-color:#2693ed4d;transform:translateY(-5px)}.why-icon{color:#00e5ff;margin-bottom:2rem;font-size:2rem}.why-card h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.why-card p{color:#9ca3af;font-size:.875rem;line-height:1.6}@media (width<=1024px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.why-grid{grid-template-columns:1fr}}.projects-section{width:100%;padding:var(--section-padding-y) var(--section-padding-x) 0;background:radial-gradient(circle at 50% 0,#00e5ff12 0%,#06090e 85%);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.projects-section .section-header h2{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 60%,#00e5ff 100%);-webkit-text-fill-color:transparent;color:#fff;-webkit-background-clip:text;margin:0;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.1}.projects-section .section-desc{color:#94a3b8;max-width:650px;margin:1.25rem auto 0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.6}.projects-cards-container{flex-direction:column;align-items:center;width:100%;max-width:1160px;margin:0 auto;padding-bottom:clamp(6rem,15vh,12rem);display:flex;position:relative}.work-card{will-change:transform, opacity;backface-visibility:hidden;width:100%;max-width:1160px;height:auto;min-height:clamp(400px,52vh,540px);max-height:calc(100dvh - 120px);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);background:#fff;border:1px solid #e2e8f0e6;border-radius:clamp(20px,2.5vw,28px);flex-direction:column;margin-bottom:clamp(1.5rem,3vh,2.5rem);display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 20px 40px -15px #00000012,0 0 1px #0000001a}.work-card:hover{border-color:#00e5ff80;box-shadow:0 30px 60px -15px #00bad626,0 10px 25px -5px #0000000d}.work-card-ambient-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#00e5ff12 0%,#fff0 70%);border-radius:50%;width:450px;height:450px;position:absolute;top:-25%;right:-10%}@media (width>=768px){.work-card{flex-direction:row;height:clamp(440px,54vh,520px)}}.work-card-left{color:#0f172a;z-index:2;flex-direction:column;flex:1.1;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem);display:flex;position:relative;overflow-y:auto}.work-card-meta{align-items:center;gap:.75rem;margin-bottom:clamp(.5rem,1.2vh,.85rem);display:flex}.project-index{color:#0284c7;letter-spacing:.1em;font-family:Space Grotesk,Orbitron,monospace;font-size:.85rem;font-weight:800}.project-category-badge{letter-spacing:.06em;text-transform:uppercase;color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9999px;padding:.25rem .7rem;font-size:.7rem;font-weight:700}.project-title{letter-spacing:-.025em;color:#0f172a;margin-bottom:clamp(.5rem,1.5vh,.9rem);font-size:clamp(24px,2.8vw,38px);font-weight:800;line-height:1.15}.project-desc{color:#64748b;max-width:480px;margin-bottom:clamp(1.2rem,2.5vh,1.8rem);font-size:clamp(13.5px,1.05vw,15.5px);line-height:1.6}.work-card-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:clamp(.75rem,2vw,1.25rem);width:fit-content;max-width:100%;margin-bottom:clamp(1.2rem,2.5vh,1.8rem);padding:clamp(.6rem,1.5vh,.85rem) clamp(.85rem,2vw,1.25rem);display:flex}.stat-pill{flex-direction:column;display:flex}.stat-pill-value{color:#0f172a;font-size:clamp(1.2rem,2.2vw,1.5rem);font-weight:800;line-height:1.1}.stat-pill-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.7rem;font-weight:600}.stat-pill-divider{background:#cbd5e1;width:1px;height:28px}.project-action-row{align-items:center;gap:1rem;display:flex}.project-external-link{color:#fff;letter-spacing:.01em;transition:all var(--transition-base);background:linear-gradient(135deg,#0284c7 0%,#00e5ff 100%);border:none;border-radius:9999px;align-items:center;gap:.75rem;padding:.65rem .75rem .65rem 1.45rem;font-size:clamp(13px,.95vw,14.5px);font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0284c747}.link-arrow-circle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:28px;height:28px;transition:transform var(--transition-fast), background var(--transition-fast);background:#fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.project-external-link:hover{color:#fff;background:linear-gradient(135deg,#0369a1 0%,#00bfff 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #00e5ff73}.project-external-link:hover .link-arrow-circle{color:#0284c7;background:#fff;transform:translate(3px,-3px)rotate(45deg)}.link-arrow-icon{transition:transform var(--transition-fast)}.project-tag-proprietary{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:.5rem 1rem;font-size:13px;font-weight:600}.work-card-right{z-index:1;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-left:1px solid #e2e8f0;flex:1.25;justify-content:center;align-items:center;padding:clamp(1rem,2vw,2rem);display:flex;position:relative}.browser-mockup-frame{width:100%;max-width:580px;height:100%;max-height:380px;transition:transform var(--transition-base), box-shadow var(--transition-base);background:#fff;border:1px solid #cbd5e1;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 40px -10px #0f172a1f,0 0 1px #0000001a}.work-card:hover .browser-mockup-frame{transform:translateY(-3px);box-shadow:0 25px 50px -10px #0f172a2e}.browser-mockup-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.browser-dot{border-radius:50%;width:8px;height:8px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.browser-url-bar{color:#64748b;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e2e8f0;border-radius:5px;flex:1;align-items:center;height:20px;margin-left:8px;padding:0 8px;font-family:Space Grotesk,monospace;font-size:10.5px;display:flex;overflow:hidden}.browser-mockup-body{background:#fff;flex:1;justify-content:center;align-items:flex-start;width:100%;height:calc(100% - 34px);display:flex;position:relative;overflow:hidden}.mockup-image{object-fit:contain;object-position:top center;width:100%;max-width:100%;height:100%;max-height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.work-card:hover .mockup-image{transform:scale(1.02)}.mockup-placeholder{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);width:100%;height:100%}@media (width<=1280px){.browser-mockup-frame{max-height:340px}}@media (width<=1024px){.projects-cards-container{width:92%;max-width:760px}.work-card{height:auto;min-height:440px}.work-card-left{padding:2rem}}@media (width<=768px){.projects-cards-container{width:90%;max-width:440px}.work-card{border-radius:20px;flex-direction:column-reverse;height:520px;min-height:520px;max-height:calc(100dvh - 110px);margin-top:.5rem;margin-bottom:2rem;background:#fff!important}.work-card.no-link{height:520px;min-height:520px}.work-card-right{border-bottom:1px solid #e2e8f0;border-left:none;flex:none;justify-content:center;width:100%;height:auto;min-height:0;padding:14px 14px 0;display:flex}.browser-mockup-frame{border-radius:12px;width:100%;height:auto;max-height:none}.browser-mockup-header{height:30px;padding:0 10px}.browser-mockup-body{aspect-ratio:16/11;background:#f8fafc;justify-content:center;align-items:flex-start;width:100%;height:auto;display:flex}.mockup-image{object-fit:contain;object-position:top center;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:100%;height:100%}.work-card-left{flex-direction:column;flex:1;justify-content:space-between;width:100%;padding:1.25rem 1.25rem 1.5rem;display:flex;overflow:hidden}.project-title{margin-bottom:.35rem;font-size:clamp(20px,5.5vw,24px)}.project-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.work-card-stats{gap:1rem;margin-bottom:.75rem;padding:.5rem .85rem}.stat-pill-value{font-size:1.2rem}.stat-pill-label{font-size:.65rem}.project-action-row{align-items:center;min-height:36px;margin-top:.25rem;display:flex}.project-action-placeholder{visibility:hidden;width:100%;height:36px}.project-external-link{align-items:center;gap:.5rem;padding:.5rem 1.15rem;font-size:12.5px;font-weight:700;display:inline-flex}}@media (width<=480px){.projects-cards-container{width:90%;max-width:360px}.work-card,.work-card.no-link{height:500px;min-height:500px}.work-card-right{padding:10px 10px 0}.browser-mockup-body{aspect-ratio:16/11}.work-card-left{padding:1rem 1rem 1.25rem}}.testimonials-section{padding:var(--section-padding-y) 0;z-index:10;background-color:#f5f5f5;position:relative;overflow:hidden}.carousel-container{align-items:center;max-width:800px;height:auto;min-height:400px;margin:4rem auto 6rem;display:grid;position:relative}.testimonial-card{grid-area:1/1;width:100%;max-width:1600px;padding:0 3rem}.testimonials-header{margin-bottom:var(--section-header-mb);text-align:center;flex-direction:column;align-items:center;display:flex}.testimonials-subtitle{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.testimonials-subtitle p{letter-spacing:.2em;color:#1f2937;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.testimonials-title{color:#000;letter-spacing:-.025em;font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.1}.testimonials-marquee{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.testimonials-marquee:before,.testimonials-marquee:after{content:"";z-index:2;pointer-events:none;width:150px;height:100%;position:absolute;top:0}.testimonials-marquee:before{background:linear-gradient(90deg,#f5f5f5,#0000);left:0}.testimonials-marquee:after{background:linear-gradient(270deg,#f5f5f5,#0000);right:0}.testimonials-track{will-change:transform;backface-visibility:hidden;gap:2rem;width:max-content;padding:0 1rem;animation:35s linear infinite scrollTestimonials;display:flex;transform:translate(0,0)}@media (hover:hover){.testimonials-track:hover{animation-play-state:paused}}.testimonials-track.is-paused{animation-play-state:paused!important}@keyframes scrollTestimonials{0%{transform:translate(0,0)}to{transform:translate(calc(-25% - .5rem))}}.testimonial-card{white-space:normal;background:#fff;border:1px solid #0000000d;border-radius:12px;flex-direction:column;flex-shrink:0;width:clamp(280px,85vw,450px);padding:3rem 2rem;display:flex;box-shadow:0 10px 25px -5px #0000000d}.testimonial-icon{color:#00e5ff;margin-bottom:1.5rem;font-size:2rem}.testimonial-content{color:#4b5563;flex:1;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.testimonial-author{align-items:center;gap:1rem;display:flex}.testimonial-avatar{color:#374151;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.author-info h4{color:#000;font-size:1rem;font-weight:700}.author-info p{color:#6b7280;font-size:.875rem}@media (width<=768px){.testimonial-card{padding:2.5rem 1.5rem}.testimonial-text{font-size:1.1rem}.carousel-container{height:auto;min-height:450px}}.roadmap-section{color:#fff;width:100%;padding:var(--section-padding-y) var(--section-padding-x);z-index:10;background-color:#0a0a0a;justify-content:center;align-items:center;display:flex;position:relative}.roadmap-container{flex-direction:column;width:100%;max-width:1400px;display:flex}.roadmap-header-section{margin-bottom:var(--section-header-mb)}.roadmap-header-label{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.roadmap-header-label .dot{background-color:#00e5ff;border-radius:9999px;width:12px;height:6px}.roadmap-header-label p{letter-spacing:.2em;color:#9ca3af;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:700}.roadmap-header-section h2{letter-spacing:-.025em;margin:0;font-size:clamp(32px,3.5vw,48px);font-weight:700;line-height:1.1}.bento-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(280px,auto)}}.bento-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth);opacity:1;background:linear-gradient(145deg,#ffffff05 0%,#fff0 100%);border:1px solid #ffffff05;border-radius:24px;position:relative;overflow:hidden;transform:scale(1);box-shadow:0 10px 30px #0000001a}@media (hover:hover){.bento-item{opacity:.4;transform:scale(.95)}.bento-item:hover{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff0d 0%,#ffffff03 100%);border-color:#00e5ff66;transform:scale(1);box-shadow:0 15px 50px #00e5ff1a}.bento-item:hover .bento-glow{opacity:1;transform:scale(1.2)}.bento-item:hover .bento-num{opacity:.06;color:#00e5ff}}.bento-card-inner{z-index:2;box-sizing:border-box;flex-direction:column;justify-content:flex-start;height:100%;padding:clamp(1.5rem,5vw,2.5rem) clamp(1.5rem,6vw,3rem);display:flex;position:relative}.bento-card-top{margin-bottom:2rem}.bento-phase{color:#00e5ff;letter-spacing:.15em;text-transform:uppercase;font-size:.85rem;font-weight:700}.roadmap-content{border-radius:20px;height:auto;min-height:calc(100% - 70px);padding:clamp(1.25rem,4vw,2rem)}.roadmap-year{color:var(--color-primary);margin-bottom:1rem;font-size:.75rem;font-weight:800;display:block}.bento-card-content h3{z-index:2;margin:0 0 1.5rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;position:relative}.bento-list{z-index:2;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.bento-list li{color:#d1d5db;align-items:center;gap:1rem;font-size:1.05rem;display:flex}.bento-list li:before{content:"";background-color:#00e5ff;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 10px #00e5ff}.bento-glow{z-index:1;pointer-events:none;opacity:0;width:400px;height:400px;transition:var(--transition-smooth);background:radial-gradient(circle,#00e5ff14 0%,#0000 70%);border-radius:50%;position:absolute;bottom:-100px;right:-100px}.contact-section{width:100%;padding:var(--section-padding-y) 0;color:#fff;z-index:10;background:radial-gradient(circle at 30%,#00e5ff14 0%,#0a0a0a 60%);justify-content:center;display:flex;position:relative;overflow:hidden}.contact-container{width:100%;max-width:800px;padding:0 var(--section-padding-x);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:relative}.contact-right{flex:1;width:100%}.contact-cta p{letter-spacing:.25em;color:#fff;word-break:break-all;overflow-wrap:anywhere;font-size:14px;font-weight:700;display:block}.form-card{padding:clamp(1.5rem,5vw,4rem)!important}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;display:flex;position:relative}.error-message{color:#ff4d4f;margin-top:.5rem;margin-left:.5rem;font-size:13px;font-weight:500;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group input,.form-group textarea{color:#fff;width:100%;transition:var(--transition-fast);box-sizing:border-box;background:#0003;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem 1.5rem;font-family:inherit;font-size:16px}.form-group input.error-input,.form-group textarea.error-input{background:#ff4d4f0d;border-color:#ff4d4f}.form-group textarea{resize:vertical;min-height:120px}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus{background:#0006;border-color:#00e5ff80;outline:none;box-shadow:0 0 15px #00e5ff1a}.contact-submit-btn{color:#fff;cursor:pointer;transition:var(--transition-fast);background:linear-gradient(90deg,#00e5ff 0%,#07f 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:1.25rem 2.5rem;font-size:16px;font-weight:700;display:flex;box-shadow:0 10px 20px -10px #00e5ff80}.contact-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 25px -10px #00e5ff99}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=1024px){.contact-container{flex-direction:column;align-items:flex-start;gap:4rem}.contact-right{max-width:100%;padding:clamp(1.5rem,5vw,2.5rem)}}@media (width<=768px){.contact-heading{font-size:clamp(36px,8vw,48px)}}.footer-section{color:#fff;width:100%;padding:var(--section-padding-y) 0 clamp(1.5rem, 4vw, 3rem);z-index:10;background:radial-gradient(circle at 50% 0,#00e5ff0d 0%,#050505 70%);border-top:1px solid #ffffff0d;justify-content:center;display:flex;position:relative;box-shadow:inset 0 10px 30px -10px #00e5ff0d}.footer-container{width:100%;max-width:1400px;padding:0 var(--section-padding-x)}.footer-grid{grid-template-columns:repeat(4,1fr);gap:clamp(2rem,5vw,4rem);margin-bottom:clamp(3rem,8vw,6rem);display:grid}.footer-col{flex-direction:column;gap:1.25rem;display:flex}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:15px;font-weight:800;display:flex}.footer-desc{color:var(--color-text-dim);width:100%;max-width:320px;margin-bottom:2rem}.social-links{align-items:center;gap:.75rem;width:fit-content;display:flex}.footer-icon{color:#00e5ff;flex-shrink:0;font-size:18px}.footer-arrow{color:#00e5ff;opacity:0;transition:var(--transition-base);font-size:18px;transform:translate(-10px)}.footer-col a,.footer-contact-link{color:#ffffffb3;transition:all var(--transition-base);align-items:center;gap:.75rem;font-size:15px;line-height:1;text-decoration:none;display:flex}.footer-col a span,.footer-contact-link span{align-items:center;display:inline-flex;transform:translateY(1px)}.footer-col a:hover{color:#fff;transform:translate(5px)}.footer-col a:hover .footer-arrow{opacity:1;transform:translate(0)}.footer-socials{flex-direction:column;gap:1rem;display:flex}.footer-bottom{color:#fff6;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:2.5rem;font-size:14px;display:flex}.footer-legal{gap:2rem;display:flex}.footer-legal a{color:#fff6;transition:color var(--transition-fast)}.footer-legal a:hover{color:#00e5ff;transform:none}@media (width<=1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-bottom{text-align:center;flex-direction:column;gap:1.5rem}}.app-wrapper{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.marquee-container{background:var(--color-bg-card);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.8rem 0;display:flex;overflow:hidden}.marquee-content{gap:clamp(2rem,5vw,5rem);padding-right:clamp(2rem,5vw,5rem);display:flex}.marquee-item{color:var(--color-primary);opacity:.75;text-transform:uppercase;letter-spacing:.25em;cursor:default;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;line-height:1}.cta-card{text-align:center;cursor:pointer;box-sizing:border-box;width:100%;background:linear-gradient(135deg,#0ea5e91a,#06b6d41a)!important;padding:clamp(1.5rem,5vw,5rem)!important}.cta-card h2{margin-bottom:clamp(1rem,2vw,1.5rem);font-size:clamp(1.5rem,4vw,2.5rem)}.cta-card p{color:var(--color-text-dim);margin-bottom:clamp(1.5rem,3vw,3rem);font-size:clamp(.9rem,1.5vw,1.25rem)}.scroll-top{z-index:100;color:#fff;border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}@media (width<=768px){.cta-card{padding:clamp(1.5rem,5vw,2.5rem)!important}}@media (width<=480px){.cta-card{padding:clamp(1rem,4vw,2rem)!important}}
