*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f8fbf3;color:#162115;overflow-x:hidden}a{text-decoration:none;color:inherit}.topbar{background:#101a0f;color:#fff;display:flex;justify-content:center;gap:16px;padding:10px 14px;font-size:14px;position:relative;z-index:10}.topbar span{color:#c8ff4b}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw;background:rgba(248,251,243,.74);backdrop-filter:blur(18px);border-bottom:1px solid rgba(22,33,21,.08)}.logo{font-weight:900;font-size:22px}.logo span,.brand-mark span{color:#111}.nav .logo span,.brand-mark{color:#6da51d}nav{display:flex;gap:28px;font-weight:700;font-size:14px;color:#52604c}.nav-cta,.btn{border-radius:999px;padding:14px 22px;font-weight:900}.nav-cta,.primary{background:#8bc51e;color:#101a0f;box-shadow:0 18px 40px rgba(139,197,30,.32)}.ghost{border:1px solid rgba(22,33,21,.16);background:#fff}.section{padding:92px 6vw}.hero{min-height:calc(100vh - 44px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;position:relative}.pill{display:inline-flex;padding:10px 16px;border-radius:999px;background:#edf8d7;color:#5d8b17;font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-family:Playfair Display,serif;font-size:clamp(54px,7vw,104px);line-height:.88;margin:24px 0 22px;letter-spacing:-.06em}.hero h1 span{color:#7db81b}.lead{font-size:19px;line-height:1.7;color:#566451;max-width:650px}.price-row{display:flex;align-items:center;gap:18px;margin:28px 0}.old-price{text-decoration:line-through;color:#7d8778;font-weight:800}.price{font-size:44px;color:#101a0f}.discount{background:#ffefb8;border:1px solid #ffd869;padding:9px 13px;border-radius:999px;font-weight:900;color:#6c3a00}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;color:#52604c;font-weight:700}.product-stage{height:650px;display:grid;place-items:center;position:relative;perspective:1000px}.serum-bottle{width:230px;height:520px;position:relative;transform-style:preserve-3d;animation:float 4s ease-in-out infinite, tilt 7s ease-in-out infinite}.dropper{position:absolute;top:0;left:50%;transform:translateX(-50%);width:82px;height:115px;background:linear-gradient(90deg,#e9e9e6,#fff,#d8d9d5);border-radius:45px 45px 24px 24px;box-shadow:inset -18px 0 32px rgba(0,0,0,.08);z-index:3}.cap{position:absolute;top:98px;left:50%;transform:translateX(-50%);width:180px;height:78px;background:linear-gradient(90deg,#aaa,#f7f7f7 48%,#979797);border-radius:12px;box-shadow:0 18px 24px rgba(0,0,0,.16);z-index:4}.neck{position:absolute;top:162px;left:50%;transform:translateX(-50%);width:132px;height:46px;background:rgba(238,239,235,.82);border-radius:18px;z-index:2}.bottle-body{position:absolute;top:190px;left:50%;transform:translateX(-50%);width:215px;height:315px;border-radius:50px 50px 28px 28px;background:linear-gradient(90deg,#d7d8d3,#fff 28%,#f0f1ed 55%,#c8cac3);box-shadow:inset -18px 0 30px rgba(0,0,0,.08),0 42px 80px rgba(60,80,28,.28);overflow:hidden}.bottle-body:before{content:"";position:absolute;inset:82px 0 auto;height:162px;background:linear-gradient(90deg,#b7d950,#d7fb7f,#9bc334);opacity:.95}.shine{position:absolute;inset:0 auto 0 35px;width:48px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shine 3.8s ease-in-out infinite;z-index:2}.label{position:absolute;inset:96px 26px 28px;background:rgba(255,255,255,.86);border-radius:10px;z-index:3;text-align:left;padding:17px;box-shadow:0 8px 22px rgba(0,0,0,.08)}.brand-mark{font-size:21px;font-weight:900;text-align:center;line-height:1}.label small{display:block;text-align:center;font-weight:800;margin-bottom:12px}.label-line{height:18px;background:#fff;border-radius:6px;margin-bottom:10px}.label h2{font-family:Anton,sans-serif;font-size:28px;letter-spacing:.02em;margin:0 0 12px;color:#3f463a}.label p{font-size:12px;line-height:1.2;color:#62685f}.label b{display:block;margin-top:8px}.label em{position:absolute;right:15px;bottom:12px;font-size:12px;font-style:normal;font-weight:900}.shadow{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:260px;height:38px;background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 65%);filter:blur(8px);animation:shadow 4s ease-in-out infinite}.ring{position:absolute;border:1px solid rgba(139,197,30,.35);border-radius:50%;animation:spin 16s linear infinite}.ring-a{width:480px;height:480px}.ring-b{width:610px;height:610px;animation-direction:reverse}.leaf{position:absolute;font-size:62px;color:#8bc51e;filter:drop-shadow(0 18px 20px rgba(139,197,30,.35));animation:float 5s ease-in-out infinite}.leaf-left{left:5%;top:22%}.leaf-right{right:8%;bottom:24%;animation-delay:1s}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.45}.orb-1{width:360px;height:360px;background:#c8ff4b;right:10%;top:14%}.orb-2{width:280px;height:280px;background:#e7ffc1;left:4%;bottom:8%}.urgency-strip{margin:0 6vw;padding:22px;border-radius:28px;background:#101a0f;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 26px 80px rgba(16,26,15,.2)}.urgency-strip span{color:#c8ff4b;font-weight:900;text-transform:uppercase;font-size:13px}.urgency-strip strong{font-size:34px;margin-left:12px}.urgency-strip p{margin:0}.urgency-strip a{background:#fff;color:#101a0f;padding:13px 18px;border-radius:999px;font-weight:900}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}.section-title span{color:#72a71b;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.section-title h2{font-family:Playfair Display,serif;font-size:clamp(36px,4.5vw,64px);line-height:1;margin:12px 0}.center{text-align:center;max-width:850px;margin:auto}.cards,.ingredient-grid,.review-track{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card,.ingredient,.review,details,.result-card,.checkout-card{background:rgba(255,255,255,.75);border:1px solid rgba(22,33,21,.08);border-radius:30px;box-shadow:0 20px 70px rgba(60,80,28,.08)}.card{padding:28px;transition:.35s}.card:hover{transform:translateY(-10px);box-shadow:0 30px 90px rgba(60,80,28,.16)}.card span{font-weight:900;color:#8bc51e}.card h3{font-size:24px}.card p,.ingredient p,.review p,.result-card p,footer p,.checkout-product p{color:#5b6656;line-height:1.65}.ingredients{background:linear-gradient(180deg,#f8fbf3,#eef8dc)}.ingredient{padding:30px;text-align:center;min-height:190px;display:grid;align-content:center}.ingredient b{font-size:23px}.results{padding-top:40px}.result-card{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:46px}.meter{margin:24px 0}.meter i{display:block;height:15px;width:var(--w);background:linear-gradient(90deg,#8bc51e,#d8ff72);border-radius:99px;animation:bar 1.5s ease both}.meter span{font-weight:800;color:#52604c}.reviews .review-track{grid-template-columns:repeat(3,1fr);margin-top:30px}.review{padding:28px}.review div{color:#e0a400;font-size:22px}.checkout{background:#101a0f}.checkout-card{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;padding:34px;background:linear-gradient(135deg,#fff,#f0f9df)}.checkout-product{display:flex;gap:28px;align-items:center}.mini-bottle{transform:scale(.5);width:230px;height:520px;position:relative;margin:-120px -55px}.compact .price{font-size:34px}.checklist{padding:0;list-style:none}.checklist li{margin:12px 0;font-weight:800}.checklist li:before{content:"✅ ";}.order-form{background:#fff;border-radius:26px;padding:26px;display:grid;gap:13px;box-shadow:0 18px 50px rgba(0,0,0,.08)}input,textarea,select{width:100%;border:1px solid #dfe8d6;border-radius:16px;padding:16px;font:inherit;background:#fbfdf7}textarea{min-height:105px}.full{width:100%;border:none;font-size:16px;cursor:pointer}details{max-width:900px;margin:14px auto;padding:22px}summary{font-weight:900;cursor:pointer}footer{text-align:center;padding:52px 6vw 110px}.sticky-buy{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:40;background:#fff;border:1px solid rgba(22,33,21,.12);border-radius:24px;padding:12px 14px;display:flex;gap:22px;align-items:center;box-shadow:0 20px 70px rgba(0,0,0,.18)}.sticky-buy b{display:block}.sticky-buy span{font-size:12px;color:#60705c;font-weight:800}.sticky-buy a{background:#8bc51e;padding:13px 22px;border-radius:999px;font-weight:900}.cursor-glow{position:fixed;width:280px;height:280px;background:radial-gradient(circle,rgba(139,197,30,.18),transparent 65%);pointer-events:none;z-index:1;transform:translate(-50%,-50%)}.reveal{opacity:0;transform:translateY(40px);transition:1s cubic-bezier(.2,.8,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -22px}}@keyframes tilt{0%,100%{rotate:0deg}50%{rotate:2deg}}@keyframes shadow{50%{transform:translateX(-50%) scale(.84);opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%{transform:translateX(-80px)}50%,100%{transform:translateX(220px)}}@keyframes bar{from{width:0}}@media(max-width:950px){nav{display:none}.hero,.split,.result-card,.checkout-card{grid-template-columns:1fr}.hero{padding-top:56px}.product-stage{height:560px}.serum-bottle{transform:scale(.86)}.cards,.ingredient-grid,.review-track,.reviews .review-track{grid-template-columns:1fr}.urgency-strip{flex-direction:column;text-align:center}.checkout-product{flex-direction:column;text-align:center}.mini-bottle{margin:-150px auto -70px}.sticky-buy{width:92%;justify-content:space-between}.topbar{flex-direction:column;text-align:center;gap:4px}.price{font-size:36px}}

