html,body,root{margin:0;padding:0}:root{--primary:#1a73c9;--primary-dark:#0b4ea2;--secondary:#67d6ff;--water-blue:#5bc0ff;--water-deep:#144d90;--soft-bg:#eef8ff;--white:#fff;--text:#1d2a3a;--muted:#58687a;--border:#144d901f;--shadow:#0a2a4e1f}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--text);background:radial-gradient(circle at top,#67d6ff2e,#0000 25%),linear-gradient(#f6fbff 0%,#edf7ff 35%,#f8fcff 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}*{box-sizing:border-box}img{max-width:100%;display:block}button,input,textarea{font:inherit}.banner,.secondBanner,.product,.qualityStandards,.panIndia,.getInTouch,.addressInfo,.termsAndConditions{animation:.8s both fadeUp}.banner{width:100%;min-height:30vh;color:var(--white);background:linear-gradient(135deg,#1772c8f5,#5bc0ffe6);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:34px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 44px #0e56a433}.banner:before,.banner:after{content:"";filter:blur(10px);background:#ffffff14;border-radius:50%;width:240px;height:240px;position:absolute}.banner:before{top:-60px;right:-30px}.banner:after{bottom:-90px;left:-40px}.banner>div{z-index:1;text-align:center;animation:5s ease-in-out infinite floatText;position:relative}.banner>div:first-child{letter-spacing:.04em;font-size:clamp(1.4rem,2vw,2.2rem);font-weight:700}.banner>div:last-child{opacity:.95;font-size:clamp(1rem,1.6vw,1.45rem)}.secondBanner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);width:min(1200px,100% - 40px);box-shadow:0 26px 50px var(--shadow);background:#ffffffb8;border-radius:30px;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;margin:56px auto 0;padding:28px;display:grid}.secondBanner section{position:relative}.secondBanner h2{color:var(--text);margin:0 0 10px;font-size:clamp(2rem,3vw,3rem);line-height:1.1}.secondBanner p{color:var(--muted);text-align:justify;margin:0;font-size:1.02rem;line-height:1.9}.secondBanner>section:last-child{justify-content:center;display:flex}.secondBanner>section>img{border-radius:22px;width:min(420px,100%);transition:transform .35s,box-shadow .35s;animation:7s ease-in-out infinite floatingImage;box-shadow:0 24px 36px #195aa333}.secondBanner>section>img:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 30px 42px #195aa340}.product{text-align:center;width:min(1200px,100% - 40px);margin:72px auto 0;padding:36px 18px 14px}.product>h2,.product>h3,.qualityStandards>h2,.qualityStandards>h3,.getInTouch>h2,.panIndia>section>h1{text-align:center;margin:0}.product>h2,.qualityStandards>h2,.getInTouch>h2,.panIndia>section>h1{letter-spacing:-.04em;color:var(--text);font-size:clamp(2.1rem,3vw,3.2rem)}.product>h3,.qualityStandards>h3{max-width:760px;color:var(--muted);margin-top:10px;margin-left:auto;margin-right:auto;font-size:1.06rem;font-weight:500}.cardSection{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;margin-top:26px;display:grid}.card{background:linear-gradient(#ffffffdb,#e9f7ffc2);border:1px solid #1b61b124;border-radius:26px;flex-direction:column;justify-content:space-between;padding:18px 18px 22px;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 30px #0d4a8f14}.card:before{content:"";background:radial-gradient(circle,#5bc0ff57,#0000 60%);width:140px;height:140px;position:absolute;inset:-30% auto auto -30%;transform:translate(0)}.card:hover{border-color:#1873c94d;transform:translateY(-10px)scale(1.01);box-shadow:0 32px 56px #0e67bc29}.card>img{object-fit:contain;background:linear-gradient(#e4f5ffd9,#ffffff80);border-radius:18px;width:100%;height:280px;padding:10px;transition:transform .35s;transform:perspective(1000px)rotateX(4deg)}.card:hover>img{transform:perspective(1000px)rotateX(0)scale(1.04)}.card>p{min-height:72px;color:var(--text);justify-content:center;align-items:center;margin:14px 0 0;font-weight:600;line-height:1.6;display:flex}.qualityStandards{width:min(1200px,100% - 40px);margin:72px auto 0;padding:22px 10px 0}.filtrationProcess{background:linear-gradient(#ebf7ffe6,#ffffffd1);border:1px solid #1873c91f;border-radius:28px;margin-top:28px;padding:24px 18px 10px;box-shadow:0 18px 40px #0c488814}.process-visual{grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:18px;padding:18px 12px 0;display:grid;position:relative}.process-line{background:linear-gradient(90deg,#5bc0ff2e,#1a73c985,#5bc0ff2e);border-radius:999px;height:4px;position:absolute;top:42px;left:12%;right:12%;overflow:hidden}.process-line:before{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffe6 20%,#5bc0ffe6 50%,#ffffffe6 80%,#0000 100%);animation:4s linear infinite processFlow;position:absolute;inset:0}.process-step{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.step-icon{background:linear-gradient(135deg,#fffffff2,#d6effff5);border:2px solid #1e77d624;border-radius:50%;place-items:center;width:64px;height:64px;animation:2.6s ease-in-out infinite pulseStep;display:grid;box-shadow:0 14px 24px #1772c829,inset 0 0 0 4px #fffc}.step-icon svg{width:42px;height:42px;display:block}.step-copy{flex-direction:column;gap:6px;display:flex}.step-copy strong{color:var(--text);font-size:.96rem}.step-copy span{color:var(--muted);font-size:.8rem;line-height:1.5}.packing-visual{background:linear-gradient(#e5f4fff2,#ffffffdb);border:1px solid #1873c91f;border-radius:22px;justify-content:center;align-items:center;margin-top:26px;padding:18px 20px 14px;display:flex;overflow:hidden}.real-bottle-pack{filter:drop-shadow(0 14px 18px #13559414);justify-content:center;align-items:center;gap:18px;width:100%;max-width:760px;animation:2.8s ease-in-out infinite boxPulse;display:flex}.tray-area{background:linear-gradient(#d6ebf9eb,#c1e0f7eb);border:1px solid #1c67b01f;border-radius:26px;flex:1;justify-content:center;align-items:flex-end;gap:10px;min-height:150px;padding:18px 10px 12px;display:flex}.pack-bottle{justify-content:center;align-items:flex-end;height:120px;display:flex}.pack-bottle img{object-fit:contain;width:auto;height:100%;display:block}.pack-box-real{justify-content:center;align-items:center;width:180px;display:flex}.pack-box-real img{object-fit:contain;width:100%;height:auto;display:block}.qualityStandards>img{border:1px solid #1873c926;border-radius:20px;width:min(70%,760px);margin:28px auto 0;transition:transform .4s,box-shadow .4s;box-shadow:0 24px 46px #13549524}.qualityStandards>img:hover{transform:scale(1.01);box-shadow:0 34px 50px #13549533}@keyframes processFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulseStep{0%,to{transform:scale(1);box-shadow:0 14px 24px #1772c838}50%{transform:scale(1.06);box-shadow:0 20px 30px #1772c847}}@keyframes bottleFill{0%,to{opacity:.72;height:38%}50%{opacity:1;height:68%}}@keyframes bottleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes boxPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (width<=900px){.process-visual{grid-template-columns:repeat(2,minmax(140px,1fr))}.process-line{display:none}}@media (width<=640px){.filtrationProcess{padding-inline:10px}.process-visual{grid-template-columns:1fr}.packing-visual{flex-direction:column;align-items:center}.bottle-track{justify-content:center;width:100%}}.panIndia{border:1px solid var(--border);background:linear-gradient(#ffffffb8,#dbf0ffb3);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:min(1200px,100% - 40px);margin:72px auto 0;padding:28px 18px 8px;display:flex;box-shadow:0 24px 50px #184e8414}.panIndia>section>img{border-radius:18px;width:min(100%,1120px);max-height:70vh;margin-top:18px;transition:transform .4s;display:flex}.panIndia>section>img:hover{transform:scale(1.008)}.getInTouch{border:1px solid var(--border);background:linear-gradient(#fffc,#e8f4ffb8);border-radius:28px;width:min(1200px,100% - 40px);margin:72px auto 0;padding:38px 18px 26px;box-shadow:0 24px 52px #12447414}.contact-form{flex-direction:column;gap:18px;width:min(820px,100%);margin:26px auto 0;display:flex}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text);font-weight:600}.form-group>input,.form-group>textarea{width:100%;color:var(--text);background:#ffffffeb;border:1px solid #1873c92e;border-radius:14px;padding:12px 14px;transition:border-color .25s,box-shadow .25s,transform .25s}.form-group>input::placeholder,.form-group>textarea::placeholder{color:#58687acc}.form-group>input:focus,.form-group>textarea:focus{border-color:#1873c966;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #5bc0ff2e}.input-error{border-color:#cc3a3acc!important;box-shadow:0 0 0 4px #cc3a3a14!important}.field-error{color:#cf3a3a;margin-top:4px;font-size:.78rem;display:block}.form-group>textarea{resize:vertical;min-height:130px}.button{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;align-self:center;margin-top:8px;padding:14px 26px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 18px 26px #1772c838}.button:hover,.button:focus-visible{filter:brightness(1.02);transform:translateY(-2px)scale(1.02);box-shadow:0 24px 30px #1772c840}.addressInfo{background:#ffffff5c;border-top:1px solid #1873c91f;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(1200px,100% - 40px);margin:42px auto 0;padding:26px 20px;display:grid}.addressInfo section{padding:8px 10px;transition:transform .25s}.addressInfo section:hover{transform:translateY(-4px)}.addressInfo h3{color:var(--water-deep);margin:0 0 10px}.addressInfo p{color:var(--muted);margin:6px 0}.termsAndConditions{width:min(1200px,100% - 40px);color:var(--muted);border-top:1px solid #1873c91f;justify-content:center;align-items:center;margin:26px auto 0;padding:18px 12px 24px;font-size:.96rem;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatingImage{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (width<=900px){.secondBanner{grid-template-columns:1fr}.cardSection{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row,.addressInfo{grid-template-columns:1fr}}@media (width<=640px){.banner{min-height:22vh;padding:28px 16px}.secondBanner,.product,.qualityStandards,.panIndia,.getInTouch,.addressInfo,.termsAndConditions{width:calc(100% - 18px)}.secondBanner,.secondBanner h2,.product>h2,.product>h3,.qualityStandards>h2,.qualityStandards>h3,.panIndia>section>h1,.addressInfo,.addressInfo section,.termsAndConditions{text-align:center}.secondBanner p{text-align:justify}.cardSection,.form-row{grid-template-columns:1fr}.card>img{height:220px}.process-visual{grid-template-columns:1fr}.real-bottle-pack{flex-direction:column;gap:12px}.form-group label{text-align:left}.button{width:100%}}