/* PujaGuru — Home page (site_v2). Builds on site.css tokens/components.
   Section flow: hero (cream→orange→golden) · intro (warm white) · pujas (cream)
   · verified pandit (strong orange) · how it works (cream→soft yellow)
   · occasions (warm white) · anywhere (cream) · why (strong orange→golden)
   · panditji teaser (cream) · download (cream→soft yellow→gold) · FAQ (warm white)
   · final CTA (deep saffron card) · footer (deep saffron). */

/* ---------- Hero ---------- */
.home-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(40px, 6vw, 80px) 0 clamp(64px, 8vw, 104px);
  background:
    radial-gradient(520px 520px at 76% 50%, rgba(255, 183, 3, 0.35), transparent 70%),
    var(--site-gradient-hero);
  border-bottom: 1px solid var(--site-border);
}
.home-hero__mandala { width: 700px; height: 700px; right: -170px; top: 50%; margin-top: -350px; color: #fff; opacity: .5; }
.home-hero__grid {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: 1.12fr 0.88fr;
  align-items: center;
  gap: clamp(40px, 5vw, 72px);
}
.home-hero .display { margin-bottom: 22px; max-width: 660px; font-size: clamp(2.4rem, 4.6vw, 3.9rem); }
.home-hero__lead { max-width: 560px; margin-bottom: 14px; color: var(--site-text); }
.home-hero__note { max-width: 560px; margin-bottom: 22px; color: var(--site-muted); font-size: 1rem; }
.home-hero__motto {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0;
  margin: 0 0 30px;
  font-family: var(--site-font-serif); font-style: italic; font-size: 1.12rem; color: var(--site-primary-ink);
}
.home-hero__motto span { display: inline-flex; align-items: center; }
.home-hero__motto span + span::before {
  content: ""; width: 6px; height: 6px; margin: 0 14px; border-radius: 50%; background: var(--site-gold);
  box-shadow: 0 0 0 3px rgba(255, 183, 3, .25);
}
.home-hero__cta-label {
  margin: 0 0 12px;
  font-size: 0.78rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--site-muted);
}
.home-hero__how { min-height: 56px; border-radius: 14px; background: rgba(255, 253, 248, .7); }

.home-pill {
  display: inline-flex; align-items: center; gap: 10px;
  margin: 0 0 26px;
  padding: 6px 16px 6px 6px;
  border-radius: 999px;
  background: var(--site-surface);
  border: 1px solid var(--site-border);
  box-shadow: 0 1px 2px rgba(59, 31, 11, .05);
  font-size: 0.86rem; font-weight: 500; color: var(--site-text);
}
.home-pill__dot {
  display: inline-grid; place-items: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--site-gradient-brand); color: #fff;
}
.home-pill__dot svg.lucide { width: 14px; height: 14px; }

/* Phone stage */
.home-hero__visual { display: flex; justify-content: center; }
.phone-stage { position: relative; display: grid; place-items: center; width: 100%; max-width: 520px; padding: 28px 0; }
.phone-stage__ring {
  position: absolute; width: min(470px, 100%); aspect-ratio: 1; border-radius: 50%;
  border: 1.5px solid rgba(255, 253, 248, 0.75);
}
.phone-stage__ring::before {
  content: ""; position: absolute; inset: 36px; border-radius: 50%;
  border: 1px dashed rgba(217, 72, 1, 0.3);
}
.phone-stage__ring::after { /* diya-flame bead on the ring */
  content: ""; position: absolute; top: 14%; left: 14%;
  width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%;
  background: radial-gradient(circle at 50% 40%, #FFE08A, var(--site-gold) 60%, var(--site-golden));
  box-shadow: 0 0 0 5px rgba(255, 183, 3, .22), 0 0 18px 4px rgba(255, 183, 3, .45);
}
.phone-stage__glow {
  position: absolute; width: 78%; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 201, 40, 0.55), rgba(244, 140, 6, 0.18) 45%, rgba(244, 140, 6, 0) 70%);
  filter: blur(8px);
}

