:root{--primary:#123c8c;--secondary:#047bd5;--accent:#15b9f3;--navy:#061b49;--text:#13243f;--muted:#5f6f89;--bg:#f6fbff;--white:#fff;--shadow:0 20px 45px rgba(15,77,145,.13);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#fff;text-align:center;font-size:14px;padding:9px 12px}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e9f1fb}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:150px}.main-nav{display:flex;align-items:center;gap:26px;font-weight:700;font-size:15px}.main-nav a{padding:10px 0;position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:4px;width:0;height:3px;border-radius:20px;background:var(--accent);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;font-weight:800;padding:13px 22px;cursor:pointer;transition:.25s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 14px 28px rgba(4,123,213,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(4,123,213,.3)}.btn-outline{border:1px solid #cfe4f8;color:var(--primary);background:#fff}.btn-outline:hover{background:#eff9ff}.menu-btn{display:none;width:46px;height:46px;border:1px solid #d9e9f8;background:#fff;border-radius:14px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-btn span{width:22px;height:2px;background:var(--primary);display:block;border-radius:10px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 15%,#cff4ff 0,#fff 35%,#f3fbff 100%);padding:80px 0 90px}.hero:before{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(18,167,235,.18));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:56px;position:relative;z-index:2}.eyebrow{color:var(--secondary);font-size:13px;letter-spacing:2.2px;text-transform:uppercase;font-weight:900}.hero h1,.page-hero h1{font-size:clamp(44px,6vw,82px);line-height:.98;margin:12px 0 20px;color:var(--navy);letter-spacing:-2px}.hero p{font-size:20px;color:var(--muted);max-width:610px;margin:0 0 28px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.trust-row span{background:rgba(255,255,255,.9);border:1px solid #d9edf9;border-radius:999px;padding:8px 13px;color:#21456f;font-size:14px;font-weight:800}.hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.circle-bg{position:absolute;width:min(500px,90%);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#e4f9ff,#bceeff);box-shadow:inset 0 0 70px rgba(255,255,255,.8),var(--shadow)}.hero-bottle{position:relative;width:min(520px,92%);filter:drop-shadow(0 26px 36px rgba(0,62,122,.22));animation:float 5s ease-in-out infinite}.bubble{position:absolute;border-radius:50%;background:rgba(21,185,243,.22);border:1px solid rgba(4,123,213,.18);animation:rise 7s ease-in-out infinite}.b1{width:60px;height:60px;right:8%;top:18%}.b2{width:34px;height:34px;left:12%;top:24%;animation-delay:1s}.b3{width:46px;height:46px;right:18%;bottom:14%;animation-delay:2s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes rise{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(-22px);opacity:1}}section{padding:88px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 42px}.section-head h2{font-size:clamp(32px,4.5vw,54px);line-height:1.05;margin:8px 0 14px;color:var(--navy);letter-spacing:-1px}.section-head p{color:var(--muted);font-size:18px}.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.intro-logo{background:linear-gradient(145deg,#fff,#effaff);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}.intro-logo img{width:270px;margin:auto}.intro h2{font-size:42px;line-height:1.05;color:var(--navy);margin:0 0 16px}.product-section{background:var(--bg)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product-card{background:#fff;border:1px solid #e4f0fb;border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);min-height:520px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.product-card:hover{transform:translateY(-8px)}.product-img-wrap{height:300px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8fdff,#eef9ff);border-radius:22px;margin-bottom:20px;overflow:hidden}.product-card:nth-child(1) .product-img-wrap img{max-height:290px}.product-card:nth-child(2) .product-img-wrap img,.product-card:nth-child(3) .product-img-wrap img{max-height:285px}.product-card h3{font-size:24px;color:var(--primary);margin:0 0 8px}.product-card p{color:var(--muted);margin:0 0 18px}.quality{background:#fff}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.quality-panel{background:linear-gradient(145deg,var(--primary),var(--secondary));color:#fff;border-radius:var(--radius);padding:44px;box-shadow:var(--shadow);position:relative;overflow:hidden}.quality-panel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.14);right:-80px;bottom:-80px}.quality-panel h2{font-size:44px;line-height:1.08;margin:0 0 16px}.quality-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.quality-item{background:#fff;border:1px solid #e4f0fb;border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(19,57,107,.08)}.quality-item strong{display:block;color:var(--navy);font-size:18px;margin-bottom:6px}.quality-item p{margin:0;color:var(--muted)}.delivery{background:linear-gradient(180deg,#f7fcff,#fff)}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.delivery-card{background:#fff;border:1px solid #dfeefb;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.delivery-card .icon{font-size:34px;margin-bottom:10px}.cta{padding:60px 0;background:var(--navy);color:#fff}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{font-size:38px;line-height:1.1;margin:0}.footer{background:#0b3d98;color:#fff;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:36px}.footer-logo{width:170px;margin-bottom:18px}.footer a{display:block;color:#e9f7ff;margin:9px 0}.footer p{color:#d7ecff}.copyright{border-top:1px solid rgba(255,255,255,.25);margin-top:38px;padding-top:20px;color:#d7ecff;text-align:center}.page-hero{background:linear-gradient(135deg,#eaf9ff,#fff);padding:82px 0;text-align:center}.page-hero p{font-size:20px;color:var(--muted);max-width:760px;margin:auto}.story-grid,.contact-grid,.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.story-image,.contact-card,.login-card{background:#fff;border:1px solid #e1eef8;border-radius:var(--radius);box-shadow:var(--shadow);padding:34px}.story-image img{border-radius:24px}.contact-card h3,.login-card h2{font-size:30px;color:var(--navy);margin-top:0}.contact-list{display:grid;gap:16px}.contact-list div{padding:16px;border-radius:16px;background:#f4fbff}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;border:1px solid #cfe4f8;border-radius:16px;padding:15px 16px;font:inherit;outline:none}.form input:focus,.form textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 4px rgba(21,185,243,.12)}.form textarea{min-height:130px;resize:vertical}.login-section{min-height:70vh;display:flex;align-items:center;background:linear-gradient(145deg,#f6fbff,#fff)}.login-card{max-width:520px;margin:auto;width:100%}.login-card .login-logo{width:190px;margin:0 auto 20px}.map-box{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid #dfeefb;min-height:320px;background:#e9f7ff}.map-box iframe{width:100%;height:360px;border:0}.fade-up{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.fade-up.in-view{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.fade-up{opacity:1;transform:none}}@media (max-width:980px){.nav-wrap{height:78px}.brand img{width:130px}.menu-btn{display:flex}.main-nav{position:fixed;left:0;right:0;top:calc(78px + 34px);background:#fff;border-bottom:1px solid #e3eef8;box-shadow:0 20px 35px rgba(7,44,94,.12);padding:18px 22px;display:none;flex-direction:column;align-items:flex-start;gap:4px}.main-nav.open{display:flex}.nav-actions{display:none}.hero{padding:58px 0 70px}.hero-grid,.intro-grid,.quality-grid,.story-grid,.contact-grid,.login-grid{grid-template-columns:1fr}.hero-visual{min-height:430px;order:-1}.hero-bottle{width:min(390px,92%)}.product-grid,.delivery-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta .container{flex-direction:column;text-align:center}.quality-list{grid-template-columns:1fr}}@media (max-width:640px){.topbar{font-size:12px}.container{width:min(100% - 32px,1180px)}.hero{text-align:center;padding-top:38px}.hero-grid{gap:26px}.hero h1,.page-hero h1{font-size:42px;letter-spacing:-1px}.hero p{font-size:16px}.hero-buttons,.trust-row{justify-content:center}.hero-visual{min-height:330px}.circle-bg{width:300px}.hero-bottle{width:min(310px,94%)}section{padding:62px 0}.product-grid,.delivery-grid,.footer-grid{grid-template-columns:1fr}.product-card{min-height:auto;padding:20px}.product-img-wrap{height:260px}.product-card:nth-child(1) .product-img-wrap img{max-height:245px}.product-card:nth-child(2) .product-img-wrap img,.product-card:nth-child(3) .product-img-wrap img{max-height:245px}.intro h2,.quality-panel h2{font-size:32px}.quality-panel{padding:28px}.cta h2{font-size:28px}.footer{text-align:center}.footer-logo{margin-left:auto;margin-right:auto}.main-nav{top:calc(78px + 32px)}.btn{width:100%;max-width:280px}.contact-card,.login-card,.story-image{padding:22px}.map-box iframe{height:300px}}