:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-elevated: #ffffff;--bg-dark: #0f172a;--bg-dark-lighter: #1e293b;--accent: #2563eb;--accent-light: #3b82f6;--accent-lighter: #60a5fa;--accent-dark: #1d4ed8;--accent-glow: rgba(37, 99, 235, .08);--accent-glow-strong: rgba(37, 99, 235, .15);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-white: #ffffff;--border: rgba(15, 23, 42, .06);--border-hover: rgba(37, 99, 235, .2);--border-accent: rgba(37, 99, 235, .4);--border-strong: rgba(15, 23, 42, .1);--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.08);--shadow-xl: 0 20px 60px rgba(0,0,0,.1);--shadow-accent: 0 8px 32px rgba(37, 99, 235, .18);--shadow-accent-lg: 0 16px 48px rgba(37, 99, 235, .22);--success: #16a34a;--error: #dc2626;--font-primary: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--container: 1200px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .2s var(--ease-out);--transition-base: .4s var(--ease-out);--transition-slow: .6s var(--ease-out);--navbar-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);overflow-x:hidden;width:100%}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;width:100%;max-width:100vw}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}::selection{background:var(--accent);color:#fff}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:120px 0;position:relative}.section__label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:16px;padding:6px 18px;background:var(--accent-glow);border:1px solid rgba(37,99,235,.12);border-radius:100px}.section__title{font-family:var(--font-display);font-size:clamp(32px,5vw,54px);font-weight:700;line-height:1.05;letter-spacing:-.035em;margin-bottom:20px;color:var(--text-primary)}.section__header{text-align:center;max-width:640px;margin:0 auto 72px}.section__desc{font-size:17px;color:var(--text-secondary);line-height:1.75}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-lighter) 50%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent{color:var(--accent)}.hide-mobile{display:inline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;position:relative;overflow:hidden}.btn__icon{width:18px;height:18px;transition:transform var(--transition-fast)}.btn__icon--left{width:18px;height:18px}.btn:hover .btn__icon{transform:translate(4px)}.btn--primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:var(--shadow-accent)}.btn--primary:hover{background:var(--accent-dark);box-shadow:var(--shadow-accent-lg);transform:translateY(-2px)}.btn--glow:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#2563eb4d,#818cf84d);z-index:-1;filter:blur(20px);opacity:0;transition:opacity var(--transition-base)}.btn--glow:hover:after{opacity:1}.btn--outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-strong)}.btn--outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow);box-shadow:var(--shadow-accent)}.btn--ghost{background:#ffffffe6;color:var(--text-primary);border:1.5px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn--ghost:hover{background:#fff;border-color:#fff9;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--hero-outline{background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn--hero-outline:hover{background:#fff3;border-color:#fff9;transform:translateY(-2px)}.btn--sm{padding:8px 20px;font-size:14px}.btn--md{padding:12px 28px;font-size:15px}.btn--lg{padding:14px 32px;font-size:16px}.btn--xl{padding:18px 40px;font-size:16px}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#fff}.preloader.hidden{animation:preloaderExit 1s var(--ease-out) forwards}@keyframes preloaderExit{0%{opacity:1}40%{opacity:1}to{opacity:0;visibility:hidden;pointer-events:none}}.preloader__inner{text-align:center}.preloader__bolt-wrap{position:relative;width:80px;height:80px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center}.preloader__bolt{width:36px;height:36px;color:var(--accent);filter:drop-shadow(0 0 20px rgba(37,99,235,.5));animation:boltPulse 1.5s ease-in-out infinite}.preloader__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent);border-right-color:var(--accent-light);animation:ringSpin 1s linear infinite}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes boltPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 30px rgba(37,99,235,.7))}}.preloader__text{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:10px;color:var(--text-primary);margin-bottom:24px}.preloader__bar{width:200px;height:2px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin:0 auto 16px}.preloader__bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-lighter));border-radius:2px;animation:barFill 1.5s var(--ease-out) forwards;box-shadow:0 0 10px #2563eb66}@keyframes barFill{0%{width:0}to{width:100%}}.preloader__tagline{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);animation:fadeIn .5s ease .3s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--navbar-height);display:flex;align-items:center;transition:all var(--transition-base);background:transparent}.navbar--hero-context .navbar__link{color:#ffffffb3}.navbar--hero-context .navbar__link:hover,.navbar--hero-context .navbar__link.active,.navbar--hero-context .navbar__logo-text{color:#fff}.navbar--hero-context .navbar__logo-bolt{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.navbar--hero-context .navbar__burger span{background:#fff}.navbar.scrolled{background:#ffffffeb;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 1px 20px #0000000f}.navbar.scrolled .navbar__link{color:var(--text-secondary)}.navbar.scrolled .navbar__link:hover,.navbar.scrolled .navbar__link.active,.navbar.scrolled .navbar__logo-text{color:var(--text-primary)}.navbar.scrolled .navbar__logo-bolt{color:var(--accent);filter:drop-shadow(0 0 8px rgba(37,99,235,.4))}.navbar.scrolled .navbar__burger span{background:var(--text-primary)}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:12px;z-index:10}.navbar__logo-bolt{transition:filter var(--transition-fast),color var(--transition-fast)}.navbar__logo-img{width:36px;height:36px;object-fit:contain;display:block;filter:drop-shadow(0 2px 6px rgba(37,99,235,.25));transition:transform var(--transition-fast),filter var(--transition-fast)}.navbar__logo:hover .navbar__logo-img{transform:rotate(-6deg) scale(1.05)}.navbar--hero-context .navbar__logo-img{filter:drop-shadow(0 2px 8px rgba(255,255,255,.18)) brightness(1.1)}.navbar.scrolled .navbar__logo-img{filter:drop-shadow(0 2px 8px rgba(37,99,235,.35))}.navbar__logo-text{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:4px;transition:color var(--transition-fast)}.navbar__nav{display:flex;align-items:center;gap:8px}.navbar__link{font-size:14px;font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative}.navbar__link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--accent);border-radius:2px}.navbar__actions{display:flex;align-items:center;gap:16px}.navbar__burger{display:none;flex-direction:column;justify-content:center;gap:6px;width:32px;height:32px;z-index:10}.navbar__burger span{display:block;width:100%;height:2px;border-radius:2px;transition:all .3s var(--ease-out);transform-origin:center}.navbar__burger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar__burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__burger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#fffffff7;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-base)}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu__inner{text-align:center;width:100%;padding:0 32px}.mobile-menu__nav{display:flex;flex-direction:column;gap:8px;margin-bottom:40px}.mobile-menu__link{font-size:28px;font-weight:700;color:var(--text-secondary);padding:12px 0;transition:all .4s var(--ease-out);transform:translateY(30px);opacity:0}.mobile-menu.active .mobile-menu__link{transform:translateY(0);opacity:1}.mobile-menu.active .mobile-menu__link:nth-child(1){transition-delay:.1s}.mobile-menu.active .mobile-menu__link:nth-child(2){transition-delay:.15s}.mobile-menu.active .mobile-menu__link:nth-child(3){transition-delay:.2s}.mobile-menu.active .mobile-menu__link:nth-child(4){transition-delay:.25s}.mobile-menu.active .mobile-menu__link:nth-child(5){transition-delay:.3s}.mobile-menu__link:hover{color:var(--accent)}.mobile-menu__cta{transform:translateY(30px);opacity:0;transition:all .4s var(--ease-out);width:100%;max-width:300px}.mobile-menu.active .mobile-menu__cta{transform:translateY(0);opacity:1;transition-delay:.4s}.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px 0 80px;color:#fff;background-color:#0b1220}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0b1220;background-image:url(/hero/hero-bg.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;transform:scale(1.05);animation:heroBgZoom 24s ease-in-out infinite alternate;will-change:transform}@keyframes heroBgZoom{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.12) translate(-1.5%,-1%)}}.hero__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 65% at 50% 50%,rgba(8,14,28,.82) 0%,rgba(8,14,28,.55) 45%,transparent 75%),linear-gradient(180deg,#080e1c73,#080e1c4d 35%,#080e1cc7),linear-gradient(135deg,rgba(37,99,235,.1) 0%,transparent 45%,rgba(99,102,241,.1) 100%)}.hero__bg-overlay:after{content:none}.hero__grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 80%);z-index:1}.hero__particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.hero__electric-lines{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.electric-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.6),transparent);opacity:0;animation:electricShoot 6s ease-in-out infinite}.electric-line--1{top:25%;left:-10%;width:120%;animation-delay:0s}.electric-line--2{top:55%;left:-10%;width:120%;animation-delay:2s}.electric-line--3{top:80%;left:-10%;width:120%;animation-delay:4s}@keyframes electricShoot{0%{opacity:0;transform:translate(-100%) scaleX(.3)}10%{opacity:.7}20%{opacity:0;transform:translate(100%) scaleX(.3)}to{opacity:0}}.hero__content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.hero__badge{display:inline-flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:8px 22px;font-size:13px;font-weight:500;color:#ffffffe6;margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.hero__badge-pulse{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:badgePulse 2s ease-in-out infinite;flex-shrink:0}.hero__badge-pulse:after{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;border:1px solid #22c55e;animation:badgePulseRing 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes badgePulseRing{0%{transform:translateY(-50%) scale(1);opacity:1}to{transform:translateY(-50%) scale(2.5);opacity:0}}.hero__title{font-family:var(--font-display);font-size:clamp(38px,7.2vw,86px);font-weight:700;line-height:1.02;letter-spacing:-.045em;margin-bottom:24px;color:#fff}.hero__title-line{display:block}.hero__title .gradient-text{background:linear-gradient(135deg,#60a5fa,#93c5fd,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:clamp(15px,2vw,19px);color:#ffffffb3;line-height:1.75;max-width:680px;margin:0 auto 44px}.hero__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:72px}.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:32px 40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero__stat{text-align:center}.hero__stat-number{font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#fff}.hero__stat-number .accent{color:var(--accent-lighter)}.hero__stat-label{font-size:13px;color:#ffffff80;margin-top:4px}.hero__scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:2}.hero__scroll-btn{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff6;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;transition:color var(--transition-fast)}.hero__scroll-btn:hover{color:#fffc}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.trust-bar{padding:0;border-bottom:1px solid var(--border);background:var(--bg-secondary);overflow:hidden;position:relative}.trust-bar__label-wrap{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;padding:0 32px;background:linear-gradient(90deg,var(--bg-secondary) 70%,transparent 100%);z-index:2}.trust-bar__label{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.marquee{display:flex;overflow:hidden;padding:36px 0}.marquee__track{display:flex;align-items:center;gap:64px;flex-shrink:0;padding-right:64px;animation:marqueeScroll 40s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__logo{height:60px;width:auto;object-fit:contain;flex-shrink:0;opacity:.55;filter:grayscale(100%);transition:opacity .3s ease,filter .3s ease}.marquee__logo:hover{opacity:1;filter:grayscale(0%)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.about{background:var(--bg-primary)}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about__visual-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:64px 40px;text-align:center;position:relative;overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.about__visual-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.about__visual-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.about__visual-icon{color:var(--accent);margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(37,99,235,.3));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.about__visual-number{display:block;font-size:96px;font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,var(--text-primary) 0%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about__visual-text{font-size:16px;color:var(--text-secondary);margin-top:8px;font-weight:500}.about__visual-lines{display:flex;justify-content:center;gap:8px;margin-top:32px}.about__visual-line{width:40px;height:3px;border-radius:3px;background:var(--accent);opacity:.2}.about__visual-line:nth-child(2){opacity:.5}.about__visual-line:nth-child(3){opacity:1}.about__text{font-size:16px;color:var(--text-secondary);line-height:1.85;margin-bottom:16px}.about__text strong{color:var(--text-primary);font-weight:700}.about__highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.about__highlight{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.about__highlight i{width:18px;height:18px;color:var(--accent);flex-shrink:0}.about__highlight:hover{border-color:var(--border-hover);background:var(--bg-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.services{background:var(--bg-secondary)}.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 28px;transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.service-card__glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(37,99,235,.05),transparent 50%);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.service-card:hover .service-card__glow{opacity:1}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-lighter));opacity:0;transition:opacity var(--transition-base);border-radius:3px 3px 0 0}.service-card:hover{transform:translateY(-8px);border-color:var(--border-hover);box-shadow:var(--shadow-xl),0 0 0 1px var(--border-hover)}.service-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border:1px solid rgba(37,99,235,.1);border-radius:var(--radius-md);color:var(--accent);margin-bottom:20px;transition:all var(--transition-fast)}.service-card:hover .service-card__icon{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent);transform:scale(1.05)}.service-card__icon i{width:24px;height:24px}.service-card__number{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent);opacity:.4;margin-bottom:12px}.service-card__title{font-size:19px;font-weight:700;margin-bottom:12px;line-height:1.3;color:var(--text-primary)}.service-card__desc{font-size:14px;color:var(--text-secondary);line-height:1.75;margin-bottom:20px}.service-card__list{display:flex;flex-direction:column;gap:8px}.service-card__list li{font-size:13px;color:var(--text-muted);padding-left:20px;position:relative;transition:color var(--transition-fast)}.service-card:hover .service-card__list li{color:var(--text-secondary)}.service-card__list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.35;transition:all var(--transition-fast)}.service-card:hover .service-card__list li:before{opacity:1;box-shadow:0 0 8px #2563eb66}.why-us{background:radial-gradient(ellipse 60% 80% at 100% 0%,rgba(37,99,235,.04) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 0% 100%,rgba(99,102,241,.04) 0%,transparent 55%),var(--bg-primary)}.why-us__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:why}.why-card{--card-accent: 37, 99, 235;counter-increment:why;padding:44px 34px 40px;background:linear-gradient(180deg,#fff,#fafbfd);border:1px solid var(--border);border-radius:22px;text-align:left;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 12px 24px -16px #0f172a0f;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .45s var(--ease-out);isolation:isolate}.why-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,rgba(var(--card-accent),.08) 0%,transparent 55%);opacity:0;transition:opacity .45s var(--ease-out);z-index:-1}.why-card:after{content:counter(why,decimal-leading-zero);position:absolute;top:22px;right:26px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;color:rgba(var(--card-accent),.9);opacity:.25;transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.why-card:hover{transform:translateY(-8px);border-color:rgba(var(--card-accent),.28);box-shadow:0 28px 56px -20px rgba(var(--card-accent),.22),0 12px 24px -16px #0f172a14}.why-card:hover:before{opacity:1}.why-card:hover:after{opacity:1;transform:translateY(-2px)}.why-card__edge{position:absolute;top:50%;left:0;width:3px;height:0;background:linear-gradient(180deg,rgb(var(--card-accent)),#818cf8);border-radius:0 3px 3px 0;transform:translateY(-50%);transition:height .5s var(--ease-out)}.why-card:hover .why-card__edge{height:72%}.why-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--card-accent),.1),#6366f10f);border:1px solid rgba(var(--card-accent),.15);border-radius:16px;color:rgb(var(--card-accent));margin-bottom:26px;transition:transform .45s var(--ease-out),background .45s var(--ease-out),color .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .45s var(--ease-out)}.why-card:hover .why-card__icon{background:linear-gradient(135deg,rgb(var(--card-accent)),#6366f1);color:#fff;transform:translateY(-2px) rotate(-4deg);box-shadow:0 14px 28px -10px rgba(var(--card-accent),.55);border-color:transparent}.why-card__icon i{width:26px;height:26px;stroke-width:2}.why-card h3{font-size:19px;font-weight:700;margin-bottom:12px;letter-spacing:-.01em;color:var(--text-primary)}.why-card p{font-size:14.5px;color:var(--text-secondary);line-height:1.72}.why-card:nth-child(2){--card-accent: 99, 102, 241}.why-card:nth-child(3){--card-accent: 14, 165, 233}.why-card:nth-child(4){--card-accent: 16, 185, 129}.why-card:nth-child(5){--card-accent: 245, 158, 11}.why-card:nth-child(6){--card-accent: 236, 72, 153}.portfolio{background:var(--bg-secondary)}.portfolio__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:24px;grid-auto-rows:auto}.portfolio__grid--compact{max-width:1000px;margin-left:auto;margin-right:auto}.portfolio__item{position:relative;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.portfolio__item:hover{box-shadow:var(--shadow-xl),0 0 0 2px var(--accent);transform:translateY(-6px)}.portfolio__item--featured{grid-column:span 2}.portfolio__item-img{width:100%;aspect-ratio:16 / 10;overflow:hidden;position:relative}.portfolio__item-img img{width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .7s var(--ease-out),filter .7s var(--ease-out)}.portfolio__item:hover .portfolio__item-img img{transform:scale(1.03);filter:brightness(.4)}.portfolio__item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;background:linear-gradient(to top,rgba(15,23,42,.95) 0%,rgba(15,23,42,.4) 40%,transparent 70%);opacity:0;transform:translateY(10px);transition:all .5s var(--ease-out);color:#fff}.portfolio__item:hover .portfolio__item-overlay{opacity:1;transform:translateY(0)}.portfolio__item-tag{display:inline-flex;align-self:flex-start;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--accent-lighter);background:#2563eb33;border:1px solid rgba(96,165,250,.3);padding:5px 14px;border-radius:100px;margin-bottom:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portfolio__item-overlay h3{font-size:20px;font-weight:700;margin-bottom:6px;line-height:1.3;color:#fff}.portfolio__item-overlay p{font-size:14px;color:#ffffffb3;line-height:1.5}.portfolio__cta{text-align:center;margin-top:56px}.portfolio__cta p{font-size:15px;color:var(--text-muted);margin-bottom:20px}.cta-section{padding:0;background:var(--bg-dark);color:#fff}.cta-block{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:80px 60px;overflow:hidden}.cta-block__glow{position:absolute;top:-40%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);border-radius:50%;filter:blur(60px);pointer-events:none;animation:glowPulse 6s ease-in-out infinite}.cta-block__glow--2{left:-5%;right:auto;top:auto;bottom:-40%;width:300px;height:300px;background:radial-gradient(circle,rgba(129,140,248,.1) 0%,transparent 70%);animation-delay:3s}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:.8;transform:scale(1.1)}}.cta-block__content{position:relative;z-index:1;flex:1}.cta-block__content h2{font-size:clamp(24px,3vw,40px);font-weight:800;margin-bottom:12px;color:#fff}.cta-block__content h2 .gradient-text{background:linear-gradient(135deg,#60a5fa,#93c5fd,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-block__content p{font-size:16px;color:#fff9;max-width:500px;line-height:1.7}.cta-block__actions{position:relative;z-index:1;display:flex;gap:12px;flex-shrink:0}.contact{background:var(--bg-primary)}.contact__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}.contact__info{display:flex;flex-direction:column;gap:16px}.contact__card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.contact__card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translate(4px)}.contact__card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border:1px solid rgba(37,99,235,.1);border-radius:var(--radius-md);color:var(--accent);flex-shrink:0;transition:all var(--transition-fast)}.contact__card:hover .contact__card-icon{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.contact__card-icon i{width:20px;height:20px}.contact__card h4{font-size:14px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.contact__card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.contact__card a{color:var(--accent);transition:color var(--transition-fast)}.contact__card a:hover{color:var(--accent-dark)}.contact__form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:44px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.contact__form:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:2px}.form__group{margin-bottom:20px}.form__group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.5px}.form__group input,.form__group textarea,.form__group select{width:100%;padding:14px 16px;background:var(--bg-primary);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;transition:all var(--transition-fast);outline:none}.form__group input:focus,.form__group textarea:focus,.form__group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-md)}.form__group input::placeholder,.form__group textarea::placeholder{color:var(--text-muted)}.form__group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.form__group select option{background:var(--bg-primary);color:var(--text-primary)}.form__group textarea{resize:vertical;min-height:120px}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form__submit{width:100%;margin-top:8px}.form__note{text-align:center;font-size:13px;color:var(--text-muted);margin-top:16px}.contact__form.success{display:flex;align-items:center;justify-content:center;min-height:400px}.footer{padding:80px 0 0;background:var(--bg-dark);color:#fff}.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:60px}.footer__brand .navbar__logo-text{color:#fff}.footer__brand .navbar__logo-bolt{color:var(--accent-lighter)}.footer__brand .navbar__logo-img{width:40px;height:40px;filter:drop-shadow(0 2px 12px rgba(96,165,250,.4)) brightness(1.05)}.footer__brand p{font-size:14px;color:#ffffff80;line-height:1.75;margin-top:16px;max-width:300px}.footer__contact p a{color:inherit;transition:color var(--transition-fast)}.footer__contact p a:hover{color:var(--accent-lighter)}.footer__links h4,.footer__contact h4{font-size:14px;font-weight:700;margin-bottom:20px;color:#fff}.footer__links a{display:block;font-size:14px;color:#ffffff80;padding:6px 0;transition:all var(--transition-fast)}.footer__links a:hover{color:var(--accent-lighter);transform:translate(4px)}.footer__contact p{font-size:14px;color:#ffffff80;padding:4px 0;display:flex;align-items:center;gap:8px}.footer__contact p i{color:var(--accent-lighter)}.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding:24px 0;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.footer__bottom p{font-size:13px;color:#ffffff59;margin:0}.footer__credit{font-size:12px;letter-spacing:.02em}.footer__credit a{color:#ffffffa6;font-weight:600;text-decoration:none;background:linear-gradient(90deg,var(--accent-lighter),#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .2s var(--ease-out)}.footer__credit a:hover{opacity:.85;text-decoration:underline;text-decoration-color:var(--accent-lighter)}.footer__company{display:block;margin-top:18px;font-size:13px;font-style:normal;line-height:1.7;color:#ffffff8c;padding:14px 16px;border-left:2px solid rgba(96,165,250,.35);background:#ffffff05;border-radius:0 8px 8px 0}.footer__company strong{color:#ffffffd9;font-weight:600}@media (max-width: 640px){.footer{padding:56px 0 0;overflow-x:hidden}.footer .container{padding:0 16px}.footer__grid{gap:24px}.footer__brand p,.footer__company,.footer__bottom p,.footer__contact p,.footer__links a{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.footer__bottom{padding:20px 0 28px}.footer__bottom p{font-size:12px;line-height:1.5;padding:0 4px}.footer__credit{font-size:11.5px}.footer__company{padding:12px 14px;font-size:12.5px}}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-accent);z-index:99;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-fast)}.back-to-top i{width:20px;height:20px}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:var(--shadow-accent-lg)}[data-animate]{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);will-change:opacity,transform}[data-animate=fade-right]{transform:translate(-50px)}[data-animate=fade-left]{transform:translate(50px)}[data-animate=scale-up]{transform:scale(.92)}[data-animate=fade-down]{transform:translateY(-40px)}[data-animate].animated{opacity:1;transform:translate(0) scale(1)}@media (prefers-reduced-motion: reduce){[data-animate]{opacity:1;transform:none;transition:none}}.no-js [data-animate]{opacity:1;transform:none}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.stagger-children.animated>*:nth-child(1){transition-delay:0ms;opacity:1;transform:translateY(0)}.stagger-children.animated>*:nth-child(2){transition-delay:80ms;opacity:1;transform:translateY(0)}.stagger-children.animated>*:nth-child(3){transition-delay:.16s;opacity:1;transform:translateY(0)}.stagger-children.animated>*:nth-child(4){transition-delay:.24s;opacity:1;transform:translateY(0)}.stagger-children.animated>*:nth-child(5){transition-delay:.32s;opacity:1;transform:translateY(0)}.stagger-children.animated>*:nth-child(6){transition-delay:.4s;opacity:1;transform:translateY(0)}.particle{position:absolute;width:2px;height:2px;background:#60a5facc;border-radius:50%;pointer-events:none;box-shadow:0 0 6px #3b82f699}.tilt-card{transform-style:preserve-3d;perspective:1000px}@media (max-width: 1024px){.services__grid,.why-us__grid{grid-template-columns:repeat(2,1fr)}.footer__grid{grid-template-columns:1fr 1fr;gap:40px}.cta-block{flex-direction:column;text-align:center;padding:64px 40px}.cta-block__content p{margin:0 auto}.cta-block__actions{flex-direction:column;align-items:center}.portfolio__grid{grid-template-columns:repeat(2,1fr)}.portfolio__item--featured{grid-column:span 2}.about__grid{gap:48px}}@media (max-width: 768px){:root{--navbar-height: 64px}.section{padding:72px 0}.section__header{margin-bottom:40px}.section__title{font-size:clamp(26px,6vw,36px)}.section__desc{font-size:15px}.navbar__nav{display:none}.navbar__burger{display:flex}.navbar__actions .btn{display:none}.navbar__logo-text{font-size:18px;letter-spacing:2px}.navbar__logo-img{width:30px;height:30px}.hero{min-height:100dvh;padding:100px 0 40px}.hero__title{font-size:clamp(30px,9vw,48px);margin-bottom:20px}.hero__subtitle{font-size:15px;margin-bottom:32px}.hero__badge{font-size:11px;padding:6px 16px;margin-bottom:24px}.hero__stats{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.hero__stat-number{font-size:26px}.hero__stat-label{font-size:11px}.hero__scroll{display:none}.hero__actions{margin-bottom:48px;gap:12px}.hide-mobile,.trust-bar__label-wrap{display:none}.marquee__logo{height:48px}.marquee__track{gap:48px;padding-right:48px}.about__grid{grid-template-columns:1fr;gap:40px}.about__visual-card{padding:40px 24px}.about__visual-number{font-size:72px}.about__highlights{grid-template-columns:1fr}.about__text{font-size:15px}.services__grid{grid-template-columns:1fr}.service-card{padding:28px 24px}.why-us__grid{grid-template-columns:1fr}.why-card{padding:28px 24px}.portfolio__grid{grid-template-columns:1fr;gap:16px}.portfolio__item--featured{grid-column:span 1}.portfolio__item-overlay{padding:24px;opacity:1;transform:translateY(0)}.portfolio__item .portfolio__item-img img{filter:brightness(.5)}.cta-block{padding:48px 24px}.cta-block__content h2{font-size:24px}.cta-block__content p{font-size:14px;margin:0 auto}.cta-block__actions{flex-direction:column;width:100%}.cta-block__actions .btn{width:100%}.contact__grid{grid-template-columns:1fr;gap:32px}.form__row{grid-template-columns:1fr}.contact__form{padding:24px 20px}.footer{padding:48px 0 0}.footer__grid{grid-template-columns:1fr;gap:28px}.footer__brand p{max-width:100%}.back-to-top{bottom:20px;right:20px;width:44px;height:44px}.mobile-menu__link{font-size:24px}}@media (max-width: 480px){.container{padding:0 16px}.hero__title{font-size:clamp(28px,10vw,40px)}.hero__stats{gap:12px;padding:16px}.hero__stat-number{font-size:22px}.hero__stat-label{font-size:10px}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%}.about__visual-number{font-size:56px}.about__visual-card{padding:32px 20px}.section__label{font-size:11px;padding:5px 12px}.section__title{font-size:24px}.service-card{padding:24px 20px}.service-card__title{font-size:16px}.why-card{padding:24px 20px}.why-card h3{font-size:15px}.portfolio__grid{gap:12px}.contact__form{padding:20px 16px}.form__group input,.form__group textarea,.form__group select{padding:12px 14px;font-size:14px}.btn--lg{padding:12px 24px;font-size:14px}.btn--xl{padding:14px 28px;font-size:14px}.preloader__text{font-size:22px;letter-spacing:8px}.preloader__bolt-wrap{width:60px;height:60px}.preloader__bolt{width:28px;height:28px}.preloader__bolt-img{width:44px;height:44px}}@media (max-width: 360px){.hero__title{font-size:26px}.hero__stat-number{font-size:20px}.section__title{font-size:22px}.about__visual-number{font-size:48px}}@media (hover: none) and (pointer: coarse){.service-card:hover,.why-card:hover,.about__highlight:hover,.contact__card:hover{transform:none}.portfolio__item-overlay{opacity:1;transform:translateY(0)}.portfolio__item .portfolio__item-img img{filter:brightness(.5)}.tilt-card{transform-style:flat;perspective:none}}.hero:after,.cta-section:after,.footer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);background-size:3px 3px;mix-blend-mode:overlay;opacity:.6;z-index:1}.hero,.cta-section,.footer{position:relative}.hero>*:not(.hero__bg),.cta-section>*:not(.cta-section__bg),.footer>*:not(.footer__bg){position:relative;z-index:2}.hero>.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.section__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:600;color:var(--accent);padding:6px 14px}.section__header{margin-bottom:80px}.section__title{position:relative}.section__title .gradient-text{background:linear-gradient(120deg,var(--accent) 0%,var(--accent-lighter) 50%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero__badge{font-family:var(--font-mono)}.btn--primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);box-shadow:0 6px 20px #2563eb47,inset 0 1px #ffffff2e}.btn--primary:hover{box-shadow:0 10px 28px #2563eb66,inset 0 1px #ffffff38;transform:translateY(-2px)}.service-card,.why-card,.contact__card,.about__visual-card{position:relative}.service-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#2563eb2e,#fff0 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.service-card:hover:before{opacity:1}.marquee{position:relative}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:96px;z-index:2;pointer-events:none}.marquee:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent)}.marquee:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent)}body{font-feature-settings:"cv11","ss01","ss03";text-rendering:optimizeLegibility}strong{font-weight:700}.form__note{letter-spacing:.2px}.portfolio-hidden{display:none!important}
