/* 3rd Mumbai Redevelopment Summit 2026 – inner pages
   (agenda.html, speakers.html, partners.html, contact.html, privacy-policy.html, register.html, thank-you.html)
   Load AFTER style.css – reuses its tokens (--ink, --amber, --concrete …), header, buttons, form and footer styles. */

/* =========================================================
   PAGE HERO – shorter version of the home hero
   ========================================================= */
.hero.page-hero{padding:56px 0 64px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 18px;font-size:.85rem;color:#93AAB6}
.crumbs a{color:#C5D4DB;text-decoration:none}
.crumbs a:hover{color:var(--amber-lt)}
.crumbs li + li::before{content:"/";margin-right:8px;color:#5C7A8A}
.page-title{font-size:clamp(2.3rem,5.4vw,4.2rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff;margin:0 0 14px}
.page-hero .hero-sub{margin-bottom:0}
.page-hero .hero-meta{margin:0;border:0;padding:0;justify-content:flex-end}
@media (max-width:991.98px){.page-hero .hero-meta{justify-content:flex-start;margin-top:8px}}

/* =========================================================
   AGENDA / SPEAKERS / PARTNERS / CONTACT
   (section styles themselves are in style.css – these pages reuse the home-page sections as they were)
   ========================================================= */
/* Closing call-to-action band (agenda.html, speakers.html) */
.page-cta{background:var(--amber);color:#fff;padding:56px 0}
.page-cta .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px 40px}
.page-cta h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 6px}
.page-cta p{margin:0;color:rgba(255,255,255,.9)}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px}
/* Contact: the dark "get involved" section follows the dark page hero – a hairline keeps them apart */
.page-hero + .participate-sec{border-top:1px solid rgba(255,255,255,.1)}

/* =========================================================
   PRIVACY POLICY
   ========================================================= */
.policy-sec{padding:72px 0 96px}
.policy{max-width:820px;margin:0 auto;color:#36464F}
.policy-lede{font-size:1.1rem;color:var(--ink);border-left:4px solid var(--amber);padding-left:18px;margin-bottom:8px}
.policy h2{font-size:1.4rem;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:44px 0 14px;padding-top:28px;border-top:1px solid var(--line)}
.policy ul{list-style:none;padding:0;margin:0 0 1rem}
.policy li{position:relative;padding:5px 0 5px 22px}
.policy li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--amber)}
.policy a{font-weight:500}
.policy-contact{display:flex;flex-direction:column;gap:2px;background:var(--concrete);border-radius:var(--radius-l);padding:22px 26px;margin:0 0 1rem;font-style:normal}
.policy-contact strong{color:var(--ink);font-size:1.05rem}
.policy-contact a{overflow-wrap:anywhere}

/* =========================================================
   REGISTER / PAYMENT
   ========================================================= */
.pay-sec{background:var(--concrete);padding:72px 0 96px}
/* Pricing cards – built on the .pass-card ticket shape below */
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:940px;margin:0 auto;align-items:stretch}
.price-card{display:flex;flex-direction:column;transition:transform .3s}
.price-card:hover{transform:translateY(-6px)}
.price-card .pass-top{background:var(--ink);padding:30px 32px 28px}
.price-card.featured .pass-top{background:var(--amber)}
.price-card .pass-top h2{font-size:1.15rem;font-weight:600;margin:0 0 14px;color:#fff}
.price-amt{font-size:clamp(2.8rem,6vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:.95;color:#fff}
.price-amt small{display:block;font-size:.85rem;font-weight:500;letter-spacing:0;line-height:1.4;margin-top:10px;color:rgba(255,255,255,.8)}
.price-card .pass-body{flex:1;display:flex;flex-direction:column;padding:28px 32px 32px}
.benefits{list-style:none;padding:0;margin:0 0 26px;flex:1}
.benefits li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--concrete);font-size:.9rem;color:#46565F;line-height:1.5}
.benefits li:last-child{border-bottom:0}
.benefits svg{flex:0 0 20px;width:20px;height:20px;margin-top:2px;padding:4px;border-radius:50%;background:rgba(22,127,195,.12);fill:none;stroke:var(--amber-d);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.benefits b{display:block;font-weight:600;color:var(--ink)}
@media (max-width:767.98px){.price-grid{grid-template-columns:1fr;max-width:480px}.price-card .pass-top,.price-card .pass-body{padding-left:24px;padding-right:24px}}
@media (prefers-reduced-motion:reduce){.price-card{transition:none}.price-card:hover{transform:none}}
#payModal .input-group-text{background:var(--concrete);border-color:var(--line);color:var(--muted)}

/* Ticket shape used by the pricing cards */
.pass-card{filter:drop-shadow(0 20px 36px rgba(14,34,48,.22))}
.pass-top,.pass-body{--notch:12px}
.pass-top{background:var(--amber);color:#fff;padding:26px 28px 24px;border-radius:var(--radius-l) var(--radius-l) 0 0;
  -webkit-mask:radial-gradient(circle var(--notch) at 0 100%,#0000 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,#0000 97%,#000) 100% 0/51% 100% no-repeat;
          mask:radial-gradient(circle var(--notch) at 0 100%,#0000 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 100%,#0000 97%,#000) 100% 0/51% 100% no-repeat}
.pass-body{position:relative;background:#fff;color:var(--text);padding:24px 28px 28px;border-radius:0 0 var(--radius-l) var(--radius-l);
  -webkit-mask:radial-gradient(circle var(--notch) at 0 0,#0000 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 0,#0000 97%,#000) 100% 0/51% 100% no-repeat;
          mask:radial-gradient(circle var(--notch) at 0 0,#0000 97%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 0,#0000 97%,#000) 100% 0/51% 100% no-repeat}
.pass-body::before{content:"";position:absolute;left:22px;right:22px;top:0;border-top:2px dashed var(--line)}
.pass-top small{display:block;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.82);margin-bottom:6px}
.pass-top strong{display:block;font-size:1.3rem;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.pass-top span{display:block;font-size:.88rem;margin-top:8px;color:rgba(255,255,255,.9)}


/* =========================================================
   THANK YOU
   ========================================================= */
.hero.ty-hero{padding:88px 0 104px;min-height:calc(100vh - 190px);display:flex;align-items:center}
.ty-hero > .container{width:100%}
.ty-tag{display:inline-flex;align-items:center;gap:10px;background:rgba(22,127,195,.12);border:1px solid rgba(22,127,195,.45);color:var(--amber-lt);font-weight:600;font-size:.9rem;padding:6px 16px 6px 7px;border-radius:40px;margin-bottom:24px}
.ty-check{width:26px;height:26px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center}
.ty-check svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:tyDraw .5s .7s ease-out forwards}
@keyframes tyDraw{to{stroke-dashoffset:0}}
.ty-title{font-size:clamp(2.7rem,6.6vw,5.2rem);font-weight:800;letter-spacing:-.035em;line-height:.98;color:#fff;margin:0 0 22px}
.ty-hero .hero-intro{max-width:580px}
.ty-wrap{max-width:820px;margin:0 auto;text-align:center}
.ty-wrap .hero-intro{max-width:640px;margin-left:auto;margin-right:auto}
.ty-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;list-style:none;padding:0;margin:0 0 32px}
.ty-meta li{display:inline-flex;align-items:center;gap:10px;background:var(--ink-2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-s);padding:11px 18px;font-weight:500;font-size:.95rem;color:#fff}
.ty-meta svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:var(--amber-lt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ty-wrap .hero-ctas{justify-content:center;margin-bottom:0}
@media (max-width:991.98px){.hero.ty-hero{padding:56px 0 72px;min-height:0}}
@media (prefers-reduced-motion:reduce){
  .ty-check svg{animation:none;stroke-dashoffset:0}
  .hero-in > *{animation:none}
}