/* Real product trust section */
.real-product-section{
  background:linear-gradient(180deg,#f8fbf3,#ffffff);
  padding-top:72px;
}
.real-product-card{
  margin:34px auto 0;
  max-width:1120px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:34px;
  align-items:center;
  padding:34px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(22,33,21,.09);
  border-radius:36px;
  box-shadow:0 28px 90px rgba(60,80,28,.12);
  overflow:hidden;
}
.real-product-image-wrap{
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at center, rgba(139,197,30,.22), transparent 58%),
    linear-gradient(135deg,#f7fbef,#fff);
  border-radius:30px;
}
.real-product-image-wrap img{
  max-width:min(360px,88%);
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 28px 38px rgba(0,0,0,.20));
  animation:realProductFloat 4.2s ease-in-out infinite;
}
.real-badge{
  position:absolute;
  top:18px;
  left:18px;
  background:#101a0f;
  color:#c8ff4b;
  font-weight:900;
  border-radius:999px;
  padding:10px 14px;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.real-product-copy h3{
  font-family:Playfair Display,serif;
  font-size:clamp(34px,4vw,58px);
  line-height:1;
  margin:18px 0;
}
.real-product-copy p{
  color:#5b6656;
  line-height:1.75;
  font-size:18px;
}
.real-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:24px;
}
.real-points span{
  background:#f0f8df;
  border:1px solid rgba(139,197,30,.25);
  border-radius:18px;
  padding:14px;
  font-weight:900;
}
@keyframes realProductFloat{
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-16px) rotate(1deg)}
}

