:root{
  --green:#0b4a32; --cream:#fbf7ef; --ink:#14382b; --muted:#6d7d75;
  --blue:#cfeaf0; --yellow:#f5dfa0; --peach:#efbda6; --sage:#c8d8b3; --lilac:#d9cde8;
  --radius:22px; --shadow:0 18px 60px rgba(18,57,42,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}
a{text-decoration:none}
img{max-width:100%;display:block}
.navbar{background:rgba(251,247,239,.95)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(11,74,50,.08)}
.navbar-brand img{height:42px;width:auto}
.nav-link{color:var(--ink)!important;font-weight:600;margin:0 .35rem}
.btn-aru{background:var(--green);color:#fff;border-radius:999px;padding:.78rem 1.25rem;border:0}
.btn-aru:hover{background:#083a28;color:#fff}
.btn-soft{border:1px solid rgba(11,74,50,.18);color:var(--green);border-radius:999px;padding:.72rem 1.15rem;background:#fff}
.hero{padding:4rem 0 4rem}
.hero h1{font-size:clamp(3.4rem,7vw,7rem);line-height:.92;letter-spacing:-.065em;font-weight:800}
.hero p.lead{max-width:600px;color:var(--muted);font-size:1.15rem}
.hero-art{min-height:580px;border-radius:34px;background:linear-gradient(145deg,var(--blue),#e9f5f5);position:relative;overflow:hidden;padding:2rem}
.hero-art:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:var(--yellow);right:8%;top:7%}
.hero-stack{position:absolute;inset:8% 5% 5%;display:flex;align-items:flex-end;justify-content:center;gap:1.2rem}
.hero-stack img{width:29%;max-height:500px;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.12))}
.hero-stack img:nth-child(1){transform:rotate(-5deg) translateY(35px)}
.hero-stack img:nth-child(2){z-index:2;width:34%}
.hero-stack img:nth-child(3){transform:rotate(5deg) translateY(28px)}
.section-space{padding:3.5rem 0}
.kicker{letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:800;color:var(--green)}
.display-2{font-weight:800;letter-spacing:-.05em;line-height:1}
.product-card{background:#fff;border:1px solid rgba(11,74,50,.08);border-radius:var(--radius);padding:1rem;height:100%;transition:.25s;box-shadow:0 0 0 rgba(0,0,0,0)}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.product-card .image-wrap{border-radius:18px;overflow:hidden;background:#f4eee6;aspect-ratio:4/5}
.product-card .image-wrap img{width:100%;height:100%;object-fit:cover}
.product-card h3{font-size:1.35rem;margin:.95rem 0 .2rem}
.product-card p{color:var(--muted);font-size:.92rem;margin-bottom:0}
.band{background:var(--green);color:#fff;padding:1.1rem 0}
.band .container{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;font-size:.9rem}
.why{background:var(--green);color:#fff;border-radius:34px;padding:4rem}
.why p{color:rgba(255,255,255,.78)}
.why-item{border-top:1px solid rgba(255,255,255,.18);padding:1.3rem 0}
.why-item:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.origin-card{background:var(--peach);border-radius:34px;min-height:420px;position:relative;overflow:hidden}
.origin-card:before{content:"";position:absolute;width:240px;height:240px;background:var(--yellow);border-radius:50%;left:12%;top:10%}
.origin-card .hill{position:absolute;left:-10%;width:120%;border-radius:50% 50% 0 0}
.origin-card .one{height:50%;bottom:-10%;background:#b8c9a7}
.origin-card .two{height:34%;bottom:-4%;background:#7f9c72}
.origin-card .three{height:20%;bottom:0;background:var(--green)}
.reel-card{background:#fff;border-radius:22px;overflow:hidden;border:1px solid rgba(11,74,50,.08);box-shadow:var(--shadow)}
.reel-card video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#0b4a32}
.reel-card .p-3{min-height:88px}
.review-card{background:#fff;border-radius:20px;padding:1.4rem;border:1px solid rgba(11,74,50,.08)}
.review-stars{color:#d8a11b}
.newsletter{background:var(--blue);border-radius:34px;padding:4rem}
.form-control{border-radius:14px;padding:.9rem 1rem;border:1px solid rgba(11,74,50,.15)}
footer{background:var(--green);color:#fff;padding:4rem 0 2rem}
footer a{color:#fff;opacity:.9}
footer img{filter:brightness(0) invert(1);height:58px;width:auto}
.page-hero{padding:2rem 0 2rem}
.page-hero h1{font-size:clamp(3rem,6vw,6rem);font-weight:800;letter-spacing:-.055em;line-height:.95}
.product-main{padding:0rem 2rem  2rem}
.product-image-panel{background:#fff;border-radius:28px;padding:1.5rem;box-shadow:var(--shadow);position:sticky;top:100px}
.product-image-panel img{border-radius:20px;width:100%}
.marketplace-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.market-btn{padding:.9rem;border-radius:14px;text-align:center;font-weight:800;border:1px solid rgba(11,74,50,.14);background:#fff;color:var(--ink);transition:.2s}
.market-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:var(--ink)}
.market-btn.amazon{border-color:#f3b548}
.market-btn.flipkart{border-color:#2874f0}
.market-btn.meesho{border-color:#f43397}
.info-box{background:#fff;border-radius:20px;padding:1.5rem;border:1px solid rgba(11,74,50,.08)}
.info-box ul{margin:0;padding-left:1.1rem}
.info-box li+li{margin-top:.65rem}
.product-nav{display:flex;gap:.5rem;flex-wrap:wrap}
.product-nav a{padding:.6rem .9rem;border-radius:999px;background:#fff;color:var(--green);font-size:.86rem;border:1px solid rgba(11,74,50,.12)}
.disclaimer{font-size:.82rem;color:var(--muted)}
@media(max-width:991px){
 .hero{padding-top:4.5rem}.hero-art{min-height:480px}.why{padding:2.4rem}.newsletter{padding:2.5rem}
 .product-image-panel{position:static}.marketplace-buttons{grid-template-columns:1fr}
}
@media(max-width:767px){
 .hero h1{font-size:3.6rem}.hero-art{min-height:390px}.hero-stack{gap:.2rem}
 .hero-stack img{width:32%}.hero-stack img:nth-child(2){width:38%}
 .section-space{padding:4.3rem 0}.why{border-radius:24px}
 .origin-card{min-height:330px}.newsletter{border-radius:24px}
 .page-hero{padding-top:3rem}
}


/* ---------- ARU refined visual tone ---------- */
body{
  font-weight:400;
  letter-spacing:-.005em;
}
.hero h1,
.display-2,
.page-hero h1{
  font-weight:600;
  letter-spacing:-.045em;
}
.product-card h3,
.why-item strong,
.info-box h4,
.review-card strong,
.reel-card strong{
  font-weight:600;
}
.kicker{
  font-weight:600;
  letter-spacing:.14em;
  color:#547267;
}
.btn-aru,
.market-btn,
.nav-link,
.header-cta{
  font-weight:600;
}
.hero p.lead,
.page-hero .lead,
.product-card p,
.text-secondary,
.disclaimer{
  color:#74827c !important;
}
body{
  color:#183b2f;
}
.nav-link{
  color:#24483c!important;
}
.product-card{
  box-shadow:none;
}
.product-card:hover{
  box-shadow:0 16px 40px rgba(18,57,42,.07);
}

/* ---------- Home hero brand animation ---------- */
.hero-brand-animation{
  min-height:590px;
  border-radius:32px;
  position:relative;
  overflow:hidden;
  background:#f7f1e8;
  border:1px solid rgba(11,74,50,.06);
  box-shadow:0 24px 70px rgba(18,57,42,.06);
  isolation:isolate;
}
.hero-brand-animation .shape{
  position:absolute;
  z-index:0;
  filter:saturate(.84);
}
.shape-blue{
  width:58%;
  aspect-ratio:1/1.15;
  border-radius:48% 52% 50% 50%;
  background:#c7e4ea;
  right:8%;
  top:8%;
  animation:floatBlue 8s ease-in-out infinite;
}
.shape-lime{
  width:23%;
  aspect-ratio:1/1;
  border-radius:42% 58% 48% 52%;
  background:#ddeb6f;
  left:10%;
  bottom:10%;
  animation:floatLime 7s ease-in-out infinite;
}
.shape-peach{
  width:25%;
  height:92px;
  border-radius:50%;
  background:#eda783;
  right:3%;
  top:9%;
  animation:floatPeach 7.8s ease-in-out infinite;
}
.hero-logo-large{
  position:absolute;
  z-index:3;
  width:72%;
  max-width:560px;
  left:10%;
  top:25%;
  object-fit:contain;
  animation:logoDrift 9s ease-in-out infinite;
}
.wisdom-badge{
  position:absolute;
  z-index:4;
  right:2.8%;
  top:11.7%;
  min-width:180px;
  text-align:center;
  font-family:Georgia, 'Times New Roman', serif;
  font-style:italic;
  font-size:1.15rem;
  line-height:1.12;
  color:#184936;
  animation:badgeDrift 7.8s ease-in-out infinite;
}
.floating-pill{
  position:absolute;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(11,74,50,.08);
  border-radius:999px;
  padding:.72rem 1.05rem;
  box-shadow:0 10px 28px rgba(18,57,42,.10);
  color:#174836;
  font-weight:600;
  font-size:.9rem;
}
.product-pill{
  left:7%;
  bottom:17%;
  min-width:150px;
  animation:pillFloatOne 6.4s ease-in-out infinite;
}
.everyday-pill{
  right:7%;
  bottom:12%;
  animation:pillFloatTwo 7.2s ease-in-out infinite;
}
.pill-icon{
  font-size:1rem;
  line-height:1;
}
.rotating-product{
  display:inline-block;
  min-width:92px;
  transition:opacity .28s ease, transform .28s ease;
}
.rotating-product.is-changing{
  opacity:0;
  transform:translateY(5px);
}
.product-orbit{
  position:absolute;
  inset:auto 10% 5% auto;
  z-index:1;
  width:42%;
  height:28%;
  pointer-events:none;
  opacity:.28;
}
.product-orbit span{
  position:absolute;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#295c49;
  font-weight:500;
}
.product-orbit span:nth-child(1){left:0;top:4%}
.product-orbit span:nth-child(2){right:0;top:18%}
.product-orbit span:nth-child(3){left:16%;bottom:4%}
.product-orbit span:nth-child(4){right:8%;bottom:0}

@keyframes floatBlue{
  0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}
  50%{transform:translate3d(-10px,10px,0) rotate(2deg)}
}
@keyframes floatLime{
  0%,100%{transform:translate3d(0,0,0) rotate(0)}
  50%{transform:translate3d(8px,-12px,0) rotate(5deg)}
}
@keyframes floatPeach{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-6px,8px,0)}
}
@keyframes logoDrift{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-8px,0)}
}
@keyframes badgeDrift{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-5px,7px,0)}
}
@keyframes pillFloatOne{
  0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}
  50%{transform:translate3d(8px,-8px,0) rotate(-2deg)}
}
@keyframes pillFloatTwo{
  0%,100%{transform:translate3d(0,0,0) rotate(3deg)}
  50%{transform:translate3d(-7px,-10px,0) rotate(1deg)}
}

@media (prefers-reduced-motion: reduce){
  .shape-blue,.shape-lime,.shape-peach,.hero-logo-large,.wisdom-badge,.product-pill,.everyday-pill{
    animation:none!important;
  }
}

@media(max-width:991px){
  .hero-brand-animation{min-height:520px}
  .hero-logo-large{width:78%;left:7%;top:28%}
  .wisdom-badge{font-size:1rem;min-width:150px}
}
@media(max-width:575px){
  .hero-brand-animation{min-height:430px;border-radius:24px}
  .hero-logo-large{width:82%;left:5%;top:29%}
  .shape-blue{width:70%;right:3%}
  .shape-lime{width:28%;left:6%}
  .shape-peach{width:31%;height:68px}
  .wisdom-badge{font-size:.82rem;min-width:120px;right:2%}
  .floating-pill{font-size:.74rem;padding:.58rem .8rem}
  .product-pill{left:5%;bottom:14%;min-width:128px}
  .everyday-pill{right:5%;bottom:10%}
}


/* ---------- V3 refinements ---------- */
.band{display:none!important}

.why{
  background:#2f6a55;
  color:#fff;
  box-shadow:0 16px 44px rgba(18,57,42,.06);
}
.why p{
  color:rgba(255,255,255,.80);
}
.why .kicker{
  color:rgba(255,255,255,.62)!important;
}
.why-item{
  border-color:rgba(255,255,255,.20);
}
.why-item:last-child{
  border-bottom-color:rgba(255,255,255,.20);
}


/* ---------- ARU v3 requested refinements ---------- */

/* Softer, lighter typography across the site */
.hero h1,
.display-2,
.page-hero h1{
  font-weight:500;
}
.kicker,
.nav-link,
.btn-aru,
.btn-soft,
.market-btn,
.product-card h3,
.why-item strong,
.info-box h4,
footer h6{
  font-weight:500;
}
p,
.product-card p,
.text-secondary,
.disclaimer{
  font-weight:400;
}

/* WHY ARU: light blue instead of dark green */
.why{
  background:var(--blue);
  color:var(--ink);
}
.why p{
  color:#47675d;
}
.why .kicker,
.why .text-white-50{
  color:#52756a !important;
  opacity:1 !important;
}
.why-item{
  border-top:1px solid rgba(11,74,50,.14);
}
.why-item:last-child{
  border-bottom:1px solid rgba(11,74,50,.14);
}

/* Smaller, cleaner product cards */
.product-card{
  padding:.8rem;
  border-radius:18px;
}
.product-card .image-wrap{
  border-radius:14px;
  aspect-ratio:4/4.45;
}
.product-card h3{
  font-size:1.12rem;
  margin:.75rem 0 .12rem;
}
.product-card p{
  font-size:.86rem;
}
.product-card:hover{
  transform:translateY(-3px);
}
.explore-link{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  margin-top:.6rem;
  color:var(--green);
  font-size:.88rem;
  font-weight:500;
}

/* Reduce card footprint on desktop */
@media(min-width:992px){
  .product-card{
    max-width:92%;
    margin-inline:auto;
  }
}

/* Footer Instagram handle */
footer a[href*="instagram.com/arudaily.co"]{
  font-weight:500;
}

/* Keep navbar balanced after removing CTA */
.navbar .navbar-nav{
  margin-right:0 !important;
}


/* ---------- V4 content + shop refinements ---------- */
.shop-range{
  padding-top:3.2rem;
}
.shop-range-title{
  font-size:clamp(2.9rem,5.2vw,5.1rem);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:500;
  margin:0;
}
.shop-range-intro{
  max-width:720px;
  color:#74827c;
  font-size:1rem;
}
.shop-range .product-card{
  max-width:100%;
}

.why{
  padding:3.25rem;
}
.why-title{
  font-size:clamp(2.45rem,4.5vw,4.3rem);
  line-height:1.02;
  letter-spacing:-.04em;
  font-weight:500;
  margin:0;
}
.why-intro{
  font-size:1.02rem;
  max-width:660px;
}
.why-tagline{
  border-left:2px solid rgba(11,74,50,.2);
  padding-left:1rem;
}
.why-tagline h3{
  font-size:1.28rem;
  line-height:1.3;
  font-weight:500;
  margin-bottom:.35rem;
}
.why-tagline p{
  font-size:.98rem;
}
.why-founder-note{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:1.1rem;
  background:rgba(255,255,255,.52);
  border:1px solid rgba(11,74,50,.10);
  border-radius:22px;
  padding:1.65rem 1.8rem;
}
.why-founder-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--green);
  background:rgba(255,255,255,.72);
  font-size:1.5rem;
}
.why-founder-heading{
  font-size:1.35rem;
  line-height:1.25;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:600;
  margin-bottom:.8rem;
}
.why-founder-note p{
  max-width:920px;
  font-size:.98rem;
  line-height:1.7;
  margin-bottom:.85rem;
}
.why-founder-quote{
  display:inline-block;
  background:rgba(245,223,160,.78);
  padding:.55rem .8rem;
  border-radius:12px;
  font-family:Georgia,'Times New Roman',serif;
  font-style:italic;
  color:#24483c!important;
}
@media(max-width:767px){
  .shop-range{padding-top:4rem}
  .shop-range-title{font-size:2.75rem}
  .why{padding:2rem 1.25rem}
  .why-title{font-size:2.55rem}
  .why-founder-note{grid-template-columns:1fr;padding:1.35rem}
}


/* Instagram feed — compact horizontal video scroller */
.instagram-feed-section{
  background:var(--cream,#fbf7f0);
}
.instagram-feed-title{
  font-size:clamp(2rem,3.4vw,3.15rem);
  line-height:1.05;
  font-weight:600;
  letter-spacing:-.03em;
  margin:0 0 .65rem;
}
.instagram-feed-subtitle{
  max-width:620px;
  color:var(--muted);
  font-size:1rem;
}
.instagram-scroll{
  display:flex;
  gap:1rem;
  overflow-x:auto;
  padding:.2rem .1rem 1rem;
  scroll-snap-type:x mandatory;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(11,74,50,.28) transparent;
}
.instagram-scroll::-webkit-scrollbar{height:7px}
.instagram-scroll::-webkit-scrollbar-track{background:transparent}
.instagram-scroll::-webkit-scrollbar-thumb{background:rgba(11,74,50,.24);border-radius:999px}
.instagram-card{
  flex:0 0 clamp(180px,18vw,235px);
  scroll-snap-align:start;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(11,74,50,.09);
  box-shadow:0 10px 30px rgba(20,55,42,.06);
}
.instagram-card video{
  width:100%;
  aspect-ratio:9/16;
  display:block;
  object-fit:cover;
  background:#eae4db;
}
@media (max-width:767px){
  .instagram-card{flex-basis:170px}
  .instagram-scroll{gap:.8rem}
  .instagram-feed-title{font-size:2rem}
}