@layer base{:root{--color-primary: #1a1a2e;--color-primary-dark: #0f0f1a;--color-primary-light: #252542;--color-accent: #00d4ff;--color-accent-hover: #00b8e6;--color-accent-dark: #008cb3;--color-secondary: #6366f1;--color-surface: #f8fafc;--color-surface-alt: #f1f5f9;--color-text: #1a1a2e;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-white: #ffffff;--color-success: #10b981;--gradient-primary: linear-gradient(135deg, #1a1a2e 0%, #252542 100%);--gradient-accent: linear-gradient(135deg, #00d4ff 0%, #6366f1 100%);--gradient-hero: linear-gradient(135deg, #1a1a2e 0%, #0f0f1a 50%, #252542 100%);--font-heading: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--spacing-section: 6rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);line-height:1.75;background-color:var(--color-white);min-height:100vh;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-to-content:focus{position:fixed;top:.75rem;left:.75rem;width:auto;height:auto;padding:.75rem 1rem;background:var(--color-primary);color:var(--color-white);z-index:9999;border-radius:.25rem;font-weight:600}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-primary)}h1{font-size:clamp(2.25rem,6vw,3.75rem);letter-spacing:-.02em}h2{font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{font-size:1rem;line-height:1.75;color:var(--color-text-muted)}a{color:var(--color-accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-accent-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease;font-size:1rem;text-decoration:none}.btn-primary{background:var(--gradient-accent);color:var(--color-white);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn-secondary{background-color:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-surface-alt);border-color:var(--color-accent)}.container{max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.grid{display:grid;gap:1.5rem}.grid-2,.grid-3{grid-template-columns:1fr}@media(min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:.75rem;padding:2rem;transition:all .3s ease}.card:hover{border-color:var(--color-accent);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}section{padding:var(--spacing-section) 0}@media(min-width:768px){section{padding:var(--spacing-section) 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[data-animate]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}[data-animate].visible{opacity:1;transform:translateY(0)}footer{background:var(--gradient-primary);color:var(--color-white);padding:4rem 0 2rem;position:relative}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}footer a{color:var(--color-white);opacity:.8}footer a:hover{opacity:1}footer p{color:#ffffffb3}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.75rem}.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--color-primary);margin:5px 0;transition:all .15s ease}@media(max-width:767px){.mobile-menu-btn{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border-top:1px solid var(--color-border);padding:1.5rem;display:none;flex-direction:column;gap:1.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:99}.nav-links.open{display:flex}.nav-links .btn{width:100%;justify-content:center}}.text-center{text-align:center}.mb-2{margin-bottom:1.5rem}.mb-4{margin-bottom:3rem}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{margin-bottom:1rem}.section-title p{max-width:600px;margin:0 auto}.tech-pattern{position:relative}.tech-pattern:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.glow{position:relative}.glow:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:var(--color-accent);filter:blur(100px);opacity:.1;pointer-events:none}.service-icon{width:64px;height:64px;background:var(--gradient-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.75rem}.price-tag{display:inline-block;background:var(--color-surface-alt);color:var(--color-primary);padding:.5rem 1rem;border-radius:.375rem;font-weight:700;font-size:1.125rem;margin-bottom:1rem}.deco-line{width:60px;height:4px;background:var(--gradient-accent);border-radius:2px;margin:1rem auto}}