/* Improved mobile sticky COD offer alignment */
@media(max-width:950px){
  .real-product-card{grid-template-columns:1fr;padding:20px;border-radius:28px}
  .real-product-image-wrap{min-height:360px}
  .real-points{grid-template-columns:1fr}
}
@media(max-width:560px){
  .sticky-buy{
    left:12px;
    right:12px;
    bottom:12px;
    transform:none;
    width:auto;
    max-width:none;
    border-radius:18px;
    padding:10px;
    gap:8px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
  }
  .sticky-buy div{
    min-width:0;
  }
  .sticky-buy b{
    font-size:16px;
    line-height:1.1;
    white-space:nowrap;
  }
  .sticky-buy span{
    display:block;
    max-width:145px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
  }
  .sticky-buy a{
    padding:11px 14px;
    font-size:13px;
    white-space:nowrap;
  }
  .urgency-strip{
    margin:0 12px;
    padding:18px 14px;
    border-radius:22px;
    width:auto;
    max-width:calc(100vw - 24px);
    overflow:hidden;
  }
  .urgency-strip strong{
    display:block;
    margin:8px 0 0;
    font-size:30px;
    line-height:1;
  }
  .urgency-strip p{
    font-size:14px;
    line-height:1.45;
  }
}


/* 3D model product preview replacing real product photo */
.model-preview-wrap{
  min-height:560px;
  perspective:1200px;
  overflow:hidden;
}
.model-preview-wrap .model-product{
  position:relative;
  inset:auto;
  width:340px;
  height:560px;
  transform:scale(.86);
  animation:float 4s ease-in-out infinite, tilt 6s ease-in-out infinite;
}
.model-preview-wrap .model-product .shadow{
  bottom:0;
}
@media(max-width:950px){
  .model-preview-wrap{min-height:520px}
  .model-preview-wrap .model-product{transform:scale(.78)}
}
@media(max-width:560px){
  .model-preview-wrap{min-height:470px}
  .model-preview-wrap .model-product{transform:scale(.68)}
}

.real-product-img{max-width:260px !important;width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.16));}
.real-product-image-wrap{min-height:340px;padding:30px;}
@media(max-width:950px){.real-product-img{max-width:220px !important}.real-product-image-wrap{min-height:300px}}
@media(max-width:560px){.real-product-img{max-width:180px !important}.real-product-image-wrap{min-height:260px;padding:20px}}


