/* MoMPA home — page-only rules. v179 perf H5: moved verbatim out of the inline <style> in public/home.blade.php
   (13 KB per view → one cached file). Same rules, same order; nothing changed. */
/* Bottom CTA — slim + reveals on scroll (hidden over hero/top-chips, slides in after) */
.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;gap:7px;
  padding:7px 9px calc(7px + env(safe-area-inset-bottom,0px));
  background:rgba(28,16,41,.97);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.12);
  transform:translateY(120%);opacity:0;transition:transform .28s ease,opacity .28s ease;pointer-events:none}
.sticky-bar.show{transform:translateY(0);opacity:1;pointer-events:auto}
.sticky-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
  height:40px;padding:0 6px;border-radius:11px;color:#fff!important;text-decoration:none;white-space:nowrap;
  font:var(--fw-700,700) 12.5px/1 'Plus Jakarta Sans',system-ui,sans-serif}
.sticky-bar svg{width:15px!important;height:15px!important;flex:none!important}
.sb-call{background:rgba(255,255,255,.14)!important}
.sb-wa{background:linear-gradient(135deg,#2ee06d,#1faa4f)!important}
.sb-book{background:linear-gradient(135deg,#F59E0B,#e07d0a)!important}
body{padding-bottom:0!important}
@media(min-width:768px){.sticky-bar{display:none!important}}
@media(prefers-reduced-motion:reduce){.sticky-bar{transition:none}}

/* "View Complete Rent Guide" CTA — base btn-primary padding didn't reach it (was 19px tall) */
.v3rentg-cta{width:100%;padding:15px 24px!important;min-height:50px;font-size:14.5px!important;font-weight:var(--fw-800,800);border-radius:13px;line-height:1.1}

/* ===== Phase-1 emotional homepage (hero copy + Our Story) ===== */
/* Headline — v10.3: desktop par SINGLE line, LIVE screenshot se calibrated.
   Live layout me left column ~400px hai (1366px viewport) aur poori headline
   41px par ~420px maangti thi — isliye wrap hua. 37px par text ~380px =
   ek line + ~20px headroom. Chhote viewports par natural wrap hoga,
   text-wrap:balance dono lines even rakhta hai. "//" marker ab bhi kaam
   karta hai agar manual break chahiye (flat() me strip hota hai). */
.hero-emo{font-family:'Fraunces',Georgia,serif!important;font-weight:600;font-size:clamp(28px,6.6vw,37px);line-height:1.18;letter-spacing:-.012em;margin:4px 0 12px;text-wrap:balance}
.hero-emo em{font-style:normal;color:#F5B342;font-weight:var(--fw-700,700)}
.hero-emo-sub{font-family:'Fraunces',Georgia,serif;font-size:clamp(16px,4.4vw,22px);font-weight:500;color:#fff;opacity:.96;margin:0 0 18px}
.hero-emo-sub b{color:#F5B342;font-weight:var(--fw-700,700)}
/* Tier 1 · Primary Highlights — gold/orange, bold, same typography */
.hero-seo{font-size:clamp(13.5px,3.4vw,16px);font-weight:var(--fw-800,800);color:#F5B342;margin:0 0 7px;letter-spacing:.012em}
.hero-seo em{font-style:normal;color:#ffd07a}
/* Tier 2 · Support Highlights — smaller, muted white ~78% */
.hero-support{font-size:clamp(12.5px,3.1vw,14px);font-weight:600;color:rgba(255,255,255,.78);margin:0;letter-spacing:.01em}
/* Brand pillars (not section headings). Fraunces SemiBold heading, no caps,
   no icon; Plus Jakarta Sans Medium items. Larger gap BETWEEN the two groups
   (28px), tighter gap between a heading and its own list (7px). */
.hero-pillars{margin:20px 0 4px}
.hero-pillar+.hero-pillar{margin-top:24px}
.hero-pillar-head{position:relative;font-family:'Fraunces',Georgia,serif;font-weight:600;text-transform:none;letter-spacing:.002em;font-size:clamp(16px,4vw,20px);line-height:1.2;color:#F5B342;margin:0 0 7px;padding-top:13px}
/* Gold overline — same visual language as the hero eyebrow badge. No icon,
   no extra HTML; a pseudo-element keeps the markup clean. */
.hero-pillar-head::before{content:"";position:absolute;top:0;left:0;width:40px;height:2px;border-radius:2px;background:linear-gradient(90deg,#F5B342,rgba(245,179,66,.25))}
.hero-pillar--support .hero-pillar-head{color:#F5B342}

.hero-pillar-list{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:500;font-size:clamp(13px,3.2vw,15px);line-height:1.6;color:rgba(255,255,255,.82);margin:0;letter-spacing:.012em;word-spacing:.04em}
.hero-pillar-list em{font-style:normal;font-weight:600;color:#F5B342}
.hero-pillar--support .hero-pillar-list{color:rgba(255,255,255,.72)}
/* Tier 3 tagline, ab pillars ke andar — same overline rhythm, gold. */
.hero-pillar-tagline{margin-top:24px!important;padding-top:13px}
.hero-pillar-tagline::before{width:40px;background:linear-gradient(90deg,#F5B342,rgba(245,179,66,.25))}
/* Duration chips — display-only. Gold-outline pills, dark-bg premium.
   Not clickable, so no hover-lift; subtle by design. */
.hero-durations{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;font-size:clamp(12.5px,3.1vw,14.5px);letter-spacing:.015em;color:#F5D9A6;margin:9px 0 0;line-height:1.5}
.hero-dur-sep{color:rgba(245,179,66,.5);margin:0 8px;font-weight:400}
/* Tier 3 · Stay Duration Tagline — gold, bold, visually separated */
.hero-stay{position:relative;font-size:clamp(14px,3.6vw,17px);font-weight:var(--fw-800,800);color:#F5B342;margin:20px 0 0;padding-top:12px;letter-spacing:.02em}
.hero-stay::before{content:"";position:absolute;top:0;left:0;width:38px;height:2px;border-radius:2px;background:linear-gradient(90deg,#F5B342,rgba(245,179,66,0))}
/* Spark — premium brand quote (was an alert box). Soft bg, gold left accent,
   generous whitespace above & below so it reads as a brand philosophy,
   clearly separate from the tiers above and the lead paragraph below. */
.hero-quote{position:relative;margin:22px 0 8px;max-width:52ch;padding:18px 20px 16px 22px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(245,158,11,.075));border-left:2px solid #F5B342;border-radius:2px 16px 16px 2px}
.hero-quote::before{content:"\275D";position:absolute;top:6px;right:14px;font-family:'Fraunces',Georgia,serif;font-size:30px;line-height:1;color:rgba(245,179,66,.4)}
.hero-quote-main{margin:0;font-size:clamp(14px,3.6vw,17px);font-weight:500;line-height:1.7;color:#f7ecd9}
.hero-quote-main em{font-style:normal;color:#ffd07a;font-weight:var(--fw-700,700)}
.hero-quote-sign{margin-top:12px;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:clamp(13px,3.3vw,15.5px);font-weight:600;color:#F5B342;line-height:1.5}
.hero-quote-sign em{font-style:italic;color:#ffd07a}
/* Extra air below the quote, before the lead paragraph (audit P1 #3) */
.hero .hero-bottom .lead{margin-top:16px}
@media(max-width:640px){
  .hero-quote{padding:14px 15px 13px 17px;margin:16px 0 4px}
  .hero-quote::before{font-size:24px;top:5px;right:11px}
  .hero-quote-main{line-height:1.62}
  .hero-stay{margin-top:16px;padding-top:10px}
  .hero .hero-bottom .lead{margin-top:10px}
}
/* legacy .hero-spark kept for any cached/old markup */
.hero-spark{font-size:clamp(13px,3.4vw,15px);line-height:1.55;color:#ffe9c2;background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.30);border-radius:14px;padding:11px 14px;margin:2px 0 0;max-width:48ch}
.btn-ghost-dark{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.34)}
.btn-ghost-dark:hover{border-color:#fff}
.v3story{background:linear-gradient(180deg,#fbf6ee,#ffffff)}
.v3story-in{max-width:760px;margin:0 auto;text-align:center}
.story-eyebrow{display:inline-block;font-weight:var(--fw-800,800);letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#C9760A;margin-bottom:14px}
.story-lead{font-family:'Fraunces',Georgia,serif;font-size:clamp(20px,5.2vw,31px);line-height:1.32;color:#2a1736;margin:0 0 16px}
.story-lead b{color:#3A1D56}
.story-lead em{font-style:normal;font-weight:var(--fw-700,700);color:#3A1D56}
.v3seo-in p em{font-style:normal;font-weight:var(--fw-700,700)}
.story-body{font-size:clamp(15px,3.8vw,17px);line-height:1.7;color:#5a4d66;max-width:54ch;margin:0 auto 4px}
.story-body em{font-style:italic;color:#C9760A;font-weight:600}
.story-quote{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:clamp(16px,4.4vw,22px);line-height:1.5;color:#3A1D56;border:0;border-top:1px solid #efe2cf;margin:26px auto 0;padding:22px 0 0;max-width:52ch}
/* Students & Professionals */
.v3perfect .pf-cols{display:grid;grid-template-columns:1fr;gap:16px;margin:22px 0 8px}
.pf-col{background:#fff;border:1px solid #efe6da;border-radius:18px;padding:20px 18px;box-shadow:0 10px 30px -22px rgba(36,18,53,.4)}
.pf-col h3{margin:0 0 12px;font-size:16px;color:#3A1D56;font-weight:var(--fw-800,800)}
.pf-tags{display:flex;flex-wrap:wrap;gap:8px}
.pf-tags span{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:#4a3d57;background:#f6f0e7;border:1px solid #eadfce;border-radius:999px;padding:7px 13px}
.pf-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@media(min-width:760px){.v3perfect .pf-cols{grid-template-columns:1fr 1fr}}
/* Parents trust — light band (2026-09-29: dark plum block removed; matches the rest of the page) */
.v3parents{background:#FAF3E7;border-top:1px solid #efe6da;border-bottom:1px solid #efe6da}
.v3parents-in{max-width:760px;margin:0 auto;text-align:center}
.v3parents .v3h2.on-light{color:#1C1029}
.v3parents .story-eyebrow{color:#A67C24}
.v3parents-text{font-size:clamp(15px,3.8vw,17.5px);line-height:1.75;color:#4a3d57;max-width:58ch;margin:0 auto 14px}
.v3parents-text b{color:#1C1029}
.v3parents-text em{font-style:italic;color:#46143C;font-weight:600}
/* Near colleges chips */
.near-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.near-chips a{display:inline-flex;align-items:center;font-size:13.5px;font-weight:var(--fw-700,700);color:#3A1D56;background:#fff;border:1px solid #e8dcc8;border-radius:999px;padding:10px 15px;text-decoration:none;transition:transform .12s,box-shadow .15s,border-color .15s}
.near-chips a:hover{transform:translateY(-2px);box-shadow:0 10px 22px -14px rgba(36,18,53,.5);border-color:#F5B342}
/* Language toggle (HI/EN) */
.lang-toggle{display:inline-flex;align-items:center;background:#f1ebf8;border:1px solid #e2d6f0;border-radius:999px;padding:3px;gap:2px;margin-right:8px}
.lang-toggle button,.lang-toggle>a{display:inline-block;border:0;background:transparent;font-family:inherit;font-weight:var(--fw-800,800);font-size:12.5px;color:#6D3AA3;padding:5px 11px;border-radius:999px;cursor:pointer;line-height:1;text-decoration:none;white-space:nowrap;opacity:.62;transition:opacity .15s,background .15s}
.lang-toggle>a:hover,.lang-toggle>a:focus-visible{opacity:1;background:rgba(109,58,163,.08)}
.lang-toggle>a:focus-visible{outline:2px solid #6D3AA3;outline-offset:1px}
.lang-toggle button.on,.lang-toggle>a.on{background:#fff;color:#241235;opacity:1;box-shadow:0 2px 6px -2px rgba(36,18,53,.3)}
.x-en{display:none}
body.lang-en .x-hi{display:none}
body.lang-en p.x-en,body.lang-en h1.x-en,body.lang-en h2.x-en,body.lang-en blockquote.x-en{display:block}
body.lang-en span.x-en{display:inline-block}
/* Footer layout fix (grid columns were missing → everything stacked) */
.foot .foot-grid{grid-template-columns:1fr 1fr;gap:28px 22px}
.foot .foot-grid>*{min-width:0}.foot .foot-contact a{min-width:0;overflow-wrap:anywhere}
@media(max-width:400px){.foot .foot-grid{grid-template-columns:1fr;gap:26px}}
.foot .foot-brand{grid-column:1 / -1}
.foot .foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.6)}
@media(min-width:820px){
  .foot .foot-grid{grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px}
  .foot .foot-brand{grid-column:auto}
}
/* Rent at a glance — PG/Flat price cards (CSS was incomplete → inline so prices always render) */
.v3rentg{max-width:780px;margin:18px 0 0}
.v3rentg-cols{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}
.v3rentg-card{background:#fff;border:1px solid #ece3d4;border-radius:18px;padding:16px 16px 8px;box-shadow:0 14px 32px -26px rgba(36,18,53,.55)}
.v3rentg-cap{font-weight:var(--fw-800,800);color:#3A1D56;font-size:15px;margin-bottom:12px}
.v3rentg-cap small{font-weight:600;color:#8a7d96;font-size:12px}
.v3rentg-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:8px}
.v3rentg-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;background:#fbf7f0;border:1px solid #efe5d5;border-radius:12px;padding:11px 14px}
.v3rentg-row span{font-size:13.5px;font-weight:var(--fw-700,700);color:#4a3d57}
.v3rentg-row b{font-family:'Fraunces',Georgia,serif;font-size:19px;color:#241235;font-weight:600}
.v3rentg-row b small{font-size:12px;color:#C9760A;font-weight:var(--fw-800,800)}
.v3rentg-cta{width:100%;margin-top:2px}
@media(min-width:720px){.v3rentg-cols{grid-template-columns:1fr 1fr}}
/* Rent at a glance: PG + Flats two-column */
.v3rentg-cols{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}
.v3rentg-card{background:#fff;border:1px solid #efe6da;border-radius:16px;padding:14px 14px 4px;box-shadow:0 10px 30px -24px rgba(36,18,53,.4)}
.v3rentg-cap{font-weight:var(--fw-800,800);font-size:14px;color:#3A1D56;margin-bottom:11px}
.v3rentg-cap small{font-weight:600;font-size:11.5px;color:#9a8aa8;letter-spacing:.01em}
.v3rentg-card .v3rentg-grid{margin-bottom:10px}
@media(min-width:760px){.v3rentg-cols{grid-template-columns:1fr 1fr;gap:16px}}