*{margin:0;padding:0;box-sizing:border-box}:root{--primary-dark: #1b4d4b;--primary-light: #a8e3e0;--accent-cream: #ede6d3;--accent-gold: #f0c987;--dark-bg: #0f1419;--dark-surface: #1a1f26;--text-light: #ffffff;--text-muted: #b8bcc8;--text-dark: #2d3748;--font-body: "Roboto", sans-serif;--font-heading: "Cormorant Garamond", serif;--container-max-width: 1200px;--section-padding: 80px 0;--element-spacing: 2rem}body{font-family:var(--font-body);background-color:var(--dark-bg);color:var(--text-light);line-height:1.6;overflow-x:hidden}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;font-weight:700}h2{font-size:2.5rem}h3{font-size:1.8rem}p{margin-bottom:1rem;color:var(--text-muted)}a{color:var(--primary-light);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-gold)}.header{background:linear-gradient(135deg, var(--dark-surface) 0%, var(--primary-dark) 100%);position:fixed;top:0;width:100%;z-index:1000;backdrop-filter:blur(10px);border-bottom:1px solid rgba(168,227,224,.1)}.nav{padding:1rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.nav-brand h1{font-family:var(--font-heading);font-size:1.8rem;color:var(--accent-cream);margin:0}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.nav-link:hover,.nav-link.active{background-color:rgba(168,227,224,.1);color:var(--accent-gold)}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-toggle .bar{width:25px;height:3px;background-color:var(--accent-cream);transition:.3s;border-radius:2px}.hero{padding:140px 0 80px;background:linear-gradient(135deg, var(--dark-bg) 0%, var(--primary-dark) 100%);position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23A8E3E0' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.5}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.hero-title{font-size:56px;color:var(--accent-cream);margin-bottom:1rem;line-height:1.1}.hero-subtitle{font-size:1.5rem;color:var(--accent-gold);font-weight:500;margin-bottom:1.5rem;text-align:center}.hero-description{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.7}.cta-button{width:100%;max-width:360px;margin:0 auto 42px;background:linear-gradient(135deg, var(--primary-light) 0%, var(--accent-gold) 100%);color:var(--text-dark);padding:1rem 2rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(168,227,224,.3)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(168,227,224,.4)}.hero-image{text-align:center}.map-frame{width:100%}.hero-image img{width:100%;max-width:640px;height:auto;border-radius:8px;filter:drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3))}section{padding:var(--section-padding)}.page-hero{padding:140px 0 60px;background:linear-gradient(135deg, var(--dark-surface) 0%, var(--primary-dark) 100%);text-align:center}.page-title{font-size:3rem;color:var(--accent-cream);margin-bottom:1rem}.page-subtitle{font-size:1.2rem;color:var(--primary-light);max-width:600px;margin:0 auto}.section-title{text-align:center;color:var(--accent-cream);margin-bottom:3rem;position:relative}.section-title::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg, var(--primary-light), var(--accent-gold));border-radius:2px}.about-water{background-color:var(--dark-surface)}.water-info{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:3rem}.water-source,.water-quality,.certificates{background:linear-gradient(135deg, var(--primary-dark) 0%, rgba(27, 77, 75, 0.8) 100%);padding:2rem;border-radius:15px;border:1px solid rgba(168,227,224,.1)}.water-source h3,.water-quality h3,.certificates h3{color:var(--accent-gold);margin-bottom:1rem}.quality-list{list-style:none;padding:0}.quality-list li{padding:.5rem 0;border-bottom:1px solid rgba(168,227,224,.1);color:var(--text-muted)}.quality-list li:last-child{border-bottom:none}.eco-mission{background-color:var(--dark-bg)}.mission-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.mission-text h3{color:var(--accent-gold);margin-bottom:1.5rem}.eco-stats{margin-top:2rem;padding:2rem;background:linear-gradient(135deg, var(--primary-dark) 0%, rgba(27, 77, 75, 0.6) 100%);border-radius:15px;text-align:center}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:3rem;font-weight:700;color:var(--accent-gold);font-family:var(--font-heading)}.stat-label{color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.mission-values{display:flex;flex-direction:column;gap:2rem}.value{background:linear-gradient(135deg, var(--dark-surface) 0%, var(--primary-dark) 100%);padding:2rem;border-radius:15px;border-left:4px solid var(--accent-gold)}.value h4{color:var(--primary-light);margin-bottom:1rem}.comparison{background-color:var(--dark-surface)}.comparison-grid{display:grid;gap:3rem}.comparison-item{background:linear-gradient(135deg, var(--primary-dark) 0%, rgba(27, 77, 75, 0.8) 100%);padding:2rem;border-radius:15px;border:1px solid rgba(168,227,224,.1)}.comparison-item h3{color:var(--accent-gold);text-align:center;margin-bottom:2rem}.comparison-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.glass-side,.plastic-side{padding:1.5rem;border-radius:10px}.glass-side{background:linear-gradient(135deg, rgba(168, 227, 224, 0.1) 0%, rgba(240, 201, 135, 0.1) 100%);border:1px solid var(--primary-light)}.plastic-side{background:linear-gradient(135deg, rgba(255, 0, 0, 0.1) 0%, rgba(139, 69, 19, 0.1) 100%);border:1px solid rgba(255,100,100,.3)}.glass-side h4{color:var(--primary-light);margin-bottom:1rem}.plastic-side h4{color:#ff6b6b;margin-bottom:1rem}.comparison-content ul{list-style:none;padding:0}.comparison-content li{padding:.5rem 0;color:var(--text-muted);position:relative;padding-left:1.5rem}.glass-side li::before{content:"✓";position:absolute;left:0;color:var(--primary-light);font-weight:bold}.plastic-side li::before{content:"✗";position:absolute;left:0;color:#ff6b6b;font-weight:bold}.savings-calculator{background-color:var(--dark-bg)}.calculator-content{text-align:center}.calculator-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-bottom:3rem}.stat-item{background:linear-gradient(135deg, var(--primary-dark) 0%, rgba(27, 77, 75, 0.8) 100%);padding:2rem;border-radius:15px;border:1px solid rgba(168,227,224,.1)}.stat-item .stat-number{display:block;font-size:3rem;font-weight:700;color:var(--accent-gold);font-family:var(--font-heading);margin-bottom:.5rem}.stat-item .stat-label{color:var(--text-muted);font-size:1rem}.calculator-description{max-width:800px;margin:0 auto}.tariffs{background-color:var(--dark-surface)}.tariffs-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.tariff-card{background:linear-gradient(135deg, var(--primary-dark) 0%, rgba(27, 77, 75, 0.8) 100%);padding:2rem;border-radius:15px;border:1px solid rgba(168,227,224,.1);text-align:center;position:relative;transition:transform .3s ease}.tariff-card:hover{transform:translateY(-5px)}.tariff-card.featured{border:2px solid var(--accent-gold);transform:scale(1.05)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--accent-gold);color:var(--text-dark);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.tariff-card h3{color:var(--accent-cream);margin-bottom:1rem}.price{margin-bottom:2rem}.price .amount{font-size:3rem;font-weight:700;color:var(--accent-gold);font-family:var(--font-heading)}.price .currency{color:var(--text-muted);font-size:1rem}.features{list-style:none;padding:0;margin-bottom:2rem}.features li{padding:.5rem 0;color:var(--text-muted);border-bottom:1px solid rgba(168,227,224,.1)}.features li:last-child{border-bottom:none}.tariff-btn{background:linear-gradient(135deg, var(--primary-light) 0%, var(--accent-gold) 100%);color:var(--text-dark);padding:1rem 2rem;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.tariff-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(168,227,224,.4)}.how-it-works{background-color:var(--dark-bg)}.steps{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:3rem}.step{text-align:center;position:relative}.step-number{width:60px;height:60px;background:linear-gradient(135deg, var(--primary-light) 0%, var(--accent-gold) 100%);color:var(--text-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h3{color:var(--accent-gold);margin-bottom:1rem}.delivery-schedule{background-color:var(--dark-surface)}.schedule-info{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-bottom:2rem}.schedule-item{background:linear-gradient(135deg, var(--primary-dark) 0%, rgba(27, 77, 75, 0.8) 100%);padding:2rem;border-radius:15px;text-align:center;border:1px solid rgba(168,227,224,.1)}.schedule-item h3{color:var(--accent-gold);margin-bottom:1rem}.schedule-note{text-align:center;color:var(--text-muted);font-style:italic}.contacts{background-color:var(--dark-surface)}.contacts-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{background:linear-gradient(135deg, var(--primary-dark) 0%, rgba(27, 77, 75, 0.8) 100%);padding:12px 16px 12px 46px;border-radius:15px;border:1px solid rgba(168,227,224,.1)}.contact-item h3{color:var(--accent-gold);margin-bottom:1rem}.contact-item a{color:var(--primary-light)}.contact-item a:hover{color:var(--accent-gold)}.contact-form-section h2{color:var(--accent-cream);margin-bottom:2rem}.contact-form,.order-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea,.order-form input,.order-form textarea{padding:1rem;border:1px solid rgba(168,227,224,.3);border-radius:8px;background-color:var(--dark-surface);color:var(--text-light);font-family:var(--font-body)}.contact-form input:focus,.contact-form textarea:focus,.order-form input:focus,.order-form textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 2px rgba(168,227,224,.2)}.submit-btn{background:linear-gradient(135deg, var(--primary-light) 0%, var(--accent-gold) 100%);color:var(--text-dark);padding:1rem 2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(168,227,224,.4)}.map-section{background-color:var(--dark-bg)}.map-placeholder{text-align:center;background:linear-gradient(135deg, var(--primary-dark) 0%, rgba(27, 77, 75, 0.8) 100%);padding:1rem;border:1px solid rgba(168,227,224,.1)}.map-placeholder img{max-width:100%;height:auto;border-radius:10px;margin-bottom:1rem}.legal-content{background-color:var(--dark-surface)}.legal-text{max-width:800px;margin:0 auto;background:linear-gradient(135deg, var(--primary-dark) 0%, rgba(27, 77, 75, 0.8) 100%);padding:3rem;border-radius:15px;border:1px solid rgba(168,227,224,.1)}.legal-text h2{color:var(--accent-gold);margin-top:2rem;margin-bottom:1rem}.legal-text h2:first-child{margin-top:0}.legal-text h3{color:var(--primary-light);margin-top:1.5rem;margin-bottom:1rem}.legal-text ul{margin-left:2rem;margin-bottom:1rem}.legal-text li{color:var(--text-muted);margin-bottom:.5rem}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg, var(--dark-surface) 0%, var(--primary-dark) 100%);margin:10% auto;padding:2rem;border-radius:15px;width:90%;max-width:500px;position:relative;border:1px solid rgba(168,227,224,.3)}.close{color:var(--text-muted);float:right;font-size:2rem;font-weight:bold;cursor:pointer;line-height:1}.close:hover{color:var(--accent-gold)}.modal h2{color:var(--accent-cream);margin-bottom:1.5rem}.footer{background:linear-gradient(135deg, var(--dark-surface) 0%, var(--primary-dark) 100%);padding:3rem 0 1rem;border-top:1px solid rgba(168,227,224,.1)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-bottom:2rem}.footer-info h3{color:var(--accent-cream);margin-bottom:.5rem}.footer-info p{color:var(--text-muted);font-style:italic}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--text-muted);transition:color .3s ease}.footer-links a:hover{color:var(--primary-light)}.footer-contact p{color:var(--text-muted);margin-bottom:.5rem}@media(max-width: 768px){:root{--section-padding: 60px 0}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:linear-gradient(135deg, var(--dark-surface) 0%, var(--primary-dark) 100%);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,.05);padding:2rem 0;border-top:1px solid rgba(168,227,224,.1)}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.page-title{font-size:2rem}h1{font-size:2.5rem}h2{font-size:2rem}.mission-content{grid-template-columns:1fr;gap:2rem}.comparison-content{grid-template-columns:1fr;gap:1rem}.contacts-grid{grid-template-columns:1fr;gap:2rem}.calculator-stats{grid-template-columns:1fr}.tariffs-grid{grid-template-columns:1fr}.tariff-card.featured{transform:none}.steps{grid-template-columns:1fr;gap:2rem}.schedule-info{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{align-items:center}.modal-content{margin:20% auto;width:95%;padding:1.5rem}}@media(max-width: 480px){.container{padding:0 15px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.page-title{font-size:1.8rem}.legal-text{padding:2rem}.stat-item .stat-number,.stat-number{font-size:2rem}.price .amount{font-size:2rem}}html{scroll-behavior:smooth}img{transition:opacity .3s ease}button:focus,input:focus,textarea:focus,a:focus{outline:2px solid var(--primary-light);outline-offset:2px}