/* Animated WhatsApp CTA */
.whatsapp-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  gap:10px;
  min-height:54px;
  margin-top:14px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,#1fb855,#25D366,#15a64a);
  color:#fff;
  font-weight:800;
  letter-spacing:.2px;
  box-shadow:0 14px 30px rgba(37,211,102,.32);
  animation:whatsappPulse 2.2s ease-in-out infinite;
}
.whatsapp-btn::before{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-120%) skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  animation:whatsappShine 3s ease-in-out infinite;
  z-index:-1;
}
.whatsapp-btn:hover{
  opacity:1;
  transform:translateY(-3px) scale(1.015);
  box-shadow:0 18px 36px rgba(37,211,102,.42);
}
.whatsapp-btn:active{
  transform:translateY(-1px) scale(.99);
}
.wa-icon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  border-radius:50%;
  background:rgba(255,255,255,.2);
  font-size:18px;
  line-height:1;
  animation:whatsappBounce 1.8s ease-in-out infinite;
}
@keyframes whatsappPulse{
  0%,100%{box-shadow:0 14px 30px rgba(37,211,102,.32)}
  50%{box-shadow:0 14px 30px rgba(37,211,102,.58),0 0 0 8px rgba(37,211,102,.10)}
}
@keyframes whatsappShine{
  0%{transform:translateX(-120%) skewX(-20deg)}
  45%,100%{transform:translateX(140%) skewX(-20deg)}
}
@keyframes whatsappBounce{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-2px) rotate(-8deg)}
}
@media(max-width:560px){
  .whatsapp-btn{min-height:52px;font-size:15px;border-radius:14px}
}

/* Professional product alignment refinement */
.product-stage{
  height:560px;
}
.serum-bottle{
  transform:scale(0.82);
  animation:floatSoft 5s ease-in-out infinite;
}
.real-product-card{
  align-items:center;
}
.real-product-image-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:300px;
  padding:20px;
}
.real-product-img{
  max-width:210px !important;
  transform:translateY(-6px);
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.12));
}
@keyframes floatSoft{
  0%,100%{transform:scale(0.82) translateY(0)}
  50%{transform:scale(0.82) translateY(-10px)}
}
@media(max-width:950px){
  .real-product-img{max-width:180px !important;}
}

/* Checkout moved higher and tightened for better above-the-fold flow */
.checkout{padding-top:70px;padding-bottom:70px;}

/* Premium real 3D product animation using the actual AuraGlow bottle image */
.product-stage{
  height:620px;
  display:grid;
  place-items:center;
  position:relative;
  perspective:1200px;
}
.real-3d-scene{
  position:relative;
  width:min(360px,82vw);
  height:570px;
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
  animation:realSceneFloat 5.5s ease-in-out infinite;
}
.product-glow{
  position:absolute;
  width:430px;
  height:430px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(200,255,75,.38),rgba(139,197,30,.12) 42%,transparent 70%);
  filter:blur(10px);
  z-index:0;
}
.real-body-part,
.real-cap-part{
  position:absolute;
  width:300px;
  max-width:82%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 28px 34px rgba(0,0,0,.18));
  z-index:3;
  pointer-events:none;
}
.real-body-part{
  top:168px;
  animation:bodyMicroTilt 5.5s ease-in-out infinite;
}
.real-cap-part{
  top:5px;
  transform-origin:50% 78%;
  animation:capOpenReal 4.8s ease-in-out infinite;
  z-index:5;
}
.serum-stream{
  position:absolute;
  top:168px;
  left:51%;
  width:5px;
  height:0;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(198,242,78,.1),rgba(139,197,30,.95),rgba(115,165,27,.5));
  box-shadow:0 0 20px rgba(139,197,30,.38);
  animation:serumStream 4.8s ease-in-out infinite;
  z-index:4;
}
.serum-drop{
  position:absolute;
  width:15px;
  height:20px;
  border-radius:50% 50% 55% 55%;
  background:linear-gradient(160deg,#e8ff9a,#8bc51e 70%);
  box-shadow:0 10px 24px rgba(139,197,30,.35);
  opacity:0;
  z-index:4;
}
.serum-drop-one{top:245px;left:54%;animation:dropFallOne 4.8s ease-in-out infinite;}
.serum-drop-two{top:300px;left:46%;width:10px;height:14px;animation:dropFallTwo 4.8s ease-in-out infinite;}
.scene-label{
  position:absolute;
  top:72px;
  right:-38px;
  z-index:7;
  background:#101a0f;
  color:#c8ff4b;
  border-radius:999px;
  padding:10px 14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 18px 36px rgba(0,0,0,.18);
  animation:badgeSoft 4.8s ease-in-out infinite;
}
.real-shadow{
  position:absolute;
  bottom:0;
  left:50%;
  width:265px;
  height:42px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(0,0,0,.26),transparent 68%);
  filter:blur(8px);
  animation:realShadow 5.5s ease-in-out infinite;
  z-index:1;
}
.mini-product-real{
  width:150px;
  min-width:150px;
  display:grid;
  place-items:center;
  margin:0 4px 0 0;
}
.mini-product-real img{
  width:126px;
  height:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.18));
}
.real-product-image-wrap img.real-product-img{
  content:url('auraglow-product-cutout.png');
  max-width:220px !important;
  animation:realProductFloat 4.8s ease-in-out infinite;
}
@keyframes realSceneFloat{
  0%,100%{transform:translateY(0) rotateY(-5deg) rotateX(1deg)}
  50%{transform:translateY(-16px) rotateY(5deg) rotateX(-1deg)}
}
@keyframes bodyMicroTilt{
  0%,100%{transform:translateX(0) rotate(-.8deg)}
  50%{transform:translateX(4px) rotate(.8deg)}
}
@keyframes capOpenReal{
  0%,18%,100%{transform:translate(0,0) rotate(0deg) scale(1)}
  35%,72%{transform:translate(58px,-82px) rotate(18deg) scale(.98)}
  82%{transform:translate(10px,-14px) rotate(3deg) scale(.995)}
}
@keyframes serumStream{
  0%,32%,80%,100%{height:0;opacity:0}
  42%,68%{height:122px;opacity:1}
}
@keyframes dropFallOne{
  0%,38%,100%{opacity:0;transform:translateY(0) scale(.7)}
  48%{opacity:1;transform:translateY(16px) scale(1)}
  70%{opacity:0;transform:translateY(142px) scale(.82)}
}
@keyframes dropFallTwo{
  0%,50%,100%{opacity:0;transform:translateY(0) scale(.6)}
  60%{opacity:.9;transform:translateY(12px) scale(1)}
  78%{opacity:0;transform:translateY(96px) scale(.78)}
}
@keyframes badgeSoft{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes realShadow{
  0%,100%{transform:translateX(-50%) scale(1);opacity:.9}
  50%{transform:translateX(-50%) scale(.84);opacity:.58}
}
@media(max-width:950px){
  .product-stage{height:570px;overflow:hidden}
  .real-3d-scene{height:535px;transform:scale(.92)}
  .scene-label{right:8px;top:65px}
  .checkout-product{align-items:center}
  .mini-product-real{margin:0 auto;width:130px;min-width:130px}
  .mini-product-real img{width:115px}
}
@media(max-width:560px){
  .product-stage{height:500px}
  .real-3d-scene{width:300px;height:480px;transform:scale(.82)}
  .real-body-part,.real-cap-part{width:252px}
  .real-body-part{top:142px}
  .real-cap-part{top:0}
  .serum-stream{top:140px}
  .scene-label{right:8px;top:54px;font-size:10px;padding:8px 10px}
  .real-shadow{bottom:10px;width:220px}
}

/* Enhanced hero 3D exact product animation */
.real-3d-scene{
 position:relative;
 width:420px;
 height:520px;
 display:flex;
 align-items:center;
 justify-content:center;
 margin:auto;
 perspective:1400px;
}
.product-glow{
 position:absolute;
 width:320px;
 height:320px;
 background:radial-gradient(circle, rgba(170,255,0,.35), transparent 70%);
 filter:blur(12px);
 animation:pulseGlow 4s ease-in-out infinite;
}
.real-body-part{
 position:absolute;
 width:260px;
 bottom:40px;
 z-index:2;
 filter:drop-shadow(0 24px 40px rgba(0,0,0,.22));
 animation:bodyFloat 5s ease-in-out infinite;
}
.real-cap-part{
 position:absolute;
 width:140px;
 top:70px;
 right:60px;
 z-index:3;
 filter:drop-shadow(0 16px 26px rgba(0,0,0,.18));
 animation:capFloat 3.6s ease-in-out infinite;
}
.real-shadow{
 position:absolute;
 bottom:20px;
 width:220px;
 height:34px;
 background:rgba(0,0,0,.15);
 border-radius:50%;
 filter:blur(12px);
 animation:shadowPulse 5s ease-in-out infinite;
}
@keyframes bodyFloat{
 0%,100%{transform:translateY(0) rotate(-2deg)}
 50%{transform:translateY(-14px) rotate(2deg)}
}
@keyframes capFloat{
 0%,100%{transform:translateY(0) rotate(0deg)}
 50%{transform:translateY(-18px) rotate(6deg)}
}
@keyframes pulseGlow{
 0%,100%{transform:scale(1);opacity:.8}
 50%{transform:scale(1.08);opacity:1}
}
@keyframes shadowPulse{
 0%,100%{transform:scale(.92);opacity:.18}
 50%{transform:scale(1);opacity:.28}
}
@media(max-width:950px){
 .real-3d-scene{transform:scale(.82);height:430px}
}
@media(max-width:560px){
 .real-3d-scene{transform:scale(.68);height:360px;margin-top:-30px}
}

/* Final hero: complete real 3D product (single full AuraGlow bottle) */
.product-stage{
  height:640px;
  display:grid;
  place-items:center;
  position:relative;
  perspective:1600px;
  overflow:visible;
}
.complete-product-scene{
  position:relative;
  width:min(430px,86vw);
  height:590px;
  display:grid;
  place-items:center;
  margin:auto;
  transform-style:preserve-3d;
  isolation:isolate;
  animation:completeSceneFloat 5.8s ease-in-out infinite;
}
.complete-product-scene .product-glow{
  position:absolute;
  width:430px;
  height:430px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(205,255,91,.42),rgba(139,197,30,.16) 45%,transparent 72%);
  filter:blur(14px);
  z-index:0;
  animation:completeGlowPulse 4.2s ease-in-out infinite;
}
.hero-3d-product{position:relative;z-index:4;width:240px;height:470px;transform-style:preserve-3d;animation:completeProduct3D 6s ease-in-out infinite;pointer-events:none;display:flex;flex-direction:column;align-items:center}.animated-product .product-cap{width:120px;height:92px;border-radius:30px 30px 18px 18px;background:linear-gradient(135deg,#d9dad7,#ffffff,#999);box-shadow:inset -10px 0 20px rgba(0,0,0,.15),0 15px 30px rgba(0,0,0,.2)}.animated-product .product-neck{width:78px;height:40px;background:linear-gradient(135deg,#f6f6f4,#cbcdc7);border-radius:0 0 16px 16px;margin-top:-6px}.animated-product .product-bottle{position:relative;width:220px;height:320px;border-radius:46px 46px 28px 28px;background:linear-gradient(135deg,#fafaf8,#d8dad4 35%,#ffffff 60%,#c3c7bc);overflow:hidden;box-shadow:inset -16px 0 24px rgba(0,0,0,.12),0 35px 55px rgba(0,0,0,.18)}.animated-product .product-bottle:before{content:"";position:absolute;left:26px;top:20px;width:34px;height:240px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.9),transparent)}.animated-product .product-liquid{position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,#d7ff74,#89c31c);animation:liquidMove 4s ease-in-out infinite}.animated-product .product-label{position:absolute;left:24px;right:24px;bottom:42px;background:rgba(255,255,255,.88);border-radius:18px;padding:20px;text-align:center;backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.animated-product .product-label strong{display:block;font-size:28px;font-weight:900;color:#1c2518}.animated-product .product-label span{font-size:14px;font-weight:700;color:#6b755f;letter-spacing:.08em;text-transform:uppercase}@keyframes liquidMove{0%,100%{height:58%}50%{height:62%}}
.hero-product-shine{
  position:absolute;
  z-index:5;
  width:90px;
  height:430px;
  top:58px;
  left:50%;
  transform:translateX(-135px) rotate(9deg);
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  mix-blend-mode:screen;
  filter:blur(2px);
  opacity:.72;
  pointer-events:none;
  animation:completeBottleShine 4.8s ease-in-out infinite;
}
.hero-product-orbit{
  position:absolute;
  inset:auto;
  border-radius:50%;
  border:1px solid rgba(139,197,30,.28);
  z-index:1;
  transform-style:preserve-3d;
  pointer-events:none;
}
.orbit-one{
  width:390px;
  height:390px;
  transform:rotateX(68deg) rotateZ(-12deg);
  animation:orbitSpinOne 13s linear infinite;
}
.orbit-two{
  width:310px;
  height:310px;
  border-color:rgba(16,26,15,.13);
  transform:rotateX(74deg) rotateZ(22deg);
  animation:orbitSpinTwo 18s linear infinite reverse;
}
.complete-product-scene .scene-label{
  position:absolute;
  top:86px;
  right:-26px;
  z-index:8;
  background:#101a0f;
  color:#c8ff4b;
  border-radius:999px;
  padding:10px 14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 18px 36px rgba(0,0,0,.18);
  animation:badgeSoft 4.8s ease-in-out infinite;
}
.complete-product-scene .real-shadow{
  position:absolute;
  bottom:30px;
  left:50%;
  z-index:2;
  width:285px;
  height:46px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 68%);
  filter:blur(10px);
  animation:completeProductShadow 5.8s ease-in-out infinite;
}
.complete-product-scene .real-body-part,
.complete-product-scene .real-cap-part,
.complete-product-scene .serum-stream,
.complete-product-scene .serum-drop{
  display:none !important;
}
@keyframes completeSceneFloat{
  0%,100%{transform:translateY(0) rotateX(1deg)}
  50%{transform:translateY(-14px) rotateX(-1deg)}
}
@keyframes completeProduct3D{
  0%,100%{transform:rotateY(-10deg) rotateZ(-1deg) translateZ(42px) translateY(0)}
  50%{transform:rotateY(10deg) rotateZ(1deg) translateZ(58px) translateY(-10px)}
}
@keyframes completeGlowPulse{
  0%,100%{transform:scale(.94);opacity:.78}
  50%{transform:scale(1.08);opacity:1}
}
@keyframes completeBottleShine{
  0%,18%{opacity:0;transform:translateX(-150px) rotate(9deg)}
  42%,62%{opacity:.72}
  82%,100%{opacity:0;transform:translateX(105px) rotate(9deg)}
}
@keyframes completeProductShadow{
  0%,100%{transform:translateX(-50%) scale(1);opacity:.9}
  50%{transform:translateX(-50%) scale(.82);opacity:.55}
}
@keyframes orbitSpinOne{
  to{transform:rotateX(68deg) rotateZ(348deg)}
}
@keyframes orbitSpinTwo{
  to{transform:rotateX(74deg) rotateZ(382deg)}
}
@media(max-width:950px){
  .product-stage{height:570px;overflow:hidden}
  .complete-product-scene{height:530px;transform:scale(.92)}
  .hero-3d-product{width:min(276px,70vw)}
  .hero-product-shine{height:380px;top:64px}
  .complete-product-scene .scene-label{right:10px;top:78px}
}
@media(max-width:560px){
  .product-stage{height:500px}
  .complete-product-scene{width:310px;height:470px;transform:scale(.84);margin-top:-12px}
  .hero-3d-product{width:238px}
  .complete-product-scene .product-glow{width:300px;height:300px}
  .orbit-one{width:285px;height:285px}
  .orbit-two{width:230px;height:230px}
  .hero-product-shine{height:330px;top:56px;width:70px}
  .complete-product-scene .scene-label{right:4px;top:58px;font-size:10px;padding:8px 10px}
  .complete-product-scene .real-shadow{bottom:20px;width:220px}
}

/* Fixed hero: visible pure CSS 3D animated product, no real product image */
.hero-product-visible{
  opacity:1 !important;
  transform:none !important;
  min-height:620px;
  display:grid !important;
  place-items:center !important;
  overflow:visible;
  perspective:1600px;
}
.css-product-scene{
  position:relative;
  width:min(430px,86vw);
  height:590px;
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
  isolation:isolate;
  animation:cssSceneFloat 5.6s ease-in-out infinite;
}
.css-product-glow{
  position:absolute;
  width:430px;
  height:430px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(205,255,91,.44),rgba(139,197,30,.16) 46%,transparent 72%);
  filter:blur(14px);
  z-index:0;
  animation:cssGlow 4s ease-in-out infinite;
}
.css-serum-bottle{
  position:relative;
  z-index:5;
  width:245px;
  height:510px;
  transform-style:preserve-3d;
  animation:cssBottle3D 6s ease-in-out infinite;
}
.css-dropper{
  position:absolute;
  top:0;
  left:50%;
  width:84px;
  height:112px;
  transform:translateX(-50%) translateZ(42px);
  border-radius:42px 42px 24px 24px;
  background:linear-gradient(90deg,#d4d5d0 0%,#fff 45%,#eceee8 62%,#9fa39a 100%);
  box-shadow:inset -16px 0 26px rgba(0,0,0,.13),0 18px 34px rgba(0,0,0,.16);
}
.css-cap{
  position:absolute;
  top:96px;
  left:50%;
  width:184px;
  height:78px;
  transform:translateX(-50%) translateZ(55px);
  border-radius:16px 16px 12px 12px;
  background:linear-gradient(90deg,#9e9f9b 0%,#fdfdfb 45%,#c5c7c0 100%);
  box-shadow:inset -14px 0 24px rgba(0,0,0,.15),0 20px 28px rgba(0,0,0,.18);
}
.css-neck{
  position:absolute;
  top:162px;
  left:50%;
  width:132px;
  height:46px;
  transform:translateX(-50%) translateZ(28px);
  border-radius:18px 18px 10px 10px;
  background:linear-gradient(90deg,#f4f5f1,#cbcfc4);
  box-shadow:inset -10px 0 18px rgba(0,0,0,.08);
}
.css-bottle-body{
  position:absolute;
  top:194px;
  left:50%;
  width:224px;
  height:316px;
  transform:translateX(-50%) translateZ(38px);
  border-radius:52px 52px 30px 30px;
  overflow:hidden;
  background:linear-gradient(90deg,#d6d9d2 0%,#ffffff 28%,#eef1ea 55%,#bdc2b7 100%);
  box-shadow:inset -20px 0 34px rgba(0,0,0,.12),inset 16px 0 30px rgba(255,255,255,.55),0 42px 75px rgba(60,80,28,.30);
}
.css-bottle-body:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.7);
  pointer-events:none;
}
.css-liquid{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:57%;
  background:linear-gradient(180deg,#dcff7f,#9bd235 55%,#75a917);
  animation:cssLiquid 4.4s ease-in-out infinite;
}
.css-liquid span{
  position:absolute;
  left:-20%;
  top:-18px;
  width:140%;
  height:46px;
  border-radius:50%;
  background:rgba(235,255,161,.76);
  animation:cssWave 4.4s ease-in-out infinite;
}
.css-bottle-shine{
  position:absolute;
  top:18px;
  left:34px;
  width:48px;
  height:250px;
  border-radius:999px;
  z-index:4;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  filter:blur(1px);
  animation:cssShine 3.8s ease-in-out infinite;
}
.css-product-label{
  position:absolute;
  left:24px;
  right:24px;
  bottom:34px;
  z-index:5;
  min-height:148px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:17px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 28px rgba(0,0,0,.09);
  backdrop-filter:blur(8px);
}
.css-product-label small{font-size:20px;font-weight:900;color:#70a719;line-height:1}.css-product-label b{font-family:Anton,Inter,sans-serif;font-size:35px;letter-spacing:.02em;color:#30372c;line-height:.95}.css-product-label em{font-style:normal;font-size:12px;font-weight:900;color:#506046;letter-spacing:.08em}.css-product-label i{font-style:normal;font-size:11px;font-weight:800;color:#798274}
.css-floating-drop{position:absolute;z-index:7;width:13px;height:18px;border-radius:50% 50% 55% 55%;background:linear-gradient(160deg,#eeffa8,#88bf1d 72%);box-shadow:0 10px 22px rgba(139,197,30,.38);opacity:0}.css-drop-one{top:218px;right:30px;animation:cssDropOne 4.6s ease-in-out infinite}.css-drop-two{top:276px;left:28px;width:10px;height:14px;animation:cssDropTwo 5.2s ease-in-out infinite}
.css-orbit{position:absolute;border-radius:50%;border:1px solid rgba(139,197,30,.28);z-index:1;transform-style:preserve-3d}.css-orbit-a{width:395px;height:395px;transform:rotateX(68deg) rotateZ(-12deg);animation:cssOrbitA 13s linear infinite}.css-orbit-b{width:310px;height:310px;border-color:rgba(16,26,15,.13);transform:rotateX(74deg) rotateZ(22deg);animation:cssOrbitB 18s linear infinite reverse}.css-product-shadow{position:absolute;bottom:26px;left:50%;z-index:2;width:292px;height:48px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.30),transparent 68%);filter:blur(10px);animation:cssShadow 5.6s ease-in-out infinite}.css-scene-tag{position:absolute;top:82px;right:-22px;z-index:9;background:#101a0f;color:#c8ff4b;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 18px 36px rgba(0,0,0,.18);animation:badgeSoft 4.8s ease-in-out infinite}
@keyframes cssSceneFloat{0%,100%{transform:translateY(0) rotateX(1deg)}50%{transform:translateY(-14px) rotateX(-1deg)}}
@keyframes cssBottle3D{0%,100%{transform:rotateY(-13deg) rotateZ(-1deg) translateZ(45px) translateY(0)}50%{transform:rotateY(13deg) rotateZ(1deg) translateZ(62px) translateY(-10px)}}
@keyframes cssGlow{0%,100%{transform:scale(.94);opacity:.78}50%{transform:scale(1.08);opacity:1}}
@keyframes cssLiquid{0%,100%{height:57%}50%{height:62%}}
@keyframes cssWave{0%,100%{transform:translateX(-8px) rotate(-2deg)}50%{transform:translateX(8px) rotate(2deg)}}
@keyframes cssShine{0%,20%{transform:translateX(-30px);opacity:0}45%,65%{opacity:.75}90%,100%{transform:translateX(150px);opacity:0}}
@keyframes cssDropOne{0%,36%,100%{opacity:0;transform:translateY(0) scale(.75)}48%{opacity:1;transform:translateY(16px) scale(1)}76%{opacity:0;transform:translateY(110px) scale(.8)}}
@keyframes cssDropTwo{0%,48%,100%{opacity:0;transform:translateY(0) scale(.65)}60%{opacity:.9;transform:translateY(12px) scale(1)}82%{opacity:0;transform:translateY(92px) scale(.78)}}
@keyframes cssOrbitA{to{transform:rotateX(68deg) rotateZ(348deg)}}
@keyframes cssOrbitB{to{transform:rotateX(74deg) rotateZ(382deg)}}
@keyframes cssShadow{0%,100%{transform:translateX(-50%) scale(1);opacity:.9}50%{transform:translateX(-50%) scale(.82);opacity:.55}}
@media(max-width:950px){.hero-product-visible{min-height:560px;overflow:hidden}.css-product-scene{height:530px;transform:scale(.92)}.css-scene-tag{right:10px;top:78px}}
@media(max-width:560px){.hero-product-visible{min-height:490px}.css-product-scene{width:310px;height:470px;transform:scale(.84);margin-top:-12px}.css-product-glow{width:300px;height:300px}.css-orbit-a{width:285px;height:285px}.css-orbit-b{width:230px;height:230px}.css-scene-tag{right:4px;top:58px;font-size:10px;padding:8px 10px}.css-product-shadow{bottom:20px;width:220px}.css-serum-bottle{transform:scale(.88)}}