.dental-arch{display:flex;flex-direction:column;align-items:center;gap:6px;width:280px}.jaw{display:flex;gap:3px;align-items:flex-end}.jaw--lower{align-items:flex-start}.jaw-divider{width:100%;height:1px;background:var(--border-light);position:relative;margin:2px 0}.jaw-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;letter-spacing:.15em;color:var(--text-tertiary);background:#000;padding:0 8px;white-space:nowrap}.tooth{width:32px;height:42px;position:relative}.tooth--flipped{transform:scaleY(-1)}.tooth svg{width:100%;height:100%;overflow:visible}.tooth-body{fill:#d4d0cc;stroke:#999;stroke-width:.5;transition:fill .6s ease}.tooth-sheen{fill:#ffffff14}.tooth-groove{fill:none;stroke:#aaa;stroke-width:.6;opacity:.4}.tooth--broken .tooth-body{fill:#5a3030;stroke:#3a1a1a;animation:tooth-heal 6s infinite}.tooth--broken .tooth-sheen{animation:sheen-heal 6s infinite}.tooth--broken .tooth-groove{opacity:0}.tooth-cracks{fill:none;stroke:#1a0000;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;animation:cracks-fade 6s infinite}.tooth-repair-glow{fill:var(--accent-primary);opacity:0;animation:glow-pulse 6s infinite}.repair-sparkle{position:absolute;top:0;left:-20%;width:140%;height:70%;pointer-events:none;opacity:0;animation:sparkle-appear 6s infinite;background:radial-gradient(ellipse at 50% 50%,var(--accent-primary),transparent 60%);filter:blur(6px)}.tooth--flipped .repair-sparkle{top:auto;bottom:0}@keyframes tooth-heal{0%,15%{fill:#5a3030;stroke:#3a1a1a}20%,25%{fill:#7a6655;stroke:#654}30%,72%{fill:#e8e4df;stroke:#bbb}78%,to{fill:#5a3030;stroke:#3a1a1a}}@keyframes sheen-heal{0%,25%{fill:#fff0}30%,72%{fill:#ffffff1f}78%,to{fill:#fff0}}@keyframes cracks-fade{0%,15%{opacity:1}22%,to{opacity:0}}@keyframes glow-pulse{0%,24%{opacity:0}27%,32%{opacity:.6}38%{opacity:0}72%,76%{opacity:.25}82%,to{opacity:0}}@keyframes sparkle-appear{0%,25%{opacity:0;transform:scale(.5)}28%,34%{opacity:1;transform:scale(1)}40%,to{opacity:0;transform:scale(.5)}}.tooth--broken.delay-1 .tooth-body,.tooth--broken.delay-1 .tooth-sheen,.tooth--broken.delay-1 .tooth-cracks,.tooth--broken.delay-1 .tooth-repair-glow,.tooth--broken.delay-1 .repair-sparkle{animation-delay:0s}.tooth--broken.delay-2 .tooth-body,.tooth--broken.delay-2 .tooth-sheen,.tooth--broken.delay-2 .tooth-cracks,.tooth--broken.delay-2 .tooth-repair-glow,.tooth--broken.delay-2 .repair-sparkle{animation-delay:.8s}.tooth--broken.delay-3 .tooth-body,.tooth--broken.delay-3 .tooth-sheen,.tooth--broken.delay-3 .tooth-cracks,.tooth--broken.delay-3 .tooth-repair-glow,.tooth--broken.delay-3 .repair-sparkle{animation-delay:1.6s}.tooth--broken.delay-4 .tooth-body,.tooth--broken.delay-4 .tooth-sheen,.tooth--broken.delay-4 .tooth-cracks,.tooth--broken.delay-4 .tooth-repair-glow,.tooth--broken.delay-4 .repair-sparkle{animation-delay:2.4s}.water-plant{display:flex;align-items:center;gap:28px;padding:20px}.purify-process{display:flex;align-items:center;gap:0}.tank{display:flex;flex-direction:column;align-items:center;gap:6px}.tank-water{width:48px;height:80px;border:1px solid #334;border-radius:3px;position:relative;overflow:hidden}.dirty-water{background:linear-gradient(180deg,#5a371426,#5a371480);animation:dirty-pulse 3s ease-in-out infinite alternate}.dirty-water:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:#78461499;filter:blur(2px);animation:dirty-wave 2s ease-in-out infinite alternate}.dirt-particle{position:absolute;border-radius:50%;background:#643c0fcc;animation:drift 4s ease-in-out infinite}.dp1{width:4px;height:4px;left:8px;top:20px;animation-delay:0s}.dp2{width:3px;height:3px;left:28px;top:35px;animation-delay:.8s}.dp3{width:5px;height:5px;left:16px;top:55px;animation-delay:1.6s}.dp4{width:3px;height:3px;left:34px;top:15px;animation-delay:2.2s}.dp5{width:4px;height:4px;left:10px;top:45px;animation-delay:3s}.tank-label{font-size:7px;letter-spacing:.15em;color:var(--text-tertiary);white-space:nowrap}.clean-label{color:#0af;text-shadow:0 0 8px rgba(0,170,255,.4)}.clean-water{background:linear-gradient(180deg,#00aaff14,#00aaff59);animation:clean-pulse 3s ease-in-out infinite alternate;border-color:#00aaff40}.clean-water:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:#0af6;filter:blur(2px);animation:clean-wave 2s ease-in-out infinite alternate}.clean-bubble{position:absolute;border-radius:50%;border:1px solid rgba(0,170,255,.4);background:#00aaff1a;animation:bubble-rise 3s ease-in infinite}.cb1{width:4px;height:4px;left:12px;animation-delay:0s}.cb2{width:3px;height:3px;left:28px;animation-delay:1s}.cb3{width:5px;height:5px;left:20px;animation-delay:2s}.pipe-section{display:flex;flex-direction:column;align-items:center;gap:6px}.pipe{width:32px;height:8px;background:#111;border-top:1px solid #334;border-bottom:1px solid #334;position:relative;overflow:hidden}.flow-particle{position:absolute;width:6px;height:4px;top:1px;border-radius:2px;background:#784614b3;animation:flow-right 1.5s linear infinite}.flow-clean{background:#0af9;box-shadow:0 0 4px #00aaff4d}.fp1{animation-delay:0s}.fp2{animation-delay:.5s}.fp3{animation-delay:1s}.fp4{animation-delay:.2s}.fp5{animation-delay:.7s}.fp6{animation-delay:1.2s}.pipe-label{font-size:6px;letter-spacing:.12em;color:var(--text-tertiary);white-space:nowrap}.filter-unit{display:flex;flex-direction:column;align-items:center;gap:6px}.filter-housing{width:36px;height:64px;border:1px solid #334;border-radius:4px;position:relative;overflow:hidden;background:#0a0a12}.filter-membrane{position:absolute;top:8px;bottom:8px;left:50%;width:2px;transform:translate(-50%);background:repeating-linear-gradient(180deg,#334 0px,#334 3px,transparent 3px,transparent 6px)}.filter-membrane:before,.filter-membrane:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:inherit}.filter-membrane:before{left:-8px}.filter-membrane:after{right:-8px}.filter-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,170,255,.15) 0%,transparent 70%);animation:filter-breathe 3s ease-in-out infinite}.filter-scan{position:absolute;left:0;right:0;height:3px;background:linear-gradient(180deg,transparent,rgba(0,170,255,.6),transparent);animation:scan-down 2.5s ease-in-out infinite;filter:blur(1px)}.filter-label{font-size:6px;letter-spacing:.1em;color:var(--text-tertiary);white-space:nowrap}.purity-panel{display:flex;flex-direction:column;gap:10px;min-width:110px;padding-left:16px;border-left:1px solid #1a1a2e}.metric{display:flex;flex-direction:column;gap:3px}.metric-label{font-size:8px;letter-spacing:.15em;color:var(--text-tertiary)}.metric-value{font-size:12px;color:#0af}.metric-bar{width:100%;height:2px;background:#1a1a2e;border-radius:1px;overflow:hidden}.metric-fill{height:100%;background:#0af;border-radius:1px;animation:bar-scan 4s ease-in-out infinite}.mf1{width:85%;animation-delay:0s}.mf2{width:72%;animation-delay:.3s}.mf3{width:98%;animation-delay:.6s}.mf4{width:60%;animation-delay:.9s}.metric-anim{animation:value-glow 4s ease-in-out infinite}.m1{animation-delay:0s}.m2{animation-delay:.3s}.m3{animation-delay:.6s}.m4{animation-delay:.9s}.stage-status{display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:8px;border-top:1px solid #1a1a2e}.stage-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow);animation:dot-blink 2s step-end infinite}.stage-text{font-size:8px;letter-spacing:.1em;color:var(--text-secondary)}@keyframes dirty-pulse{0%{background-color:#5a371426}to{background-color:#5a371440}}@keyframes dirty-wave{0%{transform:translate(-3px) scaleY(.8)}to{transform:translate(3px) scaleY(1.2)}}@keyframes drift{0%,to{transform:translate(0);opacity:.6}25%{transform:translate(4px,-6px);opacity:1}50%{transform:translate(-3px,3px);opacity:.4}75%{transform:translate(5px,5px);opacity:.8}}@keyframes clean-pulse{0%{background-color:#00aaff0d}to{background-color:#00aaff1f}}@keyframes clean-wave{0%{transform:translate(-2px)}to{transform:translate(2px)}}@keyframes bubble-rise{0%{bottom:5%;opacity:0}20%{opacity:.7}to{bottom:90%;opacity:0}}@keyframes flow-right{0%{left:-6px;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}@keyframes filter-breathe{0%,to{opacity:.4}50%{opacity:1}}@keyframes scan-down{0%{top:-3px}to{top:100%}}@keyframes bar-scan{0%,10%{opacity:.3;box-shadow:none}30%,70%{opacity:1;box-shadow:0 0 6px #0af6}90%,to{opacity:.3;box-shadow:none}}@keyframes value-glow{0%,10%{text-shadow:none}30%,70%{text-shadow:0 0 6px rgba(0,170,255,.5)}90%,to{text-shadow:none}}@keyframes dot-blink{50%{opacity:.3}}:root{--bg-depth: #050505;--bg-surface: #0a0b0c;--bg-panel: #0f1011;--accent-primary: #00ff9d;--accent-dim: rgba(0, 255, 157, .1);--accent-glow: rgba(0, 255, 157, .3);--text-primary: #e0e0e0;--text-secondary: #666666;--text-tertiary: #333333;--border-light: #222222;--border-active: #333333;--radius-sm: 2px;--radius-md: 4px;--space-unit: 8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-depth);color:var(--text-primary);font-family:JetBrains Mono,monospace;line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased;overflow-x:hidden}.layout-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr;gap:80px;position:relative;z-index:2}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border-light) 1px,transparent 1px),linear-gradient(90deg,var(--border-light) 1px,transparent 1px);background-size:40px 40px;opacity:.1;z-index:0;pointer-events:none}h1,h2,h3{font-weight:500;letter-spacing:-.02em}.label{font-size:10px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.1em;margin-bottom:8px;display:block}.highlight{color:var(--accent-primary)}header{padding:40px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);margin-bottom:40px}.logo{font-weight:700;font-size:16px;display:flex;align-items:center;gap:12px}.logo:before{content:"";display:block;width:12px;height:12px;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}nav ul{display:flex;gap:32px;list-style:none}nav a{color:var(--text-secondary);text-decoration:none;font-size:12px;transition:color .2s}nav a:hover{color:var(--accent-primary)}.hero{min-height:40vh;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border-light);background:var(--bg-surface);padding:40px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent)}.console-output{font-size:14px;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px}.console-line{display:flex;gap:12px}.console-line:before{content:">";color:var(--accent-primary)}.cursor{display:inline-block;width:8px;height:1.2em;background:var(--accent-primary);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-light);border:1px solid var(--border-light)}.service-card{background:var(--bg-depth);padding:32px;transition:background .3s}.service-card:hover{background:var(--bg-surface)}.service-card h3{color:var(--text-primary);margin-bottom:12px;font-size:14px}.service-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px;border-bottom:1px solid var(--border-light);padding-bottom:16px}.projects-grid{display:grid;grid-template-columns:1fr;gap:40px}.project-row{display:grid;grid-template-columns:300px 1fr;gap:32px;border:1px solid var(--border-light);background:var(--bg-surface);padding:4px}.project-info{padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg-depth);border-right:1px solid var(--border-light)}.project-meta h3{font-size:20px;margin-bottom:4px}.project-meta .url{color:var(--accent-primary);font-size:12px;text-decoration:none;margin-bottom:16px;display:inline-block}.project-desc{color:var(--text-secondary);font-size:13px;margin-top:16px}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tag{font-size:10px;border:1px solid var(--border-light);padding:4px 8px;border-radius:var(--radius-sm);color:var(--text-secondary)}.project-visual{background:#000;position:relative;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center}.visual-overlay{position:absolute;top:16px;left:16px;font-size:10px;color:var(--accent-primary);background:#000c;padding:4px 8px;border:1px solid var(--accent-dim)}.chart-container{display:flex;align-items:flex-end;gap:4px;height:150px;width:80%}.candle{flex:1;background:#ffffff0d;position:relative;animation:fluctuate 2s infinite ease-in-out alternate}.candle.green{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-dim)}.candle.red{background:#f36;opacity:.8}.candle:before{content:"";position:absolute;left:50%;top:-10px;bottom:-10px;width:1px;background:inherit;opacity:.5;transform:translate(-50%)}@keyframes fluctuate{0%{height:20%;opacity:.5}to{height:80%;opacity:1}}.c1{animation-duration:1.2s;height:40%}.c2{animation-duration:2.5s;height:60%}.c3{animation-duration:1.8s;height:30%}.c4{animation-duration:3s;height:70%}.c5{animation-duration:1.5s;height:50%}.c6{animation-duration:2.2s;height:80%}.c7{animation-duration:1.9s;height:45%}.c8{animation-duration:2.7s;height:65%}.contact{padding:32px 0;text-align:center;border-top:1px solid var(--border-light);margin-top:0}.cta-button{display:inline-block;background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary);padding:16px 32px;font-family:inherit;font-size:14px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all .3s;margin-top:24px}.cta-button:hover{background:var(--accent-dim);box-shadow:0 0 20px var(--accent-dim)}footer{padding:24px 0;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;color:var(--text-secondary);font-size:12px}@media(max-width:768px){.project-row{grid-template-columns:1fr}.project-info{border-right:none;border-bottom:1px solid var(--border-light)}.services{grid-template-columns:1fr}}