@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#3b82f6;--color-primary-dark:#1d4ed8;--color-accent:#eab308;--color-plumbing:#60a5fa;--color-plumbing-steel:#cbd5e1;--color-plumbing-bg:#111a2e;--color-electrical:#eab308;--color-accent-light:#fbbf24;--color-bg:#0f172a;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-surface:#1e293b;--color-border:#334155;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--font-size-h1:clamp(3.85rem, 10vw, 5.5rem);--font-size-h2:clamp(2.4rem, 7vw, 3.5rem);--font-size-h3:clamp(1.8rem, 5vw, 2.5rem);--font-size-h4:clamp(1.4rem, 4vw, 1.8rem);--font-size-body:clamp(1rem, 1.2vw, 1.125rem);--font-size-sm:clamp(.85rem, 1vw, .95rem);--font-size-xs:clamp(.75rem, .8vw, .85rem)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:-.02em;font-weight:800;line-height:1.1}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}p{font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.6}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.btn{transition:all var(--transition-fast);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-accent);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-accent{background-color:var(--color-accent);color:var(--color-primary)}.btn-accent:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #1e3a8a4d}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;box-shadow:0 8px 32px #1f268712}.glass-dark{-webkit-backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.container{width:100%;max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}.section{padding:var(--spacing-lg) 0}.grid{gap:var(--spacing-md);display:grid}.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(1,1fr)}@media (width<=768px){.container{padding:0 1.25rem}.section{padding:var(--spacing-md) 0}.mobile-center{text-align:center!important;justify-content:center!important}.mobile-stack{flex-direction:column!important}}@media (width>=768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;backface-visibility:hidden;transform:translateY(0)}