*{margin:0;padding:0;box-sizing:border-box}body{background:#080e1e;color:#eef2f7;font-family:Plus Jakarta Sans,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;scroll-behavior:smooth}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif}::selection{background:rgba(42,154,164,.35)}a{text-decoration:none;color:inherit;transition:color .2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradient1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8%,-12%) scale(1.08)}66%{transform:translate(-6%,8%) scale(.95)}}@keyframes gradient2{0%,to{transform:translate(0) scale(1.1)}50%{transform:translate(-12%,8%) scale(.92)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes wordSlide{0%{opacity:0;transform:translateY(100%)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes logoLoad{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.fade-up{animation:fadeUp .8s ease both}.fd1{animation:fadeUp .8s ease .15s both;opacity:0}.fd2{animation:fadeUp .8s ease .3s both;opacity:0}.fd3{animation:fadeUp .8s ease .45s both;opacity:0}.fd4{animation:fadeUp .8s ease .6s both;opacity:0}.glass{background:linear-gradient(145deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.015));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.07);transition:all .5s cubic-bezier(.16,1,.3,1)}.glass:hover{border-color:hsla(0,0%,100%,.14);transform:translateY(-6px);box-shadow:0 24px 48px -12px rgba(0,0,0,.4)}.glass-subtle{background:hsla(0,0%,100%,.025);border:1px solid hsla(0,0%,100%,.05);transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-subtle:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1);transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,#2a9aa4,#1e7a82);color:#fff;padding:15px 36px;border-radius:100px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .35s;border:none;cursor:pointer;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(42,154,164,.25)}.btn-primary:hover{box-shadow:0 12px 32px rgba(42,154,164,.35);transform:translateY(-2px)}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12),transparent);transition:left .6s}.btn-primary:hover:after{left:100%}.btn-outline{border:1px solid hsla(0,0%,100%,.15);color:#fff;padding:15px 36px;border-radius:100px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .3s;background:transparent;font-family:inherit;cursor:pointer}.btn-outline:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.25)}.marquee-track{animation:marquee 35s linear infinite;display:flex;gap:14px;width:max-content}.marquee-track:hover{animation-play-state:paused}.chip{padding:9px 20px;border-radius:100px;font-size:13px;font-weight:500;white-space:nowrap;background:hsla(0,0%,100%,.035);border:1px solid hsla(0,0%,100%,.07);color:#8fa4b8;transition:all .3s}.chip:hover{background:rgba(42,154,164,.08);border-color:rgba(42,154,164,.25);color:#3ec4d0}.browser-frame{border-radius:16px;overflow:hidden;background:#0c1424;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 30px 60px -15px rgba(0,0,0,.4)}.browser-bar{padding:11px 18px;background:hsla(0,0%,100%,.02);border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;gap:14px}.browser-dots{display:flex;gap:7px}.browser-dot{width:12px;height:12px;border-radius:50%}.browser-url{flex:1 1;background:hsla(0,0%,100%,.045);border-radius:8px;padding:6px 16px;font-size:12px;color:#6b7f94;font-family:JetBrains Mono,monospace}.section-label{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#2a9aa4;display:flex;align-items:center;gap:14px;margin-bottom:20px}.section-label:before{content:"";width:28px;height:1.5px;background:linear-gradient(90deg,#2a9aa4,transparent)}.nav-link{color:#7b8fa3;font-size:14px;font-weight:500;position:relative;padding:4px 0}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#2a9aa4;border-radius:1px;transition:width .3s ease}.nav-link:hover{color:#eef2f7}.nav-link:hover:after{width:100%}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:50px;height:2px;background:linear-gradient(90deg,transparent,#2a9aa4,transparent);opacity:.6}.project-section{position:relative}.project-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080e1e,#0d1a2e 30%,#0d1a2e 70%,#080e1e);z-index:-1}.word-rotator{display:inline-block;height:1.1em;overflow:hidden;vertical-align:bottom}.word-rotator span{display:block;animation:wordSlide 3s ease-in-out infinite;background:linear-gradient(135deg,#2a9aa4,#3ec4d0,#4abe82);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wa-float{position:fixed;bottom:28px;right:28px;z-index:99;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.3);transition:all .3s;cursor:pointer;border:none;font-size:28px}.wa-float:hover{transform:scale(1.1);box-shadow:0 8px 30px rgba(37,211,102,.4)}.back-top{position:fixed;bottom:28px;right:96px;z-index:99;width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;opacity:0;pointer-events:none;color:#8fa4b8;font-size:18px}.back-top.show{opacity:1;pointer-events:auto}.back-top:hover{background:rgba(42,154,164,.15);border-color:rgba(42,154,164,.3)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.hamburger span{width:24px;height:2px;background:#eef2f7;transition:all .3s;border-radius:1px}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;inset:0;background:rgba(8,14,30,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:98;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;pointer-events:none;transition:opacity .3s}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu a{font-size:24px;font-weight:600;color:#eef2f7}.accordion-item{border:1px solid hsla(0,0%,100%,.06);border-radius:14px;margin-bottom:10px;overflow:hidden;background:hsla(0,0%,100%,.02)}.accordion-head{padding:20px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15px;transition:background .2s}.accordion-head:hover{background:hsla(0,0%,100%,.03)}.accordion-body{padding:0 24px 20px;font-size:14px;color:#6b7f94;line-height:1.8;display:none}.accordion-item.open .accordion-body{display:block}.accordion-item.open .accordion-head .arrow{transform:rotate(180deg)}.arrow{transition:transform .3s;font-size:12px;color:#6b7f94}.process-step{gap:24px;margin-bottom:40px}.process-step,.step-num{display:flex;position:relative}.step-num{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2a9aa4,#1e7a82);align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0;z-index:2}.step-line{position:absolute;left:23px;top:48px;width:2px;height:calc(100% - 8px);background:rgba(42,154,164,.15)}@media(max-width:768px){.responsive-grid-4{grid-template-columns:1fr 1fr!important}.project-layout,.responsive-grid-2,.responsive-grid-3{grid-template-columns:1fr!important}.hero-title{font-size:2.5rem!important}.hide-mobile{display:none!important}.footer-grid{grid-template-columns:1fr!important;gap:32px!important}.nav-links{display:none!important}.hamburger{display:flex!important}}