:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#3b82f6;--color-primary-lighter:#60a5fa;--color-secondary:#0f172a;--color-accent:#06b6d4;--color-accent-light:#22d3ee;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-purple:#8b5cf6;--color-pink:#ec4899;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--gradient-primary:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);--gradient-secondary:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);--gradient-dark:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#1e293b 100%);--gradient-light:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);--gradient-hero:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#0c4a6e 100%);--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/.25);--shadow-glow:0 0 40px rgba(37,99,235,.15);--shadow-glow-accent:0 0 40px rgba(6,182,212,.15);--transition-fast:150ms ease;--transition-base:250ms cubic-bezier(.4,0,.2,1);--transition-slow:350ms cubic-bezier(.4,0,.2,1);--transition-bounce:500ms cubic-bezier(.68,-.55,.265,1.55)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-700);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);font-weight:700;line-height:1.2;color:var(--color-gray-900)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin:0 0 var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-24) 0}.grid{display:grid;gap:var(--space-6)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);transition:all var(--transition-base)}.navbar.scrolled{box-shadow:var(--shadow-md)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.navbar-brand img{height:40px;width:auto}.navbar-menu{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;padding:0}.navbar-link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600);transition:color var(--transition-fast);padding:var(--space-2) 0;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--color-primary)}.navbar-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.navbar-link:hover::after,.navbar-link.active::after{width:100%}.navbar-toggle{display:none;background:none;border:0;padding:var(--space-2);cursor:pointer}.navbar-toggle span{display:block;width:24px;height:2px;background:var(--color-gray-700);margin:5px 0;transition:all var(--transition-fast)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(135deg,#0a0f1a 0%,#0f172a 40%,#1e3a5f 100%);overflow:hidden;padding-top:72px}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-bg-elements{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 20s ease-in-out infinite}.hero-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.4) 0%,transparent 70%);top:-200px;right:-100px;animation-delay:0s}.hero-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%);bottom:-100px;left:-100px;animation-delay:-7s}.hero-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%);top:50%;left:30%;animation-delay:-14s}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.hero-content{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero-text{color:var(--color-white)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-3);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);margin-bottom:var(--space-6);animation:fadeInUp .8s ease-out}.hero-badge-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 10px var(--color-success)}.hero-badge-separator{color:rgba(255,255,255,.3)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-6);color:var(--color-white);animation:fadeInUp .8s ease-out .1s backwards}.hero-title-gradient{display:block;background:linear-gradient(135deg,#60a5fa 0%,#06b6d4 50%,#a78bfa 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite}.hero-title span:not(.hero-title-gradient){background:linear-gradient(135deg,var(--color-accent),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--font-size-lg);color:rgba(255,255,255,.7);margin-bottom:var(--space-8);max-width:540px;line-height:1.8;animation:fadeInUp .8s ease-out .2s backwards}.hero .btn-group{animation:fadeInUp .8s ease-out .3s backwards;margin-bottom:var(--space-8)}.btn-glow{position:relative;overflow:hidden}.btn-glow::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnShine 3s ease-in-out infinite}@keyframes btnShine{0%{left:-100%}50%,100%{left:100%}}.hero-trust-badges{display:flex;gap:var(--space-6);flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s backwards}.hero-trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:rgba(255,255,255,.6);transition:color var(--transition-base)}.hero-trust-item:hover{color:rgba(255,255,255,.9)}.hero-trust-item svg{color:var(--color-accent)}.hero-image{position:relative;animation:fadeInRight 1s ease-out .3s backwards}.hero-image-wrapper{position:relative;display:flex;justify-content:center}.hero-image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,rgba(37,99,235,.3) 0%,transparent 70%);filter:blur(60px);z-index:-1}.hero-image img{width:100%;max-width:480px;margin:0 auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.4));animation:heroFloat 6s ease-in-out infinite;position:relative;z-index:2}@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-12px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0deg)}75%{transform:translateY(-12px) rotate(-1deg)}}.hero-floating-card{position:absolute;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);box-shadow:0 20px 40px rgba(0,0,0,.2);z-index:10;animation:cardFloat 4s ease-in-out infinite}.hero-card-1{top:15%;right:-10px;animation-delay:0s}.hero-card-2{bottom:20%;left:-20px;animation-delay:-2s}@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-card-icon{width:44px;height:44px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.hero-card-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.hero-card-content{display:flex;flex-direction:column}.hero-card-value{font-size:var(--font-size-xl);font-weight:800;color:var(--color-gray-900);line-height:1}.hero-card-label{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:2px}.hero-scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:rgba(255,255,255,.5);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;animation:fadeIn 1s ease-out 1s backwards}.hero-scroll-mouse{width:24px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:12px;display:flex;justify-content:center;padding-top:8px}.hero-scroll-wheel{width:4px;height:8px;background:rgba(255,255,255,.5);border-radius:2px;animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}100%{transform:translateY(12px);opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.hero-text{order:2}.hero-image{order:1}.hero-title{font-size:clamp(2rem,6vw,3rem)}.hero-description{margin:0 auto var(--space-8)}.hero .btn-group{justify-content:center}.hero-trust-badges{justify-content:center}.hero-floating-card{display:none}.hero-scroll-indicator{display:none}}@media(max-width:768px){.hero-badge{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}.hero-trust-badges{flex-direction:column;align-items:center;gap:var(--space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-lg);border:0;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:44px}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-white);color:var(--color-gray-900);border:1px solid var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.btn-outline{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.3)}.btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);color:var(--color-white)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-group{display:flex;gap:var(--space-4);flex-wrap:wrap}.stats-bar{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--space-8) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.stat-item{position:relative}.stat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:40px;background:var(--color-gray-200)}.stat-number{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--font-size-sm);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.section-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(6,182,212,.1));border-radius:var(--radius-full)}.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--color-gray-900),var(--color-gray-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:var(--font-size-lg);color:var(--color-gray-500);line-height:1.8}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.service-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.service-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(37,99,235,.03),transparent 70%);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.service-card:hover{border-color:rgba(37,99,235,.2);box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-8px)}.service-card:hover::before{transform:scaleX(1)}.service-card:hover::after{opacity:1}.service-icon{width:72px;height:72px;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);box-shadow:0 8px 20px rgba(37,99,235,.25);transition:all var(--transition-base)}.service-card:hover .service-icon{transform:scale(1.1) rotate(-3deg);box-shadow:0 12px 30px rgba(37,99,235,.35)}.service-icon img{width:32px;height:32px;filter:brightness(0) invert(1)}.service-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3);color:var(--color-gray-900)}.service-description{color:var(--color-gray-500);margin-bottom:var(--space-4);line-height:1.7}.service-link{font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);transition:all var(--transition-base)}.service-link svg{transition:transform var(--transition-base)}.service-link:hover{color:var(--color-primary-dark);gap:var(--space-3)}.service-link:hover svg{transform:translateX(4px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.about-image{position:relative}.about-image img{border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);transition:all var(--transition-slow)}.about-image:hover img{transform:scale(1.02)}.about-image::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;background:var(--gradient-primary);border-radius:var(--radius-2xl);z-index:-1;opacity:.15;transition:all var(--transition-slow)}.about-image:hover::before{opacity:.25;transform:translate(-5px,-5px)}.about-image::after{content:'';position:absolute;top:20px;right:-20px;width:100px;height:100px;background:var(--gradient-secondary);border-radius:50%;opacity:.3;filter:blur(40px);z-index:-1}.about-content h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-gray-900),var(--color-gray-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content p{color:var(--color-gray-600);font-size:var(--font-size-lg);margin-bottom:var(--space-6);line-height:1.8}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-8)}.about-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(6,182,212,.08));border-radius:var(--radius-lg);transition:all var(--transition-base)}.about-feature:hover{transform:translateX(4px);background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(6,182,212,.15))}.about-feature svg{width:24px;height:24px;color:var(--color-success);flex-shrink:0}.about-feature span{font-weight:500;color:var(--color-gray-700)}.clients-section{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);overflow:hidden;position:relative}.clients-section::before,.clients-section::after{content:'';position:absolute;top:0;bottom:0;width:150px;z-index:2;pointer-events:none}.clients-section::before{left:0;background:linear-gradient(90deg,#f8fafc,transparent)}.clients-section::after{right:0;background:linear-gradient(-90deg,#f1f5f9,transparent)}.clients-slider{display:flex;animation:scroll 40s linear infinite}.clients-slider:hover{animation-play-state:paused}.client-logo{flex-shrink:0;width:200px;height:110px;padding:var(--space-5);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:var(--radius-xl);margin:0 var(--space-5);border:1px solid var(--color-gray-200);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.client-logo:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:scale(1.08) translateY(-4px);border-color:var(--color-primary-light);background:#fff}.client-logo img{max-width:100%;max-height:100%;object-fit:contain;filter:none;opacity:1;transition:all var(--transition-base)}.client-logo:hover img{transform:scale(1.05)}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.product-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:var(--radius-2xl);overflow:hidden;border:1px solid var(--color-gray-200);transition:all var(--transition-base);position:relative}.product-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top left,rgba(37,99,235,.05),transparent 50%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.product-card:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-6px);border-color:rgba(37,99,235,.2)}.product-card:hover::before{opacity:1}.product-image{overflow:hidden;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-6);min-height:220px;position:relative}.product-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-gray-200),transparent)}.product-image img{max-width:100%;max-height:180px;width:auto;height:auto;object-fit:contain;transition:transform var(--transition-slow)}.product-card:hover .product-image img{transform:scale(1.08)}.product-content{padding:var(--space-6)}.product-tag{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(6,182,212,.1));padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.product-title{font-size:var(--font-size-xl);margin-bottom:var(--space-3);color:var(--color-gray-900);transition:color var(--transition-base)}.product-card:hover .product-title{color:var(--color-primary)}.product-description{color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.product-card .product-description.expanded{-webkit-line-clamp:unset;display:block}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.work-card{background:#fff;border-radius:var(--radius-2xl);overflow:hidden;border:0;transition:all var(--transition-slow);display:flex;flex-direction:column;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.08)}.work-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base);z-index:10}.work-card::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,.02) 0%,rgba(6,182,212,.02) 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.work-card:hover{box-shadow:0 20px 60px rgba(37,99,235,.15),0 8px 25px rgba(0,0,0,.1);transform:translateY(-12px)}.work-card:hover::before{transform:scaleX(1)}.work-card:hover::after{opacity:1}.work-image{height:200px;overflow:hidden;background:linear-gradient(145deg,#f1f5f9 0%,#e2e8f0 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-8);position:relative}.work-image::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(37,99,235,.05),transparent 60%);pointer-events:none}.work-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(255,255,255,.8),transparent);pointer-events:none}.work-image img{max-width:75%;max-height:140px;width:auto;height:auto;object-fit:contain;transition:all var(--transition-slow);filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.work-card:hover .work-image img{transform:scale(1.12) translateY(-5px);filter:drop-shadow(0 8px 20px rgba(0,0,0,.15))}.work-content{padding:var(--space-6) var(--space-6) var(--space-8);flex:1;display:flex;flex-direction:column;position:relative}.work-content .product-tag{margin-bottom:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(6,182,212,.08));border:1px solid rgba(37,99,235,.15);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.work-content .product-tag::before{content:'';width:6px;height:6px;background:var(--gradient-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.work-content h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-4);color:var(--color-gray-900);transition:all var(--transition-base);line-height:1.3}.work-card:hover .work-content h3{color:var(--color-primary)}.work-content p{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.75;flex:1;margin-bottom:var(--space-4)}.work-description{margin-bottom:var(--space-4)}.work-description-text{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.75;margin:0 0 var(--space-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:all var(--transition-base)}.work-description-text.expanded{-webkit-line-clamp:unset;display:block}.read-more-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:0;padding:var(--space-2) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);cursor:pointer;transition:all var(--transition-base)}.read-more-btn:hover{color:var(--color-primary-dark);gap:var(--space-3)}.read-more-icon{transition:transform var(--transition-base)}.work-features{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-gray-100)}.work-features ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.work-features li{font-size:.7rem;font-weight:600;color:var(--color-gray-600);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding:6px 12px;border-radius:var(--radius-full);transition:all var(--transition-base);border:1px solid transparent;display:flex;align-items:center;gap:4px}.work-features li::before{content:'?';font-size:.65rem;color:var(--color-success);font-weight:bold}.work-features li:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.25)}.work-features li:hover::before{color:#fff}.work-card{counter-increment:work-counter}.work-image::before{content:counter(work-counter,decimal-leading-zero);position:absolute;top:var(--space-4);right:var(--space-4);font-size:3rem;font-weight:800;color:rgba(37,99,235,.08);line-height:1;z-index:1}.works-grid{counter-reset:work-counter}@media(max-width:1024px){.works-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.work-image{height:180px}}@media(max-width:768px){.works-grid{grid-template-columns:1fr}.work-card:hover{transform:translateY(-8px)}.work-image{height:200px}.work-content p{-webkit-line-clamp:4}}.tech-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-6)}.tech-item{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.tech-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(37,99,235,.08),transparent 70%);opacity:0;transition:opacity var(--transition-base)}.tech-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-6px) scale(1.02)}.tech-item:hover::before{opacity:1}.tech-item img{width:52px;height:52px;margin:0 auto var(--space-4);object-fit:contain;transition:transform var(--transition-base)}.tech-item:hover img{transform:scale(1.15) rotate(-5deg)}.tech-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700);transition:color var(--transition-base)}.tech-item:hover .tech-name{color:var(--color-primary)}.contact-section{background:linear-gradient(135deg,var(--color-gray-900) 0%,#1e3a5f 100%);color:var(--color-white)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.contact-info h2{color:var(--color-white);margin-bottom:var(--space-6)}.contact-info p{color:var(--color-gray-300);font-size:var(--font-size-lg);margin-bottom:var(--space-8)}.contact-details{display:flex;flex-direction:column;gap:var(--space-6)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-4)}.contact-icon{width:48px;height:48px;background:rgba(255,255,255,.1);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-icon svg{width:24px;height:24px;color:var(--color-accent)}.contact-text h4{color:var(--color-white);font-size:var(--font-size-base);margin-bottom:var(--space-1)}.contact-text p{color:var(--color-gray-400);margin:0;font-size:var(--font-size-sm)}.contact-text a{color:var(--color-gray-300)}.contact-text a:hover{color:var(--color-white)}.contact-map{border-radius:var(--radius-2xl);overflow:hidden;height:400px}.contact-map iframe{width:100%;height:100%;border:0}.footer{background:var(--color-gray-900);color:var(--color-gray-400);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand p{margin-top:var(--space-4);max-width:300px}.footer-title{color:var(--color-white);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-6)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-3)}.footer-links a{color:var(--color-gray-400);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-white)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--color-gray-800);display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:var(--font-size-sm)}.social-links{display:flex;gap:var(--space-4)}.social-link{width:40px;height:40px;background:var(--color-gray-800);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transition:all var(--transition-fast)}.social-link:hover{background:var(--color-primary);color:var(--color-white)}@media(max-width:1024px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:var(--space-8)}.hero-text{text-align:center}.hero-title{font-size:var(--font-size-4xl)}.hero-description{margin:0 auto var(--space-8)}.btn-group{justify-content:center}.hero-image{order:-1}.services-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2)::after{display:none}}@media(max-width:768px){:root{--font-size-5xl:2.5rem;--font-size-4xl:2rem;--font-size-3xl:1.5rem}.navbar-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-white);flex-direction:column;padding:var(--space-6);gap:var(--space-4);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg)}.navbar-menu.active{display:flex}.navbar-toggle{display:block}.services-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand p{margin:var(--space-4) auto}.footer-bottom{flex-direction:column;gap:var(--space-4)}.about-features{grid-template-columns:1fr}.section{padding:var(--space-12) 0}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}.stat-item::after{display:none}}@media(max-width:480px){.container{padding:0 var(--space-4)}.tech-grid{grid-template-columns:repeat(2,1fr)}.btn-group{flex-direction:column;width:100%}.btn{width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-white{color:var(--color-white)}.text-gray-500{color:var(--color-gray-500)}.text-primary{color:var(--color-primary)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 50%,#f8fafc 100%)}.bg-gray-100{background-color:var(--color-gray-100)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.hidden{display:none}.visible{display:block}.fade-in{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-left{animation:fadeInLeft .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.fade-in-right{animation:fadeInRight .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px rgba(37,99,235,.3)}50%{box-shadow:0 0 40px rgba(37,99,235,.5)}}.animate-gradient{background-size:200% 200%;animation:gradientShift 5s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.stagger-children>*{opacity:0;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.shimmer{position:relative;overflow:hidden}.shimmer::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{100%{left:100%}}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(0deg)}75%{transform:translateY(-10px) rotate(-1deg)}}.bounce{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.rotate-on-hover{transition:transform var(--transition-base)}.rotate-on-hover:hover{transform:rotate(5deg)}.section{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.section.visible,.section.fade-in{opacity:1;transform:translateY(0)}.stats-bar{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.stats-bar.visible,.stats-bar.fade-in{opacity:1;transform:translateY(0)}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.app-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--color-gray-200);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-5);position:relative;overflow:hidden}.app-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.app-card:hover{border-color:rgba(37,99,235,.2);box-shadow:0 15px 40px rgba(37,99,235,.12);transform:translateY(-6px)}.app-card:hover::before{transform:scaleX(1)}.app-card-header{display:flex;align-items:center;gap:var(--space-4)}.app-logo{width:70px;height:70px;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.app-card:hover .app-logo{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.1)}.app-logo img{width:100%;height:100%;object-fit:contain;padding:8px}.app-logo-placeholder{background:var(--gradient-primary);color:#fff}.app-logo-placeholder svg{width:32px;height:32px}.app-info{flex:1;min-width:0}.app-name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-900);margin:0 0 var(--space-1);text-transform:capitalize}.app-website{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-gray-500);transition:color var(--transition-base)}.app-website:hover{color:var(--color-primary)}.app-store-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}.store-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);flex:1;min-width:140px;justify-content:center}.store-btn-google{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:#fff}.store-btn-google:hover{background:linear-gradient(135deg,#2d2d2d 0%,#404040 100%);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.store-btn-apple{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);color:#fff}.store-btn-apple:hover{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.store-btn svg{flex-shrink:0}.store-btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.store-btn-text small{font-size:.6rem;opacity:.8;text-transform:uppercase;letter-spacing:.02em}.store-btn-text strong{font-size:var(--font-size-sm);font-weight:600}@media(max-width:1024px){.apps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.apps-grid{grid-template-columns:1fr}.store-btn{flex:1 1 100%}.app-store-buttons{flex-direction:column}}#digital-twin{background:linear-gradient(180deg,#fff 0%,#f8fafc 50%,#f1f5f9 100%);position:relative;overflow:hidden}#digital-twin::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232563eb' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.digital-twin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-12)}.dt-feature-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.dt-feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.dt-feature-card::after{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.dt-feature-card:hover{border-color:rgba(37,99,235,.2);box-shadow:0 20px 50px rgba(37,99,235,.12);transform:translateY(-8px)}.dt-feature-card:hover::before{transform:scaleX(1)}.dt-feature-card:hover::after{opacity:1}.dt-feature-main{grid-column:span 1}.dt-feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);color:#fff;box-shadow:0 10px 30px rgba(37,99,235,.3);transition:all var(--transition-base)}.dt-feature-card:hover .dt-feature-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 15px 40px rgba(37,99,235,.4)}.dt-icon-purple{background:linear-gradient(135deg,#a855f7 0%,#8b5cf6 100%);box-shadow:0 10px 30px rgba(139,92,246,.3)}.dt-feature-card:hover .dt-icon-purple{box-shadow:0 15px 40px rgba(139,92,246,.4)}.dt-icon-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 10px 30px rgba(16,185,129,.3)}.dt-feature-card:hover .dt-icon-green{box-shadow:0 15px 40px rgba(16,185,129,.4)}.dt-feature-card h3{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-4)}.dt-feature-card p{font-size:var(--font-size-base);color:var(--color-gray-500);line-height:1.7;margin-bottom:var(--space-6)}.dt-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.dt-feature-list li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-600);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,rgba(37,99,235,.05),rgba(6,182,212,.05));border-radius:var(--radius-lg);transition:all var(--transition-base)}.dt-feature-list li:hover{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(6,182,212,.1));transform:translateX(4px)}.dt-feature-list li svg{color:var(--color-success);flex-shrink:0}.dt-cta{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-12);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);position:relative;overflow:hidden}.dt-cta::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.dt-cta::after{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.2) 0%,transparent 70%);pointer-events:none}.dt-cta-content{position:relative;z-index:1}.dt-cta-content h3{font-size:var(--font-size-2xl);font-weight:700;color:#fff;margin-bottom:var(--space-3)}.dt-cta-content p{font-size:var(--font-size-base);color:rgba(255,255,255,.7);margin:0;max-width:500px;line-height:1.7}.dt-cta .btn{position:relative;z-index:1;flex-shrink:0}@media(max-width:1024px){.digital-twin-grid{grid-template-columns:1fr;gap:var(--space-6)}.dt-feature-main{grid-column:span 1}.dt-cta{flex-direction:column;text-align:center;padding:var(--space-8)}.dt-cta-content{text-align:center}.dt-cta-content p{margin:0 auto}}@media(max-width:768px){.dt-feature-card{padding:var(--space-6)}.dt-feature-icon{width:64px;height:64px}.dt-feature-icon svg{width:32px;height:32px}}.hww-hero{min-height:70vh;display:flex;align-items:center;position:relative;background:linear-gradient(135deg,#0a0f1a 0%,#0f172a 40%,#1e3a5f 100%);overflow:hidden;padding:calc(72px + var(--space-16)) 0 var(--space-16)}.hww-hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hww-hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 20s ease-in-out infinite}.hww-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.4) 0%,transparent 70%);top:-150px;right:-100px}.hww-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);bottom:-100px;left:-100px;animation-delay:-7s}.hww-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.25) 0%,transparent 70%);top:40%;left:40%;animation-delay:-14s}.hww-hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto;color:#fff}.hww-hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);margin-bottom:var(--space-6);animation:fadeInUp .8s ease-out}.hww-hero-badge svg{color:var(--color-accent)}.hww-hero-content h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-6);color:#fff;animation:fadeInUp .8s ease-out .1s backwards}.hww-gradient-text{display:block;background:linear-gradient(135deg,#60a5fa 0%,#06b6d4 50%,#a78bfa 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite}.hww-hero-content>p{font-size:var(--font-size-lg);color:rgba(255,255,255,.7);max-width:600px;margin:0 auto var(--space-10);line-height:1.8;animation:fadeInUp .8s ease-out .2s backwards}.hww-hero-stats{display:flex;justify-content:center;gap:var(--space-12);animation:fadeInUp .8s ease-out .3s backwards}.hww-stat{text-align:center}.hww-stat-number{display:block;font-size:var(--font-size-3xl);font-weight:800;color:var(--color-accent);line-height:1}.hww-stat-label{font-size:var(--font-size-sm);color:rgba(255,255,255,.6);margin-top:var(--space-2)}.hww-architecture{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}.hww-arch-diagram{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hww-arch-layer{width:100%;background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);border:2px solid var(--color-gray-200);text-align:center;transition:all var(--transition-base)}.hww-arch-layer:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:scale(1.02)}.hww-arch-layer h4{font-size:var(--font-size-sm);font-weight:700;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.hww-arch-items{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.hww-arch-item{display:flex;align-items:center;gap:var(--space-2);background:var(--color-gray-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700);transition:all var(--transition-base)}.hww-arch-item:hover{background:var(--gradient-primary);color:#fff}.hww-arch-item i{font-size:1.1rem}.hww-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.hww-arch-connector{color:var(--color-gray-400);padding:var(--space-2) 0}.hww-layer-client{border-color:#3b82f6}.hww-layer-gateway{border-color:#8b5cf6}.hww-layer-services{border-color:#10b981}.hww-layer-data{border-color:#f59e0b}.hww-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.hww-feature-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-gray-200);transition:all var(--transition-base);position:relative;overflow:hidden}.hww-feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.hww-feature-card:hover{border-color:rgba(37,99,235,.2);box-shadow:0 20px 50px rgba(37,99,235,.12);transform:translateY(-6px)}.hww-feature-card:hover::before{transform:scaleX(1)}.hww-feature-large{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}.hww-feature-large .hww-feature-icon{grid-column:1;grid-row:1}.hww-feature-large .hww-feature-content{grid-column:1;grid-row:2}.hww-feature-large .hww-feature-visual{grid-column:2;grid-row:1/3}.hww-feature-icon{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);color:#fff;transition:all var(--transition-base)}.hww-feature-card:hover .hww-feature-icon{transform:scale(1.1) rotate(-5deg)}.hww-icon-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 20px rgba(37,99,235,.3)}.hww-icon-purple{background:linear-gradient(135deg,#a855f7,#8b5cf6);box-shadow:0 8px 20px rgba(139,92,246,.3)}.hww-icon-orange{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 8px 20px rgba(249,115,22,.3)}.hww-icon-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px rgba(16,185,129,.3)}.hww-icon-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 8px 20px rgba(6,182,212,.3)}.hww-icon-pink{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 8px 20px rgba(236,72,153,.3)}.hww-icon-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);box-shadow:0 8px 20px rgba(139,92,246,.3)}.hww-icon-dark{background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 8px 20px rgba(15,23,42,.3)}.hww-feature-card h3{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3)}.hww-feature-card>p,.hww-feature-content p{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.7;margin-bottom:var(--space-4)}.hww-feature-list{list-style:none;padding:0;margin:0}.hww-feature-list li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--space-2)}.hww-feature-list li i{color:var(--color-success);font-size:.9rem}.hww-feature-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:auto}.hww-tag{font-size:.7rem;font-weight:600;color:var(--color-primary);background:rgba(37,99,235,.1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.hww-feature-stats{display:flex;gap:var(--space-6);margin-top:var(--space-4)}.hww-mini-stat{text-align:center}.hww-mini-value{display:block;font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary)}.hww-mini-label{font-size:var(--font-size-xs);color:var(--color-gray-500)}.hww-feature-highlight{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);border-color:transparent}.hww-feature-highlight h3{color:#fff}.hww-feature-highlight>p{color:rgba(255,255,255,.7)}.hww-feature-highlight .hww-tag{background:rgba(255,255,255,.15);color:#fff}.hww-feature-badge{position:absolute;top:var(--space-4);right:var(--space-4);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:var(--gradient-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.hww-ai-features{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.hww-ai-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:rgba(255,255,255,.8);padding:var(--space-2) var(--space-3);background:rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:all var(--transition-base)}.hww-ai-item:hover{background:rgba(255,255,255,.15);transform:translateX(4px)}.hww-ai-item i{color:var(--color-accent)}.hww-pipeline{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-xl)}.hww-pipeline-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fff;border-radius:var(--radius-lg);border:2px solid var(--color-gray-200);transition:all var(--transition-base)}.hww-pipeline-step.active{border-color:var(--color-success);background:rgba(16,185,129,.05)}.hww-pipeline-step i{font-size:1.25rem;color:var(--color-gray-400)}.hww-pipeline-step.active i{color:var(--color-success)}.hww-pipeline-step span{font-size:var(--font-size-xs);font-weight:600;color:var(--color-gray-600)}.hww-pipeline-arrow{color:var(--color-gray-300)}.hww-builder-preview{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-xl);height:200px}.hww-builder-sidebar{width:60px;display:flex;flex-direction:column;gap:var(--space-2)}.hww-builder-component{height:40px;background:#fff;border-radius:var(--radius-md);border:2px dashed var(--color-gray-300)}.hww-builder-canvas{flex:1;background:#fff;border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.hww-builder-element{border-radius:var(--radius-md);transition:all var(--transition-base)}.hww-el-header{height:30px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.hww-el-form{flex:1;background:var(--color-gray-100);border:2px dashed var(--color-gray-300)}.hww-el-button{height:30px;width:80px;background:var(--color-success);margin-left:auto}.hww-process{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}.hww-process-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:1100px;margin:0 auto}.hww-process-step{position:relative;padding:var(--space-6);background:#fff;border-radius:var(--radius-2xl);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.hww-process-step:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-6px)}.hww-step-number{position:absolute;top:-15px;left:var(--space-6);font-size:2.5rem;font-weight:800;color:rgba(37,99,235,.1);line-height:1}.hww-step-content{position:relative}.hww-step-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-4);font-size:1.25rem;transition:all var(--transition-base)}.hww-process-step:hover .hww-step-icon{transform:scale(1.1) rotate(-5deg)}.hww-step-content h4{font-size:var(--font-size-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-2)}.hww-step-content p{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.7;margin:0}.hww-stack-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.hww-stack-category{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.hww-stack-category:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hww-stack-category h4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-4)}.hww-stack-category h4 i{color:var(--color-primary)}.hww-stack-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hww-stack-item{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600);background:var(--color-gray-50);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);transition:all var(--transition-base)}.hww-stack-item:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px)}.hww-cta{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);position:relative;overflow:hidden}.hww-cta::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.hww-cta::after{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);pointer-events:none}.hww-cta-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}.hww-cta-content h2{font-size:var(--font-size-3xl);font-weight:800;color:#fff;margin-bottom:var(--space-4)}.hww-cta-content>p{font-size:var(--font-size-lg);color:rgba(255,255,255,.7);margin-bottom:var(--space-8);line-height:1.7}.hww-cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media(max-width:1024px){.hww-features-grid{grid-template-columns:1fr 1fr}.hww-feature-large{grid-column:span 2;grid-template-columns:1fr}.hww-feature-large .hww-feature-visual{grid-column:1;grid-row:auto}.hww-process-timeline{grid-template-columns:repeat(2,1fr)}.hww-stack-categories{grid-template-columns:repeat(2,1fr)}.hww-services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hww-hero{min-height:auto;padding:calc(72px + var(--space-12)) 0 var(--space-12)}.hww-hero-stats{gap:var(--space-6)}.hww-features-grid{grid-template-columns:1fr}.hww-feature-large{grid-column:span 1}.hww-process-timeline{grid-template-columns:1fr}.hww-stack-categories{grid-template-columns:1fr}.hww-arch-items{flex-direction:column}.hww-services-grid{grid-template-columns:1fr 1fr}.hww-pipeline{flex-wrap:wrap;justify-content:center}.hww-cta-buttons{flex-direction:column;align-items:center}.hww-cta-buttons .btn{width:100%;max-width:300px}}