:root{--green:#0c342d;--pine:#092820;--lime:#b8dc47;--cream:#f8f7f2;--paper:#fffefa;--ink:#183b34;--muted:#63746d;--line:#dce3dc;--rose:#f8e1e4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--green);font:15px 'DM Sans',sans-serif;overflow-x:hidden}
.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.6;z-index:-1}
.orb-one{width:330px;height:330px;background:#e3f1dc;right:-100px;top:460px}
.orb-two{width:220px;height:220px;background:#f5dedb;left:-90px;top:1650px}
.nav{height:78px;padding:10px 5.6%;display:flex;gap:22px;align-items:center;position:sticky;top:0;z-index:10;background:#f8f7f2dd;border-bottom:1px solid #e6eae3;backdrop-filter:blur(16px)}
.brand img,footer img{width:124px;mix-blend-mode:multiply;display:block}
.nav nav{display:flex;gap:22px;margin:auto}
.nav a{font:600 12px Manrope;text-decoration:none;color:var(--green)}
.nav nav a:hover{color:#668915}
.nav-whatsapp,.primary-btn{background:var(--green);color:#fff!important;border:1px solid var(--green);border-radius:99px;padding:12px 17px;font:700 11px Manrope;text-decoration:none;letter-spacing:.15px;display:inline-flex;align-items:center;gap:13px;cursor:pointer;transition:.25s}
.nav-whatsapp:hover,.primary-btn:hover{background:#245b4d;transform:translateY(-2px)}
.menu-button{display:none;border:0;background:none;color:var(--green);font-size:22px}
.hero{min-height:670px;max-width:1300px;margin:auto;padding:60px 5.6% 35px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:40px}
.overline{display:block;font:700 10px Manrope;letter-spacing:1.9px;color:#6b8a1f;margin-bottom:16px}
.hero h1,h2{font:700 clamp(42px,5.3vw,73px)/1.03 Manrope;margin:0;letter-spacing:-3.5px}
.hero h1 em,h2 em{font-family:'Playfair Display';font-weight:600;color:#668915}
.hero-copy>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:470px;margin:23px 0 30px}
.hero-actions{display:flex;gap:12px;align-items:center}
.secondary-btn{border:1px solid #b8c7ba;border-radius:99px;padding:11px 17px;color:var(--green);font:700 11px Manrope;text-decoration:none;display:inline-block;transition:.25s}
.secondary-btn:hover{background:#fff}
.trust-line{display:flex;align-items:center;gap:10px;margin-top:30px;color:#61736b;font:600 10px Manrope}
.trust-line i{height:3px;width:3px;background:#91af36;border-radius:50%}
.hero-products{height:530px;position:relative;border-radius:48% 48% 35% 35%;background:radial-gradient(circle at 50% 37%,#fdfefa 0 23%,#e4efdc 62%,#d7e7de 100%);overflow:hidden}
.halo{width:72%;aspect-ratio:1;position:absolute;left:14%;top:8%;border:1px solid #ffffffb8;border-radius:50%}
.hero-bottle{position:absolute;object-fit:contain;filter:drop-shadow(0 22px 15px #3150422c);animation:float 5s ease-in-out infinite}
.b-rose{height:66%;left:4%;bottom:2%;z-index:2}
.b-orange{height:72%;left:22%;bottom:3%;z-index:4;animation-delay:-1s}
.b-aqua{height:91%;left:39%;bottom:0;z-index:5;animation-delay:-2.2s}
.b-lemon{height:71%;right:18%;bottom:3%;z-index:3;animation-delay:-3s}
.b-aloe{height:63%;right:1%;bottom:3%;z-index:2;animation-delay:-4s}
.hero-label{position:absolute;bottom:23px;right:26px;z-index:6;background:#ffffffd9;border-radius:14px;padding:12px 14px;text-align:right;font:700 10px Manrope}
.hero-label b,.hero-label span{display:block}
.hero-label span{font-weight:500;color:var(--muted);margin-top:3px}
.intro-strip{padding:18px 5.6%;background:var(--green);color:#e4eadc;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}
.intro-strip span{font:700 10px Manrope;letter-spacing:2px;color:var(--lime)}
.section{max-width:1250px;margin:0 auto;padding:110px 5.6%}
.section-head{text-align:center;max-width:650px;margin:0 auto 42px}
.section-head h2{font-size:52px}
.section-head p,.quiz-aside p,.wholesale-head p{line-height:1.7;color:var(--muted);max-width:480px;margin:17px auto 0}
.product-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:30px}
.product-filters button{border:1px solid var(--line);background:transparent;color:var(--muted);font:700 10px Manrope;padding:10px 14px;border-radius:99px;cursor:pointer}
.product-filters button.active{background:var(--green);color:white;border-color:var(--green)}
.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}
.product-card{border:1px solid var(--line);border-radius:20px;background:var(--paper);overflow:hidden;position:relative;transition:.3s}
.product-card:hover{transform:translateY(-7px);box-shadow:0 19px 30px #1e46341a}
.product-image{height:265px;background:#edf3ed;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.product-image img{height:112%;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:.45s}
.product-card:hover .product-image img{transform:scale(1.08)}
.product-info{padding:16px}
.product-info small{font:700 9px Manrope;letter-spacing:1px;color:#74847a}
.product-info h3{font:700 17px Manrope;margin:7px 0}
.product-info p{font-size:11px;line-height:1.55;color:var(--muted);min-height:51px;margin:0}
.price-row{display:flex;justify-content:space-between;align-items:center;margin:13px 0}
.price-row b{font:700 13px Manrope}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.card-actions button,.card-actions a{padding:9px 4px;text-align:center;border-radius:9px;font:700 9px Manrope;text-decoration:none;cursor:pointer}
.detail-btn{border:1px solid #b8c9bb;background:white;color:var(--green)}
.order-btn{border:1px solid var(--green);background:var(--green);color:#fff}
.storytelling{background:#e2eddd;padding:90px 5.6%;min-height:580px}
.story-pin{max-width:1070px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.story-product{height:430px;background:#f9fbf6;border-radius:50% 50% 42% 42%;display:flex;justify-content:center;overflow:hidden}
.story-product img{height:100%;object-fit:contain;filter:drop-shadow(0 25px 16px #20413226)}
.story-copy h2,.use-cases h2,.quiz-aside h2,.ahmedabad h2,.wholesale h2,.brand-story h2{font-size:48px}
.story-copy p,.use-cases p,.ahmedabad p,.brand-story p{line-height:1.8;color:var(--muted);max-width:450px}
.story-points{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.story-points span,.business-types span{font:600 10px Manrope;padding:9px 11px;border-radius:99px;border:1px solid #b6c8b5}
.inline-link{font:700 12px Manrope;color:#5f8122;text-decoration:none}
.inline-link b{font-size:17px;margin-left:7px}
.why{padding-bottom:85px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.feature-grid article{padding:27px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.feature-grid article:nth-child(3n){border-right:0}
.feature-grid b{font:700 10px Manrope;color:#77982d}
.feature-grid h3{font:700 17px Manrope;margin:18px 0 9px}
.feature-grid p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.use-cases{max-width:1250px;margin:auto;padding:40px 5.6% 110px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}
.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.use-grid div{height:150px;border-radius:18px;padding:17px;display:flex;align-items:flex-end;background:linear-gradient(145deg,#dcead9,#fcfbf7);color:var(--green);font:700 13px Manrope}
.use-grid div:nth-child(2){background:linear-gradient(145deg,#f5e6dc,#fbfaf5)}
.use-grid div:nth-child(3){background:linear-gradient(145deg,#d9e8ef,#f7faf8)}
.use-grid div:nth-child(4){background:linear-gradient(145deg,#e8ecd1,#fbfaf5)}
.quiz{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;background:#f0eee5;max-width:none;padding:100px max(5.6%,calc((100% - 1130px)/2))}
.quiz-aside p{margin-left:0}
.quiz-note{margin-top:36px;font:700 11px Manrope;color:#668915}
.quiz-note span{font-size:20px}
.quiz-panel{background:var(--paper);border:1px solid #e2e4db;padding:33px;border-radius:22px;min-height:325px}
.quiz-meta{display:flex;justify-content:space-between;color:#778575;font:700 10px Manrope}
.quiz-progress{height:3px;background:#e3e8e0;margin:12px 0 30px}
.quiz-progress i{display:block;height:100%;background:#739821;transition:.3s}
.quiz-panel h3{font:700 24px Manrope;margin:0 0 20px}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quiz-options button{border:1px solid var(--line);border-radius:12px;background:white;padding:15px;text-align:left;color:var(--green);font:700 12px Manrope;cursor:pointer}
.quiz-options button.selected{background:var(--green);border-color:var(--green);color:#fff}
.quiz-next{margin-top:22px;width:100%;justify-content:center}
.quiz-result{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center}
.quiz-result img{height:170px;width:100%;object-fit:contain}
.quiz-result h3{margin:4px 0;font-size:24px}
.reviews{padding-top:100px}
.review-placeholder{border:1px dashed #bfcbbd;border-radius:20px;padding:35px;text-align:center;color:var(--muted);max-width:650px;margin:auto}
.review-placeholder span{display:block;font-size:24px;color:#7f9e33}
.ahmedabad{background:var(--green);color:#fff;display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center;padding:90px max(5.6%,calc((100% - 1110px)/2))}
.ahmedabad .overline{color:var(--lime)}
.ahmedabad h2{color:#fff}
.ahmedabad h2 em{color:var(--lime)}
.ahmedabad p{color:#d3dfd7}
.ahmedabad .primary-btn{background:var(--lime);border-color:var(--lime);color:var(--green)!important}
.location-mark{border:1px solid #7e978d;border-radius:50%;width:min(330px,90vw);aspect-ratio:1;margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}
.location-mark span{font:600 44px 'Playfair Display';color:var(--lime)}
.location-mark b{font:700 20px Manrope;margin:5px}
.location-mark i{font-size:10px;color:#cbd8d0;font-style:normal}
.wholesale{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}
.wholesale-head p{margin-left:0}
.business-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.wholesale-form{background:#eaf0e7;padding:31px;border-radius:22px}
.wholesale-form h3{font:700 24px Manrope;margin:0 0 21px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wholesale-form label{font:700 10px Manrope;color:var(--green)}
.wholesale-form input,.wholesale-form select{display:block;width:100%;margin-top:6px;border:1px solid #cbd8cb;background:#fff;border-radius:9px;padding:11px;color:var(--green);font:12px 'DM Sans'}
.wholesale-form .primary-btn{margin-top:20px;border:0}
.coming{background:#f1f2e9;max-width:none;padding:100px max(5.6%,calc((100% - 1250px)/2))}
.coming-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.coming-grid article{background:#fffefa;padding:25px;border-radius:19px;min-height:195px}
.coming-grid i{font-style:normal;font-size:30px;color:#77972d}
.coming-grid h3{font:700 17px Manrope;margin:22px 0 7px}
.coming-grid p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}
.coming-grid span{display:inline-block;color:#6e9026;border:1px solid #cbdcb2;border-radius:99px;padding:7px 9px;font:700 9px Manrope;margin-top:19px}
.brand-story{max-width:1070px;margin:auto;padding:110px 5.6%;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.story-logo{height:300px;border-radius:50% 50% 0 0;background:#e5eddc;display:flex;justify-content:center;align-items:center}
.story-logo img{width:75%;mix-blend-mode:multiply}
.instagram{padding-top:15px}
.insta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.insta-grid img,.insta-grid div{width:100%;height:200px;object-fit:contain;background:#edf2e8;border-radius:15px;mix-blend-mode:multiply}
.insta-grid div{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--muted);font:600 12px Manrope;mix-blend-mode:normal}
footer{background:var(--pine);color:#dce7da;padding:57px 5.6% 23px}
.footer-top{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}
.footer-top img{background:#fff;border-radius:2px;width:140px}
.footer-top p{font-size:12px;color:#a7b9ae}
.footer-top b{display:block;font:700 10px Manrope;color:#9fbe47;margin-bottom:14px}
.footer-top a{display:block;color:#dce7da;font-size:11px;text-decoration:none;margin:10px 0}
.footer-bottom{border-top:1px solid #315449;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#a7b9ae}
.floating-wa{position:fixed;right:20px;bottom:20px;z-index:9;text-decoration:none;background:#e3f3d3;color:#25431d;padding:12px 15px;border-radius:99px;font:700 11px Manrope;box-shadow:0 10px 25px #0a2c2233}
.floating-wa span{margin-left:5px}
dialog{border:0;border-radius:22px;padding:0;width:min(780px,94vw);box-shadow:0 30px 100px #102b244d}
dialog::backdrop{background:#0928208a;backdrop-filter:blur(4px)}
.modal-close{position:absolute;right:15px;top:12px;z-index:2;border:0;background:#fff;border-radius:50%;width:32px;height:32px;font-size:21px;cursor:pointer}
.modal-layout{display:grid;grid-template-columns:.9fr 1.1fr}
.modal-layout figure{margin:0;background:#edf3ed;min-height:500px;display:flex;align-items:center;justify-content:center}
.modal-layout figure img{width:95%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.modal-copy{padding:50px 42px}
.modal-copy h2{font-size:42px}
.modal-copy p{color:var(--muted);line-height:1.7}
.benefit-list{padding:0;list-style:none}
.benefit-list li{font-size:12px;margin:9px 0}
.benefit-list li:before{content:'✓';color:#789a2e;margin-right:8px}
.quantity{display:flex;align-items:center;gap:13px;margin:21px 0}
.quantity button{width:28px;height:28px;border:1px solid #c4d1c4;background:#fff;border-radius:50%;color:var(--green);cursor:pointer}
.modal-actions{display:flex;gap:8px;flex-wrap:wrap}
.share{margin-top:22px;font-size:11px;color:var(--muted)}
.share a{color:#668915;margin-left:8px;text-decoration:none}
@keyframes float{50%{transform:translateY(-10px)}
}
.reveal{opacity:0;transform:translateY(17px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.nav nav{gap:12px}
.nav nav a{font-size:10px}
.product-grid{grid-template-columns:repeat(3,1fr)}
.hero{grid-template-columns:1fr;min-height:auto;text-align:center}
.hero-copy>p{margin-left:auto;margin-right:auto}
.hero-actions,.trust-line{justify-content:center}
.hero-products{max-width:590px;width:100%;margin:auto}
.story-pin,.quiz,.wholesale{gap:35px}
.use-cases{gap:35px}
.section{padding-top:80px;padding-bottom:80px}
}
@media(max-width:650px){body{padding-bottom:59px}
.nav{height:66px;padding:7px 5%}
.brand img{width:105px}
.menu-button{display:block;margin-left:auto}
.nav nav{display:none}
.nav nav.open{display:flex;position:absolute;top:61px;left:4%;right:4%;padding:18px;flex-direction:column;gap:16px;background:#f9f9f5;border:1px solid var(--line);border-radius:16px}
.nav-whatsapp{font-size:0;padding:10px 12px}
.nav-whatsapp span{font-size:14px}
.hero{padding:42px 6% 30px;gap:23px}
.hero h1{font-size:45px;letter-spacing:-2.5px}
.hero-products{height:360px;border-radius:42% 42% 28% 28%}
.b-rose{height:61%}
.b-orange{height:66%}
.b-aqua{height:86%}
.b-lemon{height:66%}
.b-aloe{height:58%}
.intro-strip{padding:15px 6%;display:block;text-align:center}
.intro-strip p:last-child{display:none}
.intro-strip p{margin:0 0 7px;font-size:10px}
.section,.coming{padding:70px 6%}
.section-head h2,.story-copy h2,.use-cases h2,.quiz-aside h2,.ahmedabad h2,.wholesale h2,.brand-story h2{font-size:38px;letter-spacing:-2.2px}
.product-grid{grid-template-columns:1fr 1fr;gap:10px}
.product-image{height:210px}
.product-info{padding:12px}
.product-info h3{font-size:15px}
.product-info p{font-size:10px}
.card-actions{grid-template-columns:1fr}
.storytelling{padding:65px 6%}
.story-pin,.use-cases,.quiz,.ahmedabad,.wholesale,.brand-story{grid-template-columns:1fr}
.story-pin{gap:30px}
.story-product{height:340px}
.feature-grid{grid-template-columns:1fr 1fr}
.feature-grid article:nth-child(3n){border-right:1px solid var(--line)}
.feature-grid article:nth-child(2n){border-right:0}
.use-cases{padding:20px 6% 70px}
.quiz{padding:70px 6%}
.quiz-panel{padding:23px}
.quiz-options{grid-template-columns:1fr}
.ahmedabad{padding:70px 6%;gap:40px}
.location-mark{width:260px}
.wholesale-form{padding:22px}
.form-grid{grid-template-columns:1fr}
.coming-grid{grid-template-columns:1fr 1fr}
.brand-story{padding:70px 6%;gap:38px}
.insta-grid{grid-template-columns:1fr 1fr}
.insta-grid img,.insta-grid div{height:150px}
.footer-top{grid-template-columns:1fr 1fr}
.footer-top>div:first-child{grid-column:span 2}
.footer-bottom{display:block;line-height:1.8}
.floating-wa{left:0;right:0;bottom:0;border-radius:0;text-align:center;padding:15px}
.modal-layout{grid-template-columns:1fr}
.modal-layout figure{min-height:270px;height:270px}
.modal-copy{padding:28px}
.modal-copy h2{font-size:34px}
.modal-actions{display:grid;grid-template-columns:1fr}
.modal-actions a,.modal-actions button{justify-content:center;text-align:center}
.hero-label{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Updated AVEO product photography: retain the full bottle in every card. */
.product-image{height:310px;background:#fff}
.product-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:normal}
.story-product img{width:100%;mix-blend-mode:normal}
.insta-grid img{background:#edf2e8;mix-blend-mode:normal}
.footer-top img{background:transparent;border-radius:0}
.footer-top a.domain-link{color:#b8dc47;font:700 12px Manrope;margin-top:14px}
@media(max-width:650px){.product-image{height:260px}}