*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#fafafa;--surface-2:#f3f4f6;--border:#e5e7eb;--border-hover:#d1d5db;--text-main:#111827;--text-muted:#6b7280;--text-light:#9ca3af;--accent:#2563eb;--accent-light:#2563eb1a;--font-body:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--glass-bg:#ffffff80;--glass-border:#fffc;--glass-shadow:#0000000a}[data-theme=dark]{--bg:#0b0e14;--surface:#151921;--surface-2:#1d232d;--border:#ffffff14;--border-hover:#ffffff26;--text-main:#f8fafc;--text-muted:#94a3b8;--text-light:#475569;--accent:#38bdf8;--accent-light:#38bdf81a;--glass-bg:#151921cc;--glass-border:#ffffff1a;--glass-shadow:#0009}body:after{content:"";opacity:.05;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain-dance;position:fixed;top:-50%;left:-50%}@keyframes grain-dance{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}[data-theme=dark] body:after{opacity:0}html{scroll-behavior:smooth;background:var(--bg);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--bg);min-height:100vh;transition:background .3s,color .3s;overflow-x:hidden}.blueprint-grid{background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:40px 40px}.scanline-overlay{pointer-events:none;z-index:2;opacity:.4;background:linear-gradient(#0000 50%,#38bdf80d 50%) 0 0/100% 4px;position:absolute;inset:0}.scanline-sweep{background:linear-gradient(to bottom, transparent, var(--accent), transparent);opacity:.3;pointer-events:none;z-index:10000;width:100%;height:100px;animation:1s ease-out forwards sweep;position:fixed;top:0;left:0}@keyframes sweep{0%{opacity:0;transform:translateY(-100vh)}50%{opacity:1}to{opacity:0;transform:translateY(100vh)}}#root{z-index:1;width:100%;min-height:100vh;position:relative}::selection{background:var(--accent-light);color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}a{color:inherit;text-decoration:none}.liquid-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow)}.gradient-card-wrapper{background:var(--surface);border-radius:16px;padding:1px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008,0 1px 3px #00000005}.gradient-card-wrapper:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000000f,0 4px 8px #00000008}.gradient-card-border{z-index:0;opacity:.5;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 25%,#a1c4fd 75%,#c2e9fb 100%);transition:opacity .3s;position:absolute;inset:0}.gradient-card-wrapper:hover .gradient-card-border{opacity:1}.gradient-card-content{z-index:1;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-radius:15px;height:100%;position:relative}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:900px){.hero-title{font-size:clamp(40px,8vw,64px)!important}}@media (max-width:700px){.nav-links{display:none!important}.nav-hamburger{display:flex!important}}@media (max-width:640px){.services-layout,.cta-grid{grid-template-columns:1fr!important}}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card-lead{grid-column:span 2}@media (max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.testimonials-grid{grid-template-columns:1fr}.testimonial-card-lead{grid-column:span 1}}