.float-card {
  position: absolute; z-index: 3;
  display: flex; align-items: center; gap: 12px;
  padding: 12px 18px 12px 12px;
  border-radius: 16px;
  background: rgba(255, 253, 248, 0.96);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid rgba(243, 223, 193, 0.95);
  box-shadow: var(--site-shadow-md);
  font-size: 0.875rem; line-height: 1.3; white-space: nowrap; text-align: left;
}
.float-card strong { display: block; font-weight: 600; color: var(--site-text); }
.float-card > span:last-child > span { color: var(--site-muted); font-size: 0.8rem; }
.float-card--a { left: -2%; top: 20%; }
.float-card--b { right: -2%; bottom: 17%; }
@media (prefers-reduced-motion: no-preference) {
  .float-card { animation: home-float 7s ease-in-out infinite; }
  .float-card--b, .home-globe__chip--b { animation-delay: -3.5s; }
}
@keyframes home-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* ---------- Intro: journey card ---------- */
.home-journey {
  position: relative; overflow: hidden;
  padding: clamp(28px, 4vw, 44px);
  border-radius: var(--site-radius-xl);
  background:
    radial-gradient(420px 260px at 100% 0%, rgba(255, 183, 3, 0.3), transparent 70%),
    var(--site-gradient-soft);
  border: 1px solid rgba(255, 183, 3, 0.4);
}
.home-journey .deco-mandala { width: 480px; height: 480px; right: -190px; top: -190px; color: #fff; opacity: .55; }
.home-journey__lotus { position: relative; width: 84px; height: 56px; margin-bottom: 20px; color: var(--site-saffron); }
.home-journey__list { position: relative; display: grid; gap: 12px; }
.home-journey__list li {
  display: flex; align-items: center; gap: 16px;
  padding: 16px 18px;
  border-radius: var(--site-radius);
  background: var(--site-surface);
  border: 1px solid var(--site-border);
  box-shadow: 0 2px 6px -2px rgba(169, 54, 0, .12);
  color: var(--site-muted); font-size: 0.93rem; line-height: 1.4;
}
.home-journey__list strong { display: block; font-family: var(--site-font-serif); font-weight: 500; font-size: 1.12rem; color: var(--site-text); margin-bottom: 2px; }

/* ---------- Puja cards (cream section) ---------- */
.home-pujas { background: radial-gradient(700px 360px at 50% 0%, rgba(255, 201, 40, 0.14), transparent 70%), var(--site-bg); }
.puja-card { display: flex; flex-direction: column; }
.puja-card h3 { margin: 22px 0 10px; transition: color .2s; }
.puja-card p { flex: 1; }
.puja-card__more {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 18px; font-weight: 600; font-size: 0.92rem; color: var(--site-primary-ink);
}
.puja-card__more svg.lucide { width: 16px; height: 16px; transition: transform .25s var(--site-ease); }
.puja-card:hover .puja-card__more svg.lucide { transform: translateX(4px); }
.puja-card:hover h3 { color: var(--site-primary-ink); }
.puja-card .icon-tile { background: var(--site-gradient-brand); color: #fff; border: 0; box-shadow: 0 8px 18px -8px rgba(217, 72, 1, .6); }
.puja-card--accent { background: linear-gradient(180deg, var(--site-surface), var(--site-yellow-soft)); border-color: rgba(255, 183, 3, 0.5); }
.puja-card--accent .icon-tile { background: var(--site-yellow-soft); color: var(--site-gold-ink); border: 1px solid rgba(255, 183, 3, .5); box-shadow: none; }
.home-center-cta { display: flex; justify-content: center; margin-top: 44px; }

/* ---------- Find a Verified Pandit (strong orange) ---------- */
.home-find {
  background:
    radial-gradient(620px 460px at 92% 60%, rgba(255, 183, 3, 0.5), transparent 70%),
    linear-gradient(100deg, #A93600 0%, #BF3F00 38%, #D94801 56%, #F05A00 76%, #F48C06 100%);
}
.home-find .split p:not(.eyebrow) { color: #fff; }
.home-find__subhead {
  margin: 30px 0 18px !important;
  font-size: 0.78rem !important; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: #FFE08A !important;
}
.home-find__list { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 24px; }
.home-find__list li { display: flex; gap: 14px; align-items: flex-start; }
.home-find__list h3 { font-size: 1.05rem; margin: 2px 0 4px; color: #fff; }
.home-find__list p { font-size: 0.92rem !important; line-height: 1.55; margin: 0; color: #fff !important; }
.home-find__btn { margin-top: 32px; }

.home-profile { position: relative; display: grid; place-items: center; padding: 40px 0 88px; }
.home-profile .deco-mandala { width: 560px; height: 560px; left: 50%; top: 50%; margin: -280px 0 0 -280px; color: #FFE08A; opacity: .35; }
.home-profile__card {
  position: relative; z-index: 1;
  width: min(380px, 100%);
  padding: 26px;
  border-radius: 22px;
  background: var(--site-surface);
  border: 1px solid rgba(255, 255, 255, .6);
  box-shadow: 0 40px 80px -30px rgba(90, 25, 0, .6), 0 12px 24px -12px rgba(90, 25, 0, .35);
  color: var(--site-text);
}
.home-profile__head { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.home-profile__avatar {
  position: relative; flex-shrink: 0;
  display: grid; place-items: center;
  width: 60px; height: 60px; border-radius: 50%;
  background: var(--site-gradient-brand); color: #fff;
}
.home-profile__avatar > svg { width: 38px; height: 26px; }
.home-profile__tick {
  position: absolute; right: -3px; bottom: -3px;
  display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
  background: var(--site-saffron); color: #fff; border: 2px solid #fff;
}
.home-profile__tick svg.lucide { width: 12px; height: 12px; stroke-width: 3; }
.home-profile__meta { flex: 1; min-width: 0; }
.home-profile__label { display: block; margin-bottom: 8px; font-size: 0.72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--site-muted); }
.skeleton { display: block; height: 9px; border-radius: 6px; background: #F6E6CF; }
.skeleton + .skeleton { margin-top: 7px; }
.skeleton--title { width: 72%; height: 12px; background: #EED3AC; }
.skeleton--short { width: 46%; }
.home-profile__badge {
  align-self: flex-start;
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 10px; border-radius: 999px;
  background: var(--site-primary-soft); color: var(--site-primary-ink);
  font-size: 0.75rem; font-weight: 600;
}
.home-profile__badge svg.lucide { width: 14px; height: 14px; }
.home-profile__section { margin: 0 0 10px !important; font-size: 0.72rem !important; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--site-muted) !important; }
.home-profile__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: 999px;
  background: var(--site-yellow-soft); color: var(--site-text);
  border: 1px solid rgba(255, 183, 3, .45);
  font-size: 0.8rem; font-weight: 500;
}
.home-profile__days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-bottom: 22px; }
.home-profile__days span { height: 30px; border-radius: 8px; background: var(--site-bg); border: 1px solid var(--site-border); }
.home-profile__days span.on { background: var(--site-gradient-soft); border-color: rgba(244, 140, 6, .45); }
.home-profile__actions { display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; }
.home-profile__btn {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px; border-radius: 11px;
  background: var(--site-primary-strong); color: #fff; font-size: 0.85rem; font-weight: 600;
}
.home-profile__btn--ghost { background: var(--site-surface); color: var(--site-primary-ink); border: 1px solid var(--site-border-strong); }
.home-profile__btn svg.lucide { width: 16px; height: 16px; }
.home-find { overflow: hidden; }
.home-profile__float { right: 2%; bottom: 20px; }

/* ---------- How it works (5 steps, cream→soft yellow) ---------- */
.home-steps { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.home-steps::before { left: 10%; right: 10%; }
.home-steps .step__icon { background: var(--site-surface); }
.home-steps .step__num { width: 30px; height: 30px; font-size: 0.72rem; background: var(--site-gradient-deep); }
.home-steps .step__title { font-size: 1.12rem; }
.home-steps .step__text { font-size: 0.93rem; }

/* ---------- Occasions (warm white, orange & gold accents) ---------- */
.home-occasions .deco-mandala { width: 820px; height: 820px; right: -340px; top: -280px; color: var(--site-gold); opacity: .16; }
.home-occasions .container { position: relative; z-index: 1; }
.home-occasions__grid { gap: 16px; }
.occasion {
  position: relative; overflow: hidden;
  display: flex; gap: 18px; align-items: flex-start;
  padding: 26px 24px;
  border-radius: var(--site-radius-lg);
  background: var(--site-bg);
  border: 1px solid var(--site-border);
  transition: background-color .3s, border-color .3s, transform .3s var(--site-ease), box-shadow .3s;
}
.occasion::before {
  content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px; border-radius: 0 3px 3px 0;
  background: var(--site-gradient-brand); opacity: 0; transition: opacity .3s;
}
.occasion:hover { background: var(--site-surface); border-color: var(--site-border-strong); transform: translateY(-3px); box-shadow: var(--site-shadow-md); }
.occasion:hover::before { opacity: 1; }
.occasion:nth-child(even) .icon-tile { background: var(--site-yellow-soft); color: var(--site-gold-ink); border-color: rgba(255, 183, 3, .45); }
.occasion h3 { font-size: 1.18rem; margin: 2px 0 6px; }
.occasion p { margin: 0; font-size: 0.94rem; color: var(--site-muted); }

/* ---------- Anywhere: globe illustration (cream) ---------- */
.home-anywhere { background: var(--site-bg); }
.home-globe { position: relative; width: min(460px, 100%); margin: 0 auto; aspect-ratio: 1; }
.home-globe::before {
  content: ""; position: absolute; inset: 14%; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 201, 40, 0.35), transparent 70%); filter: blur(10px);
}
.home-globe__svg { position: relative; width: 100%; height: 100%; }
@media (prefers-reduced-motion: no-preference) {
  .home-globe__svg > circle:first-of-type { transform-origin: 200px 200px; animation: site-spin 90s linear infinite; }
}
.home-globe__center {
  position: absolute; left: 50%; top: 50%;
  display: grid; place-items: center;
  width: 92px; height: 92px; margin: -46px 0 0 -46px; border-radius: 50%;
  background: var(--site-gradient-brand); color: #fff;
  box-shadow: 0 0 0 8px rgba(255, 253, 248, .85), var(--site-shadow-md);
}
.home-globe__center svg { width: 56px; height: 38px; }
.home-globe__chip--a { left: -2%; top: 16%; }
.home-globe__chip--b { right: -2%; bottom: 14%; }
.home-anywhere__note {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 14px; border-radius: 10px;
  background: var(--site-yellow-soft); border: 1px solid rgba(255, 183, 3, .45);
  font-size: 0.9rem !important; color: var(--site-text) !important;
}
.home-anywhere__note svg.lucide { width: 17px; height: 17px; color: var(--site-gold-ink); }

/* ---------- Why PujaGuru (strong orange → golden yellow) ---------- */
.home-why {
  overflow: hidden;
  background:
    radial-gradient(800px 380px at 50% 0%, rgba(120, 35, 0, 0.35), transparent 70%),
    linear-gradient(180deg, #B03A00 0%, #D24601 26%, #EE5E02 48%, #F48C06 74%, #FFC23A 100%);
}
.home-why .deco-mandala { width: 760px; height: 760px; left: 50%; top: -380px; margin-left: -380px; color: #FFE08A; opacity: .16; }
.home-why .container { position: relative; z-index: 1; }
.home-why .section-head .eyebrow { color: #fff; }
.home-why .section-head .eyebrow::before { background: var(--site-gold-light); }
.home-why .section-title { color: #fff; }
.home-why .section-title em { color: #FFE08A; }
.home-why .section-subtitle { color: #fff; }
.home-why .card { background: var(--site-surface); border-color: rgba(255, 255, 255, .7); box-shadow: 0 18px 40px -24px rgba(90, 25, 0, .55); }
.home-why .card:hover { box-shadow: 0 28px 50px -24px rgba(90, 25, 0, .6); }

/* ---------- For Panditji teaser (cream) ---------- */
.home-pandit { background: var(--site-bg); }
.home-pandit__card {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  overflow: hidden;
  border-radius: var(--site-radius-xl);
  background: var(--site-surface);
  border: 1px solid var(--site-border);
  box-shadow: var(--site-shadow);
}
.home-pandit__copy { padding: clamp(32px, 5vw, 64px); }
.home-pandit__copy .section-title { font-size: clamp(1.85rem, 3vw, 2.5rem); margin-bottom: 18px; }
.home-pandit__copy p:not(.eyebrow) { color: var(--site-muted); font-size: 1.05rem; max-width: 540px; }
.home-pandit__actions { margin-top: 32px; }
.home-pandit__panel {
  position: relative; overflow: hidden;
  display: flex; align-items: center;
  padding: clamp(28px, 4vw, 48px);
  background:
    radial-gradient(420px 300px at 100% 0%, rgba(255, 183, 3, 0.3), transparent 70%),
    var(--site-gradient-soft);
  border-left: 1px solid rgba(255, 183, 3, 0.35);
}
.home-pandit__panel .deco-mandala { width: 460px; height: 460px; right: -170px; bottom: -190px; color: #fff; opacity: .6; }
.home-pandit__list { position: relative; z-index: 1; display: grid; gap: 12px; width: 100%; }
.home-pandit__list li {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 16px;
  border-radius: var(--site-radius);
  background: var(--site-surface);
  border: 1px solid var(--site-border);
  box-shadow: 0 2px 6px -2px rgba(169, 54, 0, .12);
  color: var(--site-muted);
  font-size: 0.88rem; line-height: 1.35;
}
.home-pandit__list strong { display: block; color: var(--site-text); font-size: 0.98rem; font-weight: 600; margin-bottom: 2px; }

/* ---------- Download band (cream → soft yellow → gold) ---------- */
.home-download {
  position: relative; overflow: hidden;
  padding: clamp(64px, 8vw, 104px) 0 0;
  background:
    radial-gradient(520px 420px at 78% 70%, rgba(244, 140, 6, 0.35), transparent 70%),
    linear-gradient(135deg, #FFF9ED 0%, #FFF3C4 45%, #FFE08A 75%, #FFC94D 100%);
  border-top: 1px solid var(--site-border);
}
.home-download .deco-mandala { width: 760px; height: 760px; right: -120px; top: 50%; margin-top: -380px; color: #fff; opacity: .5; }
.home-download__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(32px, 5vw, 72px); align-items: end; }
.home-download__copy { padding-bottom: clamp(64px, 8vw, 104px); }
.home-download h2 { margin-bottom: 10px; }
.home-download__sub { font-family: var(--site-font-serif); font-style: italic; font-size: clamp(1.2rem, 2vw, 1.45rem); color: var(--site-saffron); margin-bottom: 18px; }
.home-download__copy > p:not(.eyebrow):not(.home-download__sub) { max-width: 540px; font-size: 1.05rem; color: var(--site-muted); }
.home-download__list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; max-width: 520px; margin: 24px 0 32px; }
.home-download__list li { display: flex; align-items: center; gap: 10px; color: var(--site-text); font-weight: 500; font-size: 0.95rem; }
.home-download__list svg.lucide {
  width: 22px; height: 22px; padding: 4px; border-radius: 50%;
  background: var(--site-primary-strong); color: #fff; stroke-width: 3;
}
.home-download__fine { margin-top: 22px; font-size: 0.9rem; color: var(--site-muted); }
.home-download__visual { display: flex; justify-content: center; align-self: end; height: 100%; min-height: 420px; align-items: flex-end; }
.home-download__visual .phone-mockup { width: min(300px, 70vw); margin-bottom: -150px; transform: rotate(-4deg); }

/* ---------- FAQ (warm white) ---------- */
.home-faq { background: var(--site-surface); }
.home-faq .faq-item { background: var(--site-bg); }
.home-faq__intro { position: sticky; top: calc(var(--site-header-h) + 40px); }
.home-faq__help {
  display: flex; gap: 16px; align-items: flex-start;
  margin-top: 32px; padding: 22px;
  border-radius: var(--site-radius-lg);
  background: var(--site-bg);
  border: 1px solid var(--site-border);
}
.home-faq__help h3 { font-size: 1.1rem; margin-bottom: 4px; }
.home-faq__help p { font-size: 0.93rem !important; margin-bottom: 8px; }

/* ---------- Final CTA (shared full-width .cta-band) ---------- */
.home-final__lotus { width: 84px; height: 56px; margin: 0 auto 18px; color: #FFE08A; }
.cta-band .home-final__motto { margin: 0 auto 8px; font-family: var(--site-font-serif); font-size: clamp(1.15rem, 1.8vw, 1.35rem); color: #fff; }
.home-final .store-btns { justify-content: center; }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  .float-card--a { left: 0; }
  .float-card--b { right: 0; }
  .home-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 44px; }
  .home-steps::before { display: none; }
}
@media (max-width: 960px) {
  .home-hero { background: radial-gradient(520px 420px at 50% 78%, rgba(255, 183, 3, 0.4), transparent 70%), linear-gradient(180deg, #FFF9ED 0%, #FFF4E0 46%, #FFDDB0 72%, #FBB257 100%); }
  .home-hero__grid { grid-template-columns: 1fr; text-align: center; }
  .home-hero__copy { display: flex; flex-direction: column; align-items: center; }
  .home-hero .display, .home-hero__lead, .home-hero__note { margin-left: auto; margin-right: auto; }
  .home-hero__motto, .home-hero .store-btns { justify-content: center; }
  .home-hero__mandala { right: 50%; margin-right: -350px; top: auto; bottom: -220px; margin-top: 0; }
  .phone-stage { max-width: 460px; }
  .home-find { background: radial-gradient(520px 420px at 50% 100%, rgba(255, 183, 3, 0.45), transparent 70%), linear-gradient(180deg, #A93600 0%, #BF3F00 50%, #D24601 72%, #F07A05 100%); }
  .home-pandit__card { grid-template-columns: 1fr; }
  .home-pandit__panel { border-left: 0; border-top: 1px solid rgba(255, 183, 3, 0.35); }
  .home-download__grid { grid-template-columns: 1fr; text-align: center; }
  .home-download__copy { padding-bottom: 8px; }
  .home-download__copy > p, .home-download__list { margin-left: auto; margin-right: auto; }
  .home-download .store-btns { justify-content: center; }
  .home-download__list { justify-items: start; width: fit-content; }
  .home-download__visual { min-height: 0; height: 320px; }
  .home-download__visual .phone-mockup { margin-bottom: -320px; transform: none; }
  .home-faq__intro { position: static; }
  .home-occasions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-anywhere .split > :first-child { order: 2; }
  .home-globe { width: min(400px, 100%); }
}
@media (max-width: 640px) {
  .home-hero { padding-top: 32px; }
  .home-hero__motto { font-size: 1rem; flex-direction: column; gap: 2px; }
  .home-hero__motto span + span::before { display: none; }
  .home-hero__how { width: 100%; }
  .float-card { padding: 9px 12px 9px 9px; gap: 10px; font-size: .78rem; border-radius: 14px; }
  .float-card .icon-tile--sm { width: 32px; height: 32px; border-radius: 9px; }
  .float-card .icon-tile--sm svg.lucide { width: 17px; height: 17px; }
  .float-card > span:last-child > span { font-size: .72rem; }
  .float-card--a { left: -6px; top: 13%; }
  .float-card--b { right: -6px; bottom: 11%; }
  .phone-stage__ring { width: 104%; }
  .home-find__list { grid-template-columns: 1fr; }
  .home-profile { padding: 24px 0 56px; }
  .home-profile__float { right: 0; bottom: 8px; }
  .home-steps { grid-template-columns: 1fr; }
  .home-occasions__grid { grid-template-columns: 1fr; }
  .home-pandit__actions .btn { width: 100%; }
  .home-download__list { grid-template-columns: 1fr; }
  .home-download__visual { height: 260px; }
  .home-download__visual .phone-mockup { margin-bottom: -280px; }
  .home-globe__chip--a { left: -4px; top: 6%; }
  .home-globe__chip--b { right: -4px; bottom: 4%; }
}
@media (max-width: 400px) {
  .home-hero .store-btns, .home-final .store-btns { flex-direction: column; align-items: stretch; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; }
  .home-hero .store-btn, .home-final .store-btn { justify-content: center; }
  .home-download .store-btns { flex-direction: column; align-items: center; }
}

/* Fixes: light-surface widgets inside the strong orange section keep light-theme tiles */
.home-find .home-profile .icon-tile--gold { background: var(--site-yellow-soft); color: var(--site-gold-ink); border-color: rgba(255, 183, 3, 0.45); }
.home-occasions { overflow: hidden; }