:root{--color-primary: #0040FF;--color-primary-hover: #0030CC;--color-accent: #FF3D00;--color-bg: #FFFFFF;--color-bg-alt: #F7F9FC;--color-text: #050505;--color-text-secondary: #52525B;--color-text-muted: #A1A1AA;--color-text-white: #FFFFFF;--container-width: 1440px;--border-color: #E4E4E7;--border-strong: #000000;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--shadow-float: 0 20px 40px -4px rgba(0, 64, 255, .15);--transition: .3s cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s ease-out;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-feature-settings:"cv11","ss01";background-color:var(--color-bg)}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);transition:all var(--transition)}.navbar-content{max-width:var(--container-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem}.navbar-brand .logo{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text);display:flex;align-items:center;gap:.75rem}.navbar-brand .logo:before{content:"";width:36px;height:36px;background:var(--color-primary);border-radius:10px;box-shadow:0 4px 12px #0040ff4d}.navbar-menu{flex:1;display:flex;justify-content:center}.navbar .nav-pill-container{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.navbar-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.navbar-link{font-size:.95rem;font-weight:600;color:var(--color-text-secondary);transition:color var(--transition);position:relative;padding:.5rem 0}.navbar-link:hover,.navbar-link.active{color:var(--color-primary)}.navbar .phone-link{background:var(--color-text)!important;color:#fff!important;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-full);box-shadow:0 4px 12px #0003;transition:transform var(--transition),box-shadow var(--transition)}.navbar .phone-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}@media(max-width:992px){.navbar .phone-number{display:none}.navbar-content{padding:1rem}.navbar .navbar-menu{display:none}}.navbar .dropdown-menu{position:absolute;top:calc(100% + var(--space-3));left:0;min-width:280px;padding:var(--space-2);background:#fffffff2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.navbar .navbar-item.has-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.navbar .dropdown-item-link,.navbar .dropdown-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:var(--color-text-secondary);font-weight:500;font-size:.95rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar .dropdown-item-link:hover,.navbar .dropdown-link:hover{background:var(--color-bg-alt);color:var(--color-primary)}.navbar .dropdown-divider{height:1px;background:var(--border-color);margin:.5rem 0}.navbar .dropdown-arrow{margin-left:.25rem;transition:transform var(--transition-fast)}.navbar .navbar-item.has-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.navbar .dropdown-item.has-submenu{position:relative}.navbar .submenu{position:absolute;left:calc(100% + .5rem);top:-.5rem;min-width:260px;padding:var(--space-2);background:#fffffff2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translate(-4px);transition:all var(--transition-fast)}.navbar .dropdown-item.has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translate(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-weight:700;font-size:1rem;border-radius:var(--radius-full);transition:all var(--transition);cursor:pointer;letter-spacing:-.01em}.btn-primary{background:var(--color-primary);color:#fff;border:none;box-shadow:0 10px 20px -5px #0040ff66}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 15px 30px -5px #0040ff80}.btn-secondary{background:#fff;color:var(--color-text);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--color-text);transform:translateY(-2px)}.hero-banner{padding-top:140px;padding-bottom:100px;background:var(--color-bg);position:relative;overflow:hidden;min-height:70vh;display:flex;align-items:center}.hero-banner:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#E5E7EB 1.5px,transparent 1.5px);background-size:32px 32px;opacity:.5;-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%);mask-image:linear-gradient(to bottom,black 40%,transparent 100%);z-index:0;pointer-events:none}.hero-banner:after{content:"";position:absolute;width:1000px;height:1000px;background:radial-gradient(circle,#0040ff0f,#fff0 70%);top:-400px;left:50%;transform:translate(-50%);z-index:0;pointer-events:none}.hero-banner-content{position:relative;z-index:2;text-align:center;max-width:1100px;margin:0 auto}.hero-banner .hero-badge{display:inline-block;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);background:#0040ff14;padding:.6rem 1.2rem;border-radius:var(--radius-full);margin-bottom:2.5rem}.hero-banner-title{font-family:var(--font-heading);font-size:clamp(3.5rem,8vw,6.5rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--color-text);margin-bottom:2rem}.hero-banner-title span{background:linear-gradient(135deg,#0040ff,#09f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-banner .banner-description{font-size:1.35rem;line-height:1.5;color:var(--color-text-secondary);margin-bottom:3rem;max-width:720px;margin-left:auto;margin-right:auto;font-weight:400}.hero-banner-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-banner-actions .btn{min-width:180px}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.work-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition)}.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.work-card-image{aspect-ratio:16/10;background:var(--color-bg-alt);overflow:hidden}.work-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}.work-card:hover .work-card-image img{transform:scale(1.05)}.work-card-content{padding:1.5rem}.work-card-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.work-card-excerpt{color:var(--color-text-secondary);font-size:.95rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;background:#fff;border:1px solid var(--border-color);border-radius:1rem;text-align:center;transition:all var(--transition)}.feature-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-card .feature-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#0040ff0d;border-radius:1rem;color:var(--color-primary)}.feature-card .feature-icon svg{width:32px;height:32px}.feature-card .feature-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--color-text)}.feature-card .feature-description{color:var(--color-text-secondary);line-height:1.6}