:root{--primary-color: #e91e63;--secondary-color: #3f51b5;--decrease-color: #ff5252;--pipe-color: #78909c;--text-dark: #263238;--text-light: #eceff1;--background-light: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-dark);background-color:var(--background-light);scroll-behavior:smooth}section{min-height:100vh;width:100%;position:relative;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(20px,30px) rotate(90deg)}50%{transform:translate(40px) rotate(180deg)}75%{transform:translate(20px,-30px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}.highcharts-data-label text{font-weight:700!important;fill:#333!important}.highcharts-point{transition:opacity .3s ease}.section-visible .highcharts-series-group{animation:fadeInUp 1s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.highcharts-tooltip-box{fill:#fffffff2;stroke:#e0e0e0;stroke-width:1px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}.highcharts-tooltip text{fill:#333;font-size:14px;font-weight:500}.highcharts-color-0{opacity:.7!important}.highcharts-color-1{stroke:#333!important;stroke-width:1.5px!important}@keyframes rumble{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-5px) translateY(-3px)}50%{transform:translate(5px) translateY(3px)}75%{transform:translate(3px) translateY(-2px)}}@keyframes drop-fall{0%{transform:translateY(-20px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes fly{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fly{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flip{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.title-section.svelte-1edhnu4{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a2a6c,#2a4365,#0d324d);overflow:hidden;position:relative;color:#fff;text-align:center;padding:1rem;box-sizing:border-box}.title-container.svelte-1edhnu4{position:relative;z-index:10;max-width:900px;padding:2rem;background:#0a192fb3;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(64,156,255,.3);box-shadow:0 10px 30px #0000004d}.main-title.svelte-1edhnu4{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;margin-bottom:1.5rem;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(to right,#f8f9fa,#e9ecef,#dee2e6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.2)}.subtitle-container.svelte-1edhnu4{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.pipe-icon.svelte-1edhnu4{width:60px;height:20px;background:linear-gradient(to right,#6c757d,#adb5bd);border-radius:10px;box-shadow:0 0 10px #adb5bd80}.subtitle.svelte-1edhnu4{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;color:#e9ecef;text-transform:uppercase;letter-spacing:3px}.intro-text.svelte-1edhnu4{font-size:clamp(1rem,2vw,1.2rem);max-width:600px;margin:0 auto;line-height:1.6;color:#ced4da}.intro-text.svelte-1edhnu4 p:where(.svelte-1edhnu4){margin:0}.scroll-prompt.svelte-1edhnu4{position:absolute;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#e9ecef;font-size:.9rem;letter-spacing:1px;transition:opacity .5s ease;z-index:10}.scroll-prompt.svelte-1edhnu4 svg:where(.svelte-1edhnu4){animation:bounce 2s infinite}.fade-out.svelte-1edhnu4{opacity:0;pointer-events:none}.water-drop.svelte-1edhnu4{position:absolute;background:radial-gradient(circle,rgba(64,156,255,.7) 0%,rgba(32,82,149,.3) 70%,transparent 100%);border-radius:50%;filter:blur(2px);z-index:1;animation:float 15s infinite linear}.water-drop-1.svelte-1edhnu4{width:150px;height:150px;top:10%;left:15%;animation-duration:20s}.water-drop-2.svelte-1edhnu4{width:250px;height:250px;bottom:20%;right:10%;animation-duration:25s;animation-delay:-5s}.water-drop-3.svelte-1edhnu4{width:100px;height:100px;top:30%;right:25%;animation-duration:18s;animation-delay:-8s}@media (max-width: 768px){.subtitle-container.svelte-1edhnu4{flex-direction:column;gap:.5rem}.pipe-icon.svelte-1edhnu4{width:80px;height:15px}.title-container.svelte-1edhnu4{padding:1.5rem}}.chart-container.svelte-12od52u{width:100%;height:500px;margin:0 auto}@media (max-width: 768px){.chart-container.svelte-12od52u{height:400px}}.data-section.svelte-a477mq{min-height:100vh;padding:4rem 2rem;background-color:#f8f9fa;display:flex;flex-direction:column;align-items:center;justify-content:center}h2.svelte-a477mq{font-size:2.5rem;margin-bottom:3rem;text-align:center;color:#1a2a6c;max-width:800px}.chart-wrapper.svelte-a477mq{width:100%;max-width:900px;margin-bottom:3rem;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 30px #00000014}.insights-wrapper.svelte-a477mq{display:flex;gap:2rem;flex-wrap:wrap;width:100%;max-width:900px;justify-content:center}.insight-card.svelte-a477mq{flex:1;min-width:320px;background:#fff;border-radius:8px;padding:1.5rem;display:flex;gap:1.5rem;align-items:center;box-shadow:0 4px 10px #0000000d;border-left:5px solid}.icon.svelte-a477mq{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.decrease.svelte-a477mq{background:#ff980020;color:#ff9800}.increase.svelte-a477mq{background:#2196f320;color:#2196f3}.content.svelte-a477mq h3:where(.svelte-a477mq){margin-top:0;margin-bottom:.5rem;color:#263238}.content.svelte-a477mq p:where(.svelte-a477mq){margin:0;color:#546e7a;line-height:1.6}@media (max-width: 768px){h2.svelte-a477mq{font-size:2rem}.chart-wrapper.svelte-a477mq{padding:1rem}.insights-wrapper.svelte-a477mq{flex-direction:column;gap:1rem}}.leak-point.svelte-jb9vrz{position:absolute;z-index:20;display:flex;align-items:center}.water-drop.svelte-jb9vrz{position:relative;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.drop-shape.svelte-jb9vrz{width:20px;height:20px;background:#e91e63;border-radius:50% 50% 40% 60%;transform:rotate(-45deg);box-shadow:0 0 15px #e91e6380}.ripple.svelte-jb9vrz{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(233,30,99,.4);animation:svelte-jb9vrz-ripple 2s infinite;opacity:0}@keyframes svelte-jb9vrz-ripple{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.8);opacity:0}}.pipeline-section.svelte-1ypnjhl{position:relative;padding:4rem 2rem;background:linear-gradient(to bottom,#f8f9fa,#e9ecef)}.pipeline-visualization-container.svelte-1ypnjhl{position:sticky;top:20vh;height:60vh;max-width:1200px;margin:0 auto;z-index:1}.pipeline-visualization.svelte-1ypnjhl{position:relative;height:100%}.leak-content-container.svelte-1ypnjhl{position:relative;max-width:1200px;margin:0 auto;z-index:5}.leak-content.svelte-1ypnjhl{min-height:100vh;display:flex;flex-direction:column;justify-content:center;width:45%;padding:2rem;opacity:.3;transition:opacity .5s ease}.leak-content.active.svelte-1ypnjhl{opacity:1}.leak-content.left.svelte-1ypnjhl{margin-right:auto}.leak-content.right.svelte-1ypnjhl{margin-left:auto}.leak-content.svelte-1ypnjhl .leak-header:where(.svelte-1ypnjhl){border-left:5px solid #1a2a6c;padding-left:1.5rem;transition:border-color .4s ease}.leak-content.active.svelte-1ypnjhl .leak-header:where(.svelte-1ypnjhl){border-left-color:#e91e63}.section-title.svelte-1ypnjhl{text-align:center;max-width:800px;margin:0 auto 4rem;position:relative;z-index:10}.section-title.svelte-1ypnjhl h2:where(.svelte-1ypnjhl){font-size:2.5rem;color:#1a2a6c}.section-title.svelte-1ypnjhl p:where(.svelte-1ypnjhl){font-size:1.3rem;color:#546e7a}.timeline.svelte-1ypnjhl{position:absolute;left:50%;transform:translate(-50%);width:4px;height:100%;background:#d1d5db;border-radius:5px}.milestone.svelte-1ypnjhl{position:absolute;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;justify-content:center;align-items:center;z-index:3;transition:all .5s ease}.milestone-point.svelte-1ypnjhl{width:20px;height:20px;background:#fff;border:3px solid #1a2a6c;border-radius:50%;transition:all .3s ease}.milestone.active.svelte-1ypnjhl .milestone-point:where(.svelte-1ypnjhl){transform:scale(1.5);background:#e91e63;border-color:#1a2a6c}.leak-header.svelte-1ypnjhl{display:flex;align-items:center;margin-bottom:1.5rem}.leak-number.svelte-1ypnjhl{background:#1a2a6c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-right:1.5rem;width:40px;height:40px;flex-shrink:0}.leak-content.active.svelte-1ypnjhl .leak-number:where(.svelte-1ypnjhl){background:#e91e63}h3.svelte-1ypnjhl{margin:0;font-size:1.6rem;color:#1a2a6c}.leak-content.active.svelte-1ypnjhl h3:where(.svelte-1ypnjhl){color:#e91e63}.leak-data.svelte-1ypnjhl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.description.svelte-1ypnjhl{margin:0;line-height:1.6;font-size:1.1rem;color:#546e7a;padding:1rem;background:#1a2a6c08;border-radius:8px}@media (max-width: 768px){.pipeline-visualization-container.svelte-1ypnjhl{display:none}.leak-content-container.svelte-1ypnjhl{padding-left:0;max-width:100%}.leak-content.svelte-1ypnjhl{min-height:80vh}}.solutions-section.svelte-123wk51{min-height:100vh;padding:4rem 2rem;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);position:relative;overflow:hidden}.header.svelte-123wk51{text-align:center;max-width:800px;margin:0 auto 4rem}.header.svelte-123wk51 h2:where(.svelte-123wk51){font-size:2.5rem;color:#1a2a6c;margin-bottom:1rem}.header.svelte-123wk51 p:where(.svelte-123wk51){font-size:1.3rem;color:#546e7a;max-width:600px;margin:0 auto}.solutions-grid.svelte-123wk51{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto 3rem}.solution-card.svelte-123wk51{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000014;opacity:0;transform:translateY(20px);transition:all .5s ease}.solution-card.visible.svelte-123wk51{opacity:1;transform:translateY(0)}.card-header.svelte-123wk51{padding:1.5rem;color:#fff;display:flex;align-items:center;gap:1rem}.solution-icon.svelte-123wk51{font-size:2rem}.card-header.svelte-123wk51 h3:where(.svelte-123wk51){margin:0;font-size:1.4rem}.card-body.svelte-123wk51{padding:1.5rem}.card-body.svelte-123wk51 ul:where(.svelte-123wk51){margin:0;padding:0;list-style-type:none}.card-body.svelte-123wk51 li:where(.svelte-123wk51){border-bottom:1px solid #eee;position:relative;padding:.7rem 0 .7rem 1.5rem}.card-body.svelte-123wk51 li:where(.svelte-123wk51):before{content:"✓";position:absolute;left:0;color:var(--color);font-weight:700}.call-to-action.svelte-123wk51{max-width:800px;margin:3rem auto 0;text-align:center;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014}.call-to-action.svelte-123wk51 h3:where(.svelte-123wk51){font-size:2rem;color:#1a2a6c;margin-bottom:1rem}.call-to-action.svelte-123wk51 p:where(.svelte-123wk51){font-size:1.2rem;color:#546e7a;max-width:600px;margin:0 auto 2rem}.action-buttons.svelte-123wk51{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}button.svelte-123wk51{padding:1rem 1.5rem;background:#1a2a6c;color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}button.svelte-123wk51:hover{background:#0d324d;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}@media (max-width: 768px){.action-buttons.svelte-123wk51{flex-direction:column;align-items:center}button.svelte-123wk51{width:100%;max-width:300px}}main.svelte-2b96g2{scroll-behavior:smooth}@keyframes svelte-2b96g2-fade{0%{opacity:0}to{opacity:1}}@keyframes svelte-2b96g2-flip{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}