*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;width:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji");text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);width:100%;max-width:100vw;margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--title-weight,600);letter-spacing:-.02em;line-height:1.2;font-family:var(--font-heading,inherit);margin:0}h1{font-size:var(--title-h1,2.5rem);font-weight:var(--title-weight,700)}h2{font-size:var(--title-h2,2rem)}h3{font-size:var(--title-h3,1.5rem)}p{margin:0;line-height:1.7}a{color:inherit;word-break:keep-all;overflow-wrap:normal;text-decoration:none;transition:opacity .2s,color .2s}a:hover{opacity:.8}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img,svg,video,canvas{max-width:100%;height:auto;display:block}.container{overflow-wrap:break-word;word-wrap:break-word;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-sm{overflow-wrap:break-word;word-wrap:break-word;width:100%;max-width:768px;margin:0 auto;padding:0 1.5rem}a,p,span,div{word-wrap:break-word;overflow-wrap:break-word}.nav-link{font-size:var(--nav-item-size,12px);font-weight:var(--nav-font-weight,400);color:var(--nav-text);letter-spacing:-.01em;opacity:.8;height:var(--nav-height,44px);align-items:center;padding:14px 0;text-decoration:none;transition:opacity .3s;display:flex}@media (max-width:768px){.nav-link{font-weight:600}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}
:root{--bg:#fff;--bg-secondary:#f0f9ff;--bg-tertiary:#e0f2fe;--bg-accent:#dbeafe;--text:#0c4a6e;--text-secondary:#0369a1;--text-tertiary:#0284c7;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-light:#38bdf8;--accent-dark:#075985;--accent-text:#fff;--border:#bae6fd;--border-hover:#7dd3fc;--border-color:#bae6fd;--water-light:#e0f2fe;--water-medium:#38bdf8;--water-dark:#0369a1;--water-deep:#075985;--water-surface:#bae6fd;--pipe-metal:#64748b;--pipe-chrome:#94a3b8;--pipe-shadow:#475569;--drop-blue:#0ea5e9;--drop-light:#38bdf8;--wave-cyan:#06b6d4;--bubble-light:#38bdf84d;--bg-glass:#f0f9fff5;--bg-glass-dark:#e0f2fef0;--nav-bg:linear-gradient(180deg,#fffffffa,#f0f9fff5);--nav-text:#0369a1;--overlay-water:#38bdf814;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--radius-drop:50% 50% 50% 0;--shadow-sm:0 1px 2px 0 #0ea5e914;--shadow-md:0 4px 6px -1px #0ea5e91f,0 2px 4px -2px #38bdf814;--shadow-lg:0 10px 15px -3px #0ea5e926,0 4px 6px -4px #38bdf81a;--shadow-xl:0 20px 25px -5px #0ea5e92e,0 8px 10px -6px #38bdf81f;--shadow-water:0 8px 32px #0ea5e933;--shadow-drop:0 4px 12px #06b6d44d;--shadow-pipe:0 2px 8px #64748b26;--shadow-inner:inset 0 2px 8px #0ea5e91a;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--transition-water:.6s cubic-bezier(.34,1.56,.64,1);--transition-bounce:.4s cubic-bezier(.68,-.55,.265,1.55);--transition-smooth:.8s cubic-bezier(.25,.46,.45,.94);--gradient-water:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 50%,#06b6d4 100%);--gradient-pipe:linear-gradient(135deg,#64748b 0%,#94a3b8 100%);--gradient-flow:linear-gradient(90deg,transparent 0%,#38bdf826 50%,transparent 100%);--gradient-surface:linear-gradient(180deg,#f0f9ffcc,#e0f2fe99)}