/* Affordable Office Spaces — Podcast Room Premium v1
   Focused comparison hub for Conference Room, Training Room, Event Spaces and Day Office.
   Shared shell remains in ../styles.css. Readability layer loads after this file. */

.podcast-room-page {
  --pod-night: #061a22;
  --pod-night-soft: #0c303a;
  --pod-ink: #102a33;
  --pod-orange: #ff6534;
  --pod-aqua: #64d9cf;
  --pod-cream: #fff7ef;
  --pod-lilac: #d9d7ff;
  background:
    radial-gradient(circle at 9% 9%, rgba(100,217,207,.11), transparent 30rem),
    radial-gradient(circle at 90% 23%, rgba(255,101,52,.08), transparent 34rem),
    var(--paper);
}
.podcast-room-page main { overflow: clip; }
.podcast-room-page :where(section[id]) { scroll-margin-top: 150px; }
.podcast-room-page .breadcrumb { display:flex; align-items:center; gap:9px; margin:0 0 30px; color:var(--muted); font-size:.84rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.podcast-room-page .breadcrumb a { transition:color .2s ease; }
.podcast-room-page .breadcrumb a:hover { color:var(--orange); }
.podcast-room-page .breadcrumb strong { color:var(--ink); }
.podcast-room-page .eyebrow--light { color:rgba(255,255,255,.76); }
.podcast-room-page .section-heading h2 em,
.podcast-room-page h1 em,
.podcast-room-page h2 em { color:var(--orange); font-style:normal; }
.podcast-room-page button { border:0; }
.podcast-room-page fieldset { min-width:0; margin:0; padding:0; border:0; }
.podcast-room-page legend { width:100%; }
.podcast-room-page .section-heading { align-items:end; }
.podcast-room-page .section-heading > p { max-width:600px; }
.pod-section-heading { margin-bottom:54px; }
.pod-section-heading h2 { font-size:clamp(2.45rem,4.6vw,5rem); }
.pod-section-heading > p { margin:0; color:var(--muted); font-size:1.04rem; }

/* HERO ------------------------------------------------------------------ */
.pod-hero {
  position:relative;
  min-height:930px;
  margin-top:-96px;
  padding:190px 0 94px;
  overflow:hidden;
  background:linear-gradient(150deg,#f8fcfd 0%,#eef7f9 52%,#fffaf6 100%);
}
.pod-hero::after { content:""; position:absolute; right:-10%; bottom:-330px; width:740px; height:740px; border:1px solid rgba(16,42,51,.065); border-radius:50%; box-shadow:0 0 0 82px rgba(16,42,51,.022),0 0 0 164px rgba(16,42,51,.014); pointer-events:none; }
.pod-hero__grid { position:absolute; inset:0; opacity:.45; background-image:linear-gradient(rgba(16,42,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,42,51,.035) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,black,transparent 88%); }
.pod-hero__aurora { position:absolute; border-radius:50%; filter:blur(18px); pointer-events:none; animation:msFloat 14s ease-in-out infinite alternate; }
.pod-hero__aurora--one { top:10%; left:-10%; width:460px; height:460px; background:rgba(255,101,52,.15); }
.pod-hero__aurora--two { top:18%; right:-4%; width:560px; height:560px; background:rgba(100,217,207,.18); animation-delay:-5s; }
@keyframes msFloat { to { transform:translate3d(38px,-22px,0) scale(1.06); } }
.pod-hero__layout { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr); gap:clamp(46px,5vw,86px); align-items:center; }
.pod-hero__copy { min-width:0; padding-bottom:18px; }
.pod-hero h1 { max-width:740px; margin:0; font-family:var(--font-display); font-size:clamp(3.8rem,5.5vw,6.65rem); font-weight:700; letter-spacing:-.062em; line-height:.98; }
.pod-hero__lead { max-width:700px; margin:28px 0 0; color:#49646d; font-size:clamp(1.04rem,1.3vw,1.22rem); line-height:1.72; }
.pod-hero__actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:34px; }
.pod-hero__trust { display:flex; flex-wrap:wrap; gap:14px 24px; margin-top:28px; padding-top:24px; border-top:1px solid rgba(16,42,51,.11); }
.pod-hero__trust span { display:inline-flex; align-items:center; gap:9px; color:var(--ink-soft); font-size:.88rem; font-weight:800; }
.pod-hero__trust i { width:9px; height:9px; border-radius:50%; background:linear-gradient(135deg,var(--orange),var(--aqua)); box-shadow:0 0 0 5px rgba(100,217,207,.1); }
.pod-hero__modes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:34px; padding:8px; border:1px solid rgba(16,42,51,.1); border-radius:24px; background:rgba(255,255,255,.58); box-shadow:0 16px 46px rgba(11,50,61,.07); backdrop-filter:blur(18px); }
.pod-hero__modes button { min-width:0; min-height:62px; display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 12px; border-radius:17px; color:var(--muted); background:transparent; transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease; }
.pod-hero__modes button span { color:var(--orange); font-size:.82rem; font-weight:800; }
.pod-hero__modes button strong { font-family:var(--font-display); font-size:.92rem; }
.pod-hero__modes button:hover { color:var(--ink); transform:translateY(-2px); }
.pod-hero__modes button.is-active,
.pod-hero__modes button[aria-selected="true"] { color:var(--ink); background:white; box-shadow:0 12px 30px rgba(7,28,36,.1); }
.pod-hero__visual { position:relative; min-width:0; min-height:650px; }
.pod-hero__image-stage { position:absolute; inset:0 0 48px 34px; overflow:hidden; border-radius:48px 48px 110px 48px; background:var(--ink-deep); box-shadow:0 40px 100px rgba(7,28,36,.24); }
.pod-hero__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.055); transition:opacity .7s ease,transform 5s var(--ease-out); }
.pod-hero__image.is-active { opacity:1; transform:scale(1.01); }
.pod-hero__image-wash { position:absolute; inset:0; background:linear-gradient(180deg,rgba(6,24,31,.02) 36%,rgba(5,25,33,.72) 100%); }
.pod-signal { position:absolute; z-index:4; right:30px; bottom:0; left:0; padding:24px; border-radius:30px; }
.pod-signal__top { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.pod-signal__top > span { display:inline-flex; align-items:center; gap:9px; color:var(--ink-soft); font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pod-signal__top > span i { width:8px; height:8px; border-radius:50%; background:#47d7a1; box-shadow:0 0 0 5px rgba(71,215,161,.12); }
.pod-signal__top button { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:8px 12px; border:1px solid var(--line); border-radius:999px; color:var(--ink); background:rgba(255,255,255,.72); }
.pod-signal__top button svg { font-size:.95rem; }
.pod-signal__top button strong { font-size:.84rem; }
.pod-signal__body { margin-top:16px; }
.pod-signal__body small { color:var(--orange); font-size:.83rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pod-signal__body h2 { max-width:590px; margin:6px 0 8px; font-family:var(--font-display); font-size:clamp(1.55rem,2.1vw,2.2rem); letter-spacing:-.045em; line-height:1.14; }
.pod-signal__body p { max-width:620px; margin:0; color:var(--muted); font-size:.97rem; }
.pod-signal__route { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:18px; }
.pod-signal__route span { position:relative; min-width:0; padding:10px 9px; border-radius:14px; color:var(--muted); background:rgba(16,42,51,.045); }
.pod-signal__route span::after { content:""; position:absolute; top:50%; right:-7px; width:7px; height:1px; background:rgba(16,42,51,.18); }
.pod-signal__route span:last-child::after { display:none; }
.pod-signal__route i { display:block; color:var(--orange); font-size:.82rem; font-style:normal; font-weight:800; }
.pod-signal__route strong { display:block; margin-top:2px; font-size:.82rem; line-height:1.3; }
.pod-signal__route span.is-active { color:white; background:var(--ink-deep); }
.pod-signal__footer { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-top:17px; padding-top:15px; border-top:1px solid var(--line); }
.pod-signal__footer span { min-width:0; }
.pod-signal__footer small { display:block; color:var(--muted); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-signal__footer strong { display:block; margin-top:2px; font-family:var(--font-display); font-size:1rem; }
.pod-signal__footer a { flex:0 0 auto; color:var(--orange); font-size:.88rem; font-weight:800; }

/* PROOF + LOCAL RAIL ---------------------------------------------------- */
.pod-proof { position:relative; z-index:3; margin-top:-1px; padding:24px 0; border-top:1px solid rgba(16,42,51,.08); border-bottom:1px solid rgba(16,42,51,.08); background:rgba(255,255,255,.66); }
.pod-proof__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.pod-proof article { display:flex; align-items:center; gap:15px; min-width:0; padding:8px 24px; border-right:1px solid rgba(16,42,51,.1); }
.pod-proof article:first-child { padding-left:0; }
.pod-proof article:last-child { border-right:0; }
.pod-proof article > span { flex:0 0 auto; color:var(--orange); font-family:var(--font-display); font-size:1.55rem; font-weight:700; }
.pod-proof small { display:block; color:var(--muted); font-size:.82rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.pod-proof strong { display:block; margin-top:3px; font-size:.9rem; line-height:1.42; }
.pod-local-rail { position:sticky; top:88px; z-index:90; border-bottom:1px solid rgba(16,42,51,.08); background:rgba(251,253,253,.86); backdrop-filter:blur(22px); }
.pod-local-rail__inner { min-height:66px; display:flex; align-items:center; gap:18px; }
.pod-local-rail__label { flex:0 0 auto; color:var(--muted); font-size:.82rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.pod-local-rail__links { min-width:0; display:flex; align-items:center; gap:4px; overflow:auto hidden; scrollbar-width:none; }
.pod-local-rail__links::-webkit-scrollbar { display:none; }
.pod-local-rail__links a { position:relative; flex:0 0 auto; min-height:44px; display:inline-flex; align-items:center; padding:8px 13px; border-radius:999px; color:var(--muted); font-size:.84rem; font-weight:800; transition:color .2s ease,background .2s ease; }
.pod-local-rail__links a:hover,
.pod-local-rail__links a.is-active { color:var(--ink); background:white; box-shadow:0 8px 22px rgba(7,28,36,.07); }
.pod-local-rail__cta { flex:0 0 auto; color:var(--orange); font-size:.86rem; font-weight:800; }
.pod-local-rail > i { display:block; width:0; height:2px; background:linear-gradient(90deg,var(--orange),var(--aqua)); }

/* MATCH ----------------------------------------------------------------- */
.pod-match { background:linear-gradient(180deg,#fbfdfd,#f2f8fa); }
.pod-match__layout { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr); gap:clamp(34px,4vw,64px); align-items:start; }
.pod-match__controls { min-width:0; display:grid; gap:18px; }
.pod-match__controls fieldset { padding:25px; border:1px solid rgba(16,42,51,.1); border-radius:27px; background:rgba(255,255,255,.82); box-shadow:0 18px 48px rgba(12,48,58,.065); }
.pod-match__controls legend { display:flex; align-items:center; gap:10px; margin-bottom:16px; font-family:var(--font-display); font-size:1rem; font-weight:700; }
.pod-match__controls legend span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:white; background:var(--ink-deep); font-size:.82rem; }
.pod-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.pod-choice-grid button { min-width:0; min-height:90px; padding:17px; border:1px solid rgba(16,42,51,.1); border-radius:19px; text-align:left; color:var(--ink); background:#f6fafb; transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease; }
.pod-choice-grid button strong { display:block; font-family:var(--font-display); font-size:.94rem; }
.pod-choice-grid button small { display:block; margin-top:5px; color:var(--muted); font-size:.82rem; line-height:1.45; }
.pod-choice-grid button:hover { transform:translateY(-2px); border-color:rgba(255,101,52,.35); }
.pod-choice-grid button.is-active { border-color:rgba(255,101,52,.5); background:#fff5ef; box-shadow:0 12px 30px rgba(255,101,52,.1); }
.pod-pill-row { display:flex; flex-wrap:wrap; gap:8px; }
.pod-pill-row button { min-height:46px; padding:9px 16px; border:1px solid rgba(16,42,51,.1); border-radius:999px; color:var(--muted); background:#f6fafb; font-size:.86rem; font-weight:800; }
.pod-pill-row button:hover,
.pod-pill-row button.is-active { color:var(--ink); border-color:rgba(100,217,207,.55); background:#e9fbf8; }
.pod-match__result { position:sticky; top:174px; overflow:hidden; border-radius:36px; }
.pod-match__visual { position:relative; height:335px; overflow:hidden; background:var(--ink); }
.pod-match__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transform:scale(1.04); transition:opacity .55s ease,transform 1.2s var(--ease-out); }
.pod-match__image.is-active { opacity:1; transform:scale(1); }
.pod-match__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(6,24,31,.68)); }
.pod-match__status { position:absolute; z-index:2; right:18px; bottom:18px; left:18px; display:flex; align-items:center; justify-content:space-between; gap:14px; color:white; }
.pod-match__status span { display:inline-flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(6,24,31,.45); font-size:.82rem; font-weight:800; backdrop-filter:blur(10px); }
.pod-match__status i { width:8px; height:8px; border-radius:50%; background:var(--aqua); }
.pod-match__status strong { font-family:var(--font-display); font-size:.9rem; }
.pod-match__result-copy { padding:28px; }
.pod-match__result-copy > small { color:var(--orange); font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pod-match__result-copy h3 { margin:7px 0 10px; font-family:var(--font-display); font-size:clamp(1.65rem,2.5vw,2.45rem); letter-spacing:-.045em; line-height:1.14; }
.pod-match__result-copy > p { margin:0; color:var(--muted); }
.pod-match__tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.pod-match__tags span,.pod-confirm__tags span,[data-pod-request-tags] span { display:inline-flex; align-items:center; min-height:34px; padding:6px 10px; border-radius:999px; color:var(--ink); background:#ecf8f8; font-size:.82rem; font-weight:800; }
.pod-match__alternative,.pod-match__questions { margin-top:18px; padding:17px; border-radius:19px; background:rgba(16,42,51,.045); }
.pod-match__alternative small,.pod-match__questions > span { display:block; color:var(--muted); font-size:.82rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.pod-match__alternative strong { display:block; margin-top:4px; font-size:.91rem; line-height:1.45; }
.pod-match__questions ul { margin:9px 0 0; padding-left:18px; color:var(--ink-soft); font-size:.86rem; }
.pod-match__questions li+li { margin-top:6px; }
.pod-match__actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
.pod-match__actions .button { flex:1 1 180px; }

/* SPACE TYPES ----------------------------------------------------------- */
.pod-types { background:white; }
.pod-types__layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:34px; align-items:start; }
.pod-types__tabs { display:grid; gap:10px; }
.pod-types__tabs button { min-width:0; display:grid; grid-template-columns:46px minmax(0,1fr); gap:14px; align-items:start; padding:20px; border:1px solid rgba(16,42,51,.09); border-radius:22px; text-align:left; color:var(--ink); background:#f7fbfc; transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease; }
.pod-types__tabs button > span { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; color:var(--orange); background:white; font-family:var(--font-display); font-size:.82rem; font-weight:800; box-shadow:0 8px 22px rgba(7,28,36,.08); }
.pod-types__tabs small { color:var(--muted); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-types__tabs strong { display:block; margin-top:2px; font-family:var(--font-display); font-size:1.03rem; }
.pod-types__tabs p { margin:4px 0 0; color:var(--muted); font-size:.84rem; }
.pod-types__tabs button:hover { transform:translateX(4px); }
.pod-types__tabs button.is-active { border-color:rgba(255,101,52,.38); background:#fff7f1; box-shadow:0 18px 44px rgba(255,101,52,.09); }
.pod-types__detail { position:relative; min-height:520px; padding:clamp(34px,5vw,64px); overflow:hidden; border-radius:42px; color:white; background:
 radial-gradient(circle at 88% 12%,rgba(100,217,207,.18),transparent 18rem),
 linear-gradient(145deg,#071c24,#0c3741); box-shadow:0 34px 90px rgba(7,28,36,.2); }
.pod-types__detail::before { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(90deg,transparent,black); }
.pod-types__detail > * { position:relative; z-index:1; }
.pod-types__detail-number { position:absolute; z-index:0; top:-28px; right:14px; color:rgba(255,255,255,.055); font-family:var(--font-display); font-size:12rem; font-weight:800; line-height:1; }
.pod-types__detail .eyebrow { color:rgba(255,255,255,.68); }
.pod-types__detail h3 { max-width:720px; margin:10px 0 16px; font-family:var(--font-display); font-size:clamp(2rem,3.5vw,3.7rem); letter-spacing:-.05em; line-height:1.06; }
.pod-types__detail > p { max-width:720px; margin:0; color:rgba(255,255,255,.7); font-size:1rem; }
.pod-types__detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:28px 0; }
.pod-types__detail-grid div { min-width:0; padding:17px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.055); }
.pod-types__detail-grid small { display:block; color:var(--aqua); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-types__detail-grid strong { display:block; margin-top:6px; color:rgba(255,255,255,.9); font-size:.85rem; line-height:1.48; }

/* MEETING DAY ----------------------------------------------------------- */
.pod-day { overflow:hidden; color:white; background:linear-gradient(145deg,#061820,#0a313b); }
.pod-day__grid { position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:62px 62px; mask-image:linear-gradient(to bottom,black,transparent); }
.pod-day__layout { position:relative; display:grid; grid-template-columns:minmax(250px,.32fr) minmax(0,.68fr); gap:32px; }
.pod-day__timeline { display:grid; align-content:start; gap:9px; }
.pod-day__timeline button { display:grid; grid-template-columns:44px minmax(0,1fr); grid-template-rows:auto auto; gap:1px 12px; align-items:center; min-height:74px; padding:13px 15px; border:1px solid rgba(255,255,255,.1); border-radius:19px; color:rgba(255,255,255,.65); text-align:left; background:rgba(255,255,255,.045); transition:background .25s ease,border-color .25s ease,transform .25s ease; }
.pod-day__timeline button > span { grid-row:1/3; display:grid; place-items:center; width:40px; height:40px; border-radius:14px; color:var(--aqua); background:rgba(255,255,255,.08); font-size:.82rem; font-weight:800; }
.pod-day__timeline strong { font-family:var(--font-display); font-size:.95rem; }
.pod-day__timeline small { font-size:.82rem; }
.pod-day__timeline button:hover { transform:translateX(3px); }
.pod-day__timeline button.is-active { color:white; border-color:rgba(100,217,207,.42); background:rgba(100,217,207,.1); }
.pod-day__experience { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:36px; background:rgba(255,255,255,.055); box-shadow:0 28px 80px rgba(0,0,0,.18); }
.pod-day__visual { position:relative; min-height:540px; overflow:hidden; }
.pod-day__visual img { width:100%; height:100%; object-fit:cover; }
.pod-day__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(4,18,24,.78)); }
.pod-day__route { position:absolute; z-index:2; right:24px; bottom:54px; left:24px; width:calc(100% - 48px); height:auto; overflow:visible; }
.pod-day__route path { fill:none; stroke:rgba(255,255,255,.55); stroke-width:2; stroke-dasharray:5 7; }
.pod-day__route circle { fill:var(--orange); stroke:none; }
.pod-day__route-dot { filter:drop-shadow(0 0 10px var(--orange)); transition:cx .55s var(--ease-out),cy .55s var(--ease-out); }
.pod-day__image-label { position:absolute; z-index:3; left:24px; bottom:20px; padding:7px 10px; border:1px solid rgba(255,255,255,.25); border-radius:999px; background:rgba(6,24,31,.46); font-size:.82rem; font-weight:800; backdrop-filter:blur(10px); }
.pod-day__story { padding:32px; align-self:center; }
.pod-day__lenses { display:inline-flex; gap:4px; padding:4px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.05); }
.pod-day__lenses button { min-height:40px; padding:8px 14px; border-radius:999px; color:rgba(255,255,255,.62); background:transparent; font-size:.82rem; font-weight:800; }
.pod-day__lenses button.is-active { color:var(--ink); background:white; }
.pod-day__story > small { display:block; margin-top:24px; color:var(--aqua); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-day__story h3 { margin:7px 0 12px; font-family:var(--font-display); font-size:clamp(1.8rem,3vw,3rem); letter-spacing:-.045em; line-height:1.12; }
.pod-day__story > p { margin:0; color:rgba(255,255,255,.68); }
.pod-day__story-grid { display:grid; gap:10px; margin:22px 0; }
.pod-day__story-grid div { padding:14px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(255,255,255,.045); }
.pod-day__story-grid small { display:block; color:var(--orange-soft); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-day__story-grid strong { display:block; margin-top:4px; color:rgba(255,255,255,.88); font-size:.84rem; line-height:1.42; }
.pod-day__carry { margin:12px 0 0!important; color:rgba(255,255,255,.5)!important; font-size:.82rem!important; }

/* CONFIRMATION BOARD ---------------------------------------------------- */
.pod-confirm { background:linear-gradient(180deg,#f7fbfc,#fff); }
.pod-confirm__layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr); gap:34px; align-items:start; }
.pod-confirm__topics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.pod-confirm__topics button { min-width:0; display:grid; grid-template-columns:48px minmax(0,1fr); grid-template-rows:auto auto; gap:2px 12px; min-height:92px; padding:16px; border:1px solid rgba(16,42,51,.09); border-radius:20px; text-align:left; color:var(--ink); background:white; box-shadow:0 12px 34px rgba(10,42,52,.055); transition:transform .25s ease,border-color .25s ease,background .25s ease; }
.pod-confirm__topics button > span { grid-row:1/3; display:grid; place-items:center; width:46px; height:46px; border-radius:15px; color:var(--aqua-deep); background:#e9f9f7; }
.pod-confirm__topics button svg { font-size:1.35rem; }
.pod-confirm__topics strong { font-family:var(--font-display); font-size:.91rem; }
.pod-confirm__topics small { color:var(--muted); font-size:.82rem; line-height:1.38; }
.pod-confirm__topics button:hover { transform:translateY(-2px); }
.pod-confirm__topics button.is-active { border-color:rgba(255,101,52,.4); background:#fff7f1; }
.pod-confirm__topics button.is-active > span { color:var(--orange); background:white; }
.pod-confirm__board { position:sticky; top:174px; padding:34px; border-radius:34px; color:white; background:
 radial-gradient(circle at 80% 12%,rgba(100,217,207,.2),transparent 16rem),
 linear-gradient(145deg,#071c24,#0b333d); box-shadow:0 32px 86px rgba(7,28,36,.2); }
.pod-confirm__orb { position:relative; width:min(260px,74%); margin:0 auto 24px; aspect-ratio:1; }
.pod-confirm__orb svg { width:100%; height:100%; }
.pod-confirm__orb svg circle:first-child { fill:none; stroke:rgba(255,255,255,.12); stroke-width:1; }
.pod-confirm__orb polygon { fill:rgba(100,217,207,.14); stroke:var(--aqua); stroke-width:2; transition:points .55s var(--ease-out); }
.pod-confirm__orb g circle { fill:var(--orange); stroke:none; }
.pod-confirm__orb > div { position:absolute; inset:0; display:grid; place-content:center; text-align:center; }
.pod-confirm__orb strong { font-family:var(--font-display); font-size:3.2rem; line-height:1; }
.pod-confirm__orb span { margin-top:5px; color:rgba(255,255,255,.58); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-confirm__board > small { color:var(--aqua); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-confirm__board h3 { margin:7px 0 12px; font-family:var(--font-display); font-size:clamp(1.65rem,2.6vw,2.55rem); letter-spacing:-.04em; line-height:1.12; }
.pod-confirm__board > p { color:rgba(255,255,255,.68); }
.pod-confirm__tags { display:flex; flex-wrap:wrap; gap:7px; margin:18px 0; }
.pod-confirm__tags span { color:white; background:rgba(255,255,255,.09); }

/* GALLERY --------------------------------------------------------------- */
.pod-gallery { background:white; }
.pod-gallery__head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:40px; }
.pod-gallery__head h2 { margin:0; font-family:var(--font-display); font-size:clamp(2.5rem,4.7vw,5rem); letter-spacing:-.055em; line-height:1.04; }
.pod-gallery__head p { max-width:650px; margin:18px 0 0; color:var(--muted); }
.pod-gallery__controls { flex:0 0 auto; display:flex; align-items:center; gap:10px; }
.pod-gallery__controls button { display:grid; place-items:center; width:48px; height:48px; border:1px solid var(--line); border-radius:50%; background:white; box-shadow:0 10px 28px rgba(7,28,36,.07); }
.pod-gallery__controls span { min-width:62px; text-align:center; color:var(--muted); font-size:.82rem; font-weight:800; }
.pod-gallery__controls i { color:var(--orange); font-style:normal; }
.pod-gallery__rail { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(280px,31%); gap:16px; padding:4px 2px 18px; overflow:auto hidden; scroll-snap-type:x mandatory; scrollbar-width:none; cursor:grab; }
.pod-gallery__rail::-webkit-scrollbar { display:none; }
.pod-gallery__rail.is-dragging { cursor:grabbing; scroll-snap-type:none; }
.pod-gallery__rail > button { position:relative; min-width:0; height:460px; padding:0; overflow:hidden; border-radius:30px; scroll-snap-align:start; background:var(--ink); text-align:left; box-shadow:0 22px 54px rgba(7,28,36,.12); }
.pod-gallery__rail img { width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease-out); }
.pod-gallery__rail > button:hover img { transform:scale(1.055); }
.pod-gallery__rail > button::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 52%,rgba(5,22,29,.84)); }
.pod-gallery__rail > button > span { position:absolute; z-index:2; right:20px; bottom:20px; left:20px; color:white; }
.pod-gallery__rail small { display:block; color:var(--aqua); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-gallery__rail strong { display:block; margin-top:5px; font-family:var(--font-display); font-size:1.15rem; }
.pod-gallery-dialog { width:min(1000px,calc(100% - 32px)); max-height:calc(100vh - 32px); padding:0; overflow:hidden; border:0; border-radius:32px; color:white; background:var(--ink-deep); box-shadow:0 42px 120px rgba(0,0,0,.5); }
.pod-gallery-dialog::backdrop { background:rgba(4,18,24,.8); backdrop-filter:blur(8px); }
.pod-gallery-dialog figure { margin:0; }
.pod-gallery-dialog figure img { width:100%; max-height:78vh; object-fit:contain; background:#071c24; }
.pod-gallery-dialog figcaption { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 24px; }
.pod-gallery-dialog figcaption span { font-family:var(--font-display); font-weight:700; }
.pod-gallery-dialog figcaption small { color:rgba(255,255,255,.62); }
.pod-gallery-dialog figcaption i { color:var(--orange); font-style:normal; }
.pod-gallery-dialog__nav { position:absolute; z-index:3; top:50%; display:grid; place-items:center; width:50px; height:50px; border-radius:50%; color:white; background:rgba(7,28,36,.62); backdrop-filter:blur(10px); }
.pod-gallery-dialog__nav--prev { left:18px; }
.pod-gallery-dialog__nav--next { right:18px; }
.pod-gallery-dialog .dialog-close { z-index:4; }

/* LOCATIONS ------------------------------------------------------------- */
.pod-locations { background:linear-gradient(180deg,#f3f9fa,#fbfdfd); }
.pod-locations__layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr); gap:34px; align-items:stretch; }
.pod-locations__visual { position:relative; min-height:570px; overflow:hidden; border-radius:40px; background:var(--ink); box-shadow:0 30px 80px rgba(7,28,36,.16); }
.pod-locations__visual > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .55s ease,transform 1s var(--ease-out); transform:scale(1.04); }
.pod-locations__visual > img.is-active { opacity:1; transform:scale(1); }
.pod-locations__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(5,23,30,.72)); }
.pod-locations__switch { position:absolute; z-index:3; right:20px; bottom:20px; left:20px; display:flex; gap:5px; padding:6px; border:1px solid rgba(255,255,255,.24); border-radius:999px; background:rgba(7,28,36,.46); backdrop-filter:blur(15px); }
.pod-locations__switch button { flex:1 1 0; min-height:44px; padding:8px 12px; border-radius:999px; color:rgba(255,255,255,.65); background:transparent; font-size:.83rem; font-weight:800; }
.pod-locations__switch button.is-active { color:var(--ink); background:white; }
.pod-locations__story { display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,4vw,50px); border:1px solid rgba(16,42,51,.09); border-radius:40px; background:white; box-shadow:0 24px 68px rgba(7,28,36,.09); }
.pod-locations__story > small { color:var(--orange); font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pod-locations__story h3 { margin:8px 0 14px; font-family:var(--font-display); font-size:clamp(2rem,3.3vw,3.35rem); letter-spacing:-.052em; line-height:1.08; }
.pod-locations__story > p { color:var(--muted); }
.pod-locations__story > div:not(.pod-locations__actions) { margin-top:18px; padding:18px; border-radius:20px; background:#f3f8f9; }
.pod-locations__story div > small { color:var(--muted); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-locations__story ul { margin:10px 0 0; padding-left:18px; font-size:.9rem; }
.pod-locations__story li+li { margin-top:7px; }
.pod-locations__actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.pod-locations__actions .button { flex:1 1 160px; }

/* FAQ + HANDOFF --------------------------------------------------------- */
.pod-faq { background:white; }
.pod-faq__layout { display:grid; grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr); gap:clamp(36px,6vw,88px); align-items:start; }
.pod-faq__intro { position:sticky; top:174px; }
.pod-faq__intro h2 { margin:0; font-family:var(--font-display); font-size:clamp(2.5rem,4.4vw,4.7rem); letter-spacing:-.055em; line-height:1.04; }
.pod-faq__intro > p { margin:20px 0 26px; color:var(--muted); }
.pod-faq .accordion { display:grid; gap:10px; }
.pod-faq .accordion__item { overflow:hidden; border:1px solid rgba(16,42,51,.09); border-radius:22px; background:#f8fbfc; }
.pod-faq .accordion__item > button { width:100%; display:grid; grid-template-columns:42px minmax(0,1fr) 24px; gap:12px; align-items:center; min-height:82px; padding:18px 20px; text-align:left; color:var(--ink); background:transparent; }
.pod-faq .accordion__item > button span { color:var(--orange); font-family:var(--font-display); font-size:.82rem; font-weight:800; }
.pod-faq .accordion__item > button strong { font-family:var(--font-display); font-size:1rem; line-height:1.4; }
.pod-faq .accordion__item > button i { position:relative; width:18px; height:18px; }
.pod-faq .accordion__item > button i::before,.pod-faq .accordion__item > button i::after { content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; border-radius:2px; background:var(--ink); transform:translate(-50%,-50%); transition:transform .25s ease; }
.pod-faq .accordion__item > button i::after { transform:translate(-50%,-50%) rotate(90deg); }
.pod-faq .accordion__item.is-open > button i::after { transform:translate(-50%,-50%) rotate(0); }
.pod-faq .accordion__item > div { padding:0 20px 20px 74px; }
.pod-faq .accordion__item p { margin:0; color:var(--muted); }
.pod-handoff { overflow:hidden; background:linear-gradient(155deg,#fff7f0,#f1faf9); }
.pod-handoff::after { content:""; position:absolute; right:-160px; bottom:-250px; width:520px; height:520px; border:1px solid rgba(16,42,51,.07); border-radius:50%; box-shadow:0 0 0 60px rgba(16,42,51,.02),0 0 0 120px rgba(16,42,51,.012); }
.pod-handoff__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr); gap:20px; align-items:stretch; }
.pod-handoff__grid article { padding:32px; border:1px solid rgba(16,42,51,.09); border-radius:30px; background:rgba(255,255,255,.82); box-shadow:0 22px 60px rgba(7,28,36,.08); }
.pod-handoff__grid article > span { display:grid; place-items:center; width:44px; height:44px; border-radius:15px; color:white; background:var(--ink-deep); font-family:var(--font-display); font-size:.82rem; font-weight:800; }
.pod-handoff__grid article > small { display:block; margin-top:22px; color:var(--orange); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-handoff__grid h3 { margin:5px 0 15px; font-family:var(--font-display); font-size:clamp(1.5rem,2.5vw,2.25rem); letter-spacing:-.04em; }
.pod-handoff__grid ul { margin:0; padding-left:18px; color:var(--muted); }
.pod-handoff__grid li+li { margin-top:7px; }
.pod-handoff__bridge { display:grid; place-items:center; align-content:center; gap:12px; color:var(--muted); text-align:center; }
.pod-handoff__bridge i { width:1px; height:70px; background:linear-gradient(var(--orange),var(--aqua)); }
.pod-handoff__bridge span { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:white; background:var(--orange); }
.pod-handoff__bridge strong { font-size:.82rem; }

/* REQUEST --------------------------------------------------------------- */
.pod-request { color:white; background:linear-gradient(145deg,#061820,#0a313b); }
.pod-request__layout { display:grid; grid-template-columns:minmax(300px,.4fr) minmax(0,.6fr); gap:clamp(38px,6vw,88px); align-items:start; }
.pod-request__copy { position:sticky; top:174px; }
.pod-request__copy .eyebrow { color:rgba(255,255,255,.66); }
.pod-request__copy h2 { margin:0; font-family:var(--font-display); font-size:clamp(2.8rem,4.7vw,5rem); letter-spacing:-.055em; line-height:1.04; }
.pod-request__copy > p { margin:20px 0; color:rgba(255,255,255,.66); }
.pod-request__snapshot { padding:20px; border:1px solid rgba(255,255,255,.12); border-radius:23px; background:rgba(255,255,255,.055); }
.pod-request__snapshot > span { display:inline-flex; align-items:center; gap:8px; color:var(--aqua); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-request__snapshot > span i { width:8px; height:8px; border-radius:50%; background:var(--aqua); }
.pod-request__snapshot > strong { display:block; margin-top:10px; font-family:var(--font-display); font-size:1.15rem; }
.pod-request__snapshot > p { margin:8px 0 12px; color:rgba(255,255,255,.64); font-size:.88rem; }
.pod-request__snapshot [data-pod-request-tags] { display:flex; flex-wrap:wrap; gap:6px; }
.pod-request__snapshot [data-pod-request-tags] span { color:white; background:rgba(255,255,255,.09); }
.pod-request__phone { display:inline-flex; flex-direction:column; min-height:64px; justify-content:center; margin-top:20px; padding:11px 18px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:rgba(255,255,255,.045); }
.pod-request__phone small { color:rgba(255,255,255,.56); font-size:.82rem; }
.pod-request__phone strong { color:white; font-size:.96rem; }
.pod-request__form-wrap { padding:30px; border-radius:34px; color:var(--ink); }
.pod-request__form-head { display:flex; align-items:start; justify-content:space-between; gap:18px; }
.pod-request__form-head span { color:var(--orange); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-request__form-head h3 { margin:4px 0 0; font-family:var(--font-display); font-size:clamp(1.4rem,2.3vw,2.05rem); letter-spacing:-.04em; }
.pod-request__form-head > div:last-child { display:flex; align-items:baseline; gap:3px; }
.pod-request__form-head > div:last-child strong { font-family:var(--font-display); font-size:1.6rem; }
.pod-request__progress { height:4px; margin:22px 0 27px; overflow:hidden; border-radius:99px; background:rgba(16,42,51,.09); }
.pod-request__progress i { display:block; width:50%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--orange),var(--aqua)); transition:width .35s ease; }
.pod-form__step { display:grid; gap:20px; }
.pod-form__step fieldset legend { margin-bottom:12px; font-size:.85rem; font-weight:800; }
.pod-form__choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.pod-form__choices label { position:relative; min-width:0; cursor:pointer; }
.pod-form__choices input { position:absolute; opacity:0; pointer-events:none; }
.pod-form__choices span { min-height:48px; display:flex; align-items:center; justify-content:center; padding:9px 12px; border:1px solid rgba(16,42,51,.1); border-radius:15px; background:#f5f9fa; font-size:.82rem; font-weight:800; text-align:center; transition:border-color .2s ease,background .2s ease,color .2s ease; }
.pod-form__choices input:checked + span { color:var(--orange-deep); border-color:rgba(255,101,52,.38); background:#fff4ed; }
.pod-request .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.pod-request .field { min-width:0; display:grid; gap:7px; }
.pod-request .field--full { grid-column:1/-1; }
.pod-request .field > span { font-size:.82rem; font-weight:800; }
.pod-request :where(input,select,textarea) { width:100%; border:1px solid rgba(16,42,51,.13); border-radius:15px; color:var(--ink); background:rgba(255,255,255,.82); }
.pod-request :where(input,select) { padding:0 14px; }
.pod-request textarea { padding:13px 14px; }
.pod-request :where(input,select,textarea):focus { border-color:rgba(255,101,52,.5); outline:3px solid rgba(255,101,52,.1); }
.form-consent { display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.form-consent span { font-size:.84rem; }
.pod-form__sensitive { margin:0; padding:13px 14px; border-radius:15px; color:#5d4c3f; background:#fff5e9; font-size:.82rem; }
.form-error { min-height:22px; color:#b52d1d; font-size:.82rem; font-weight:700; }
.form-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.form-back { min-height:48px; padding:8px 14px; border-radius:14px; color:var(--muted); background:transparent; font-weight:800; }
.form-success { padding:20px 4px 4px; text-align:center; }
.form-success > span { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 16px; border-radius:50%; color:white; background:linear-gradient(135deg,var(--orange),var(--aqua)); }
.form-success svg { font-size:1.7rem; }
.form-success h3 { margin:0; font-family:var(--font-display); font-size:1.7rem; }
.form-success > p { max-width:580px; margin:10px auto 18px; color:var(--muted); }
.pod-form__review { padding:18px; border-radius:18px; text-align:left; background:#f2f8fa; }
.pod-form__review dl { display:grid; grid-template-columns:130px minmax(0,1fr); gap:8px 14px; margin:0; }
.pod-form__review dt { color:var(--muted); font-size:.82rem; font-weight:800; text-transform:uppercase; }
.pod-form__review dd { margin:0; font-size:.86rem; }
.pod-form__success-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-top:18px; }
.pod-toast { position:fixed; z-index:10020; right:22px; bottom:22px; max-width:min(360px,calc(100% - 44px)); padding:14px 17px; border-radius:16px; color:white; background:var(--ink-deep); box-shadow:0 20px 50px rgba(0,0,0,.24); font-size:.86rem; font-weight:700; }

/* RESPONSIVE ------------------------------------------------------------ */
@media (max-width:1180px) {
  .pod-hero__layout { grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr); gap:34px; }
  .pod-hero__visual { min-height:610px; }
  .pod-proof article { padding-inline:16px; }
  .pod-match__layout,.pod-confirm__layout { grid-template-columns:minmax(0,1fr) minmax(370px,.88fr); }
  .pod-day__experience { grid-template-columns:minmax(0,1fr) minmax(330px,.88fr); }
}
@media (max-width:1040px) {
  .pod-hero { min-height:auto; }
  .pod-hero__layout { grid-template-columns:1fr; }
  .pod-hero__copy { max-width:850px; }
  .pod-hero__visual { min-height:680px; }
  .pod-proof__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
  .pod-proof article { padding:15px 22px; border-bottom:1px solid rgba(16,42,51,.08); }
  .pod-proof article:nth-child(2) { border-right:0; }
  .pod-proof article:nth-child(3),.pod-proof article:nth-child(4) { border-bottom:0; }
  .pod-match__layout,.pod-confirm__layout,.pod-locations__layout { grid-template-columns:1fr; }
  .pod-match__result,.pod-confirm__board { position:relative; top:auto; }
  .pod-types__layout { grid-template-columns:1fr; }
  .pod-types__tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pod-day__layout { grid-template-columns:1fr; }
  .pod-day__timeline { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .pod-day__timeline button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:110px; text-align:center; }
  .pod-day__timeline button > span { grid-row:auto; }
  .pod-day__experience { grid-template-columns:1fr 1fr; }
  .pod-confirm__topics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pod-gallery__rail { grid-auto-columns:minmax(280px,46%); }
  .pod-faq__layout,.pod-request__layout { grid-template-columns:1fr; }
  .pod-faq__intro,.pod-request__copy { position:relative; top:auto; }
  .pod-handoff__grid { grid-template-columns:1fr 120px 1fr; }
}
@media (max-width:980px) {
  .pod-local-rail { top:78px; }
  .pod-local-rail__label,.pod-local-rail__cta { display:none; }
  .pod-local-rail__links { width:100%; }
  .pod-types__detail-grid { grid-template-columns:1fr; }
}
@media (max-width:720px) {
  .pod-hero { margin-top:-88px; padding:168px 0 70px; }
  .pod-hero h1 { font-size:clamp(3rem,14vw,4.7rem); }
  .pod-hero__lead { font-size:1rem; }
  .pod-hero__actions .button { width:100%; }
  .pod-hero__trust { display:grid; gap:10px; }
  .pod-hero__modes { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pod-hero__visual { min-height:720px; }
  .pod-hero__image-stage { inset:0 0 250px 0; border-radius:34px 34px 78px 34px; }
  .pod-signal { right:0; padding:20px; border-radius:26px; }
  .pod-signal__route { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pod-signal__route span:nth-child(2)::after { display:none; }
  .pod-signal__footer { align-items:flex-start; flex-direction:column; }
  .pod-proof__grid { grid-template-columns:1fr; }
  .pod-proof article { padding:14px 0; border-right:0; border-bottom:1px solid rgba(16,42,51,.08)!important; }
  .pod-proof article:last-child { border-bottom:0!important; }
  .pod-local-rail__inner { min-height:58px; }
  .pod-local-rail__links a { min-height:44px; padding-inline:11px; }
  .pod-section-heading { margin-bottom:36px; }
  .pod-section-heading h2 { font-size:clamp(2.2rem,10vw,3.7rem); }
  .pod-match__controls fieldset { padding:18px; }
  .pod-choice-grid { grid-template-columns:1fr; }
  .pod-choice-grid button { min-height:78px; }
  .pod-match__visual { height:280px; }
  .pod-match__result-copy { padding:22px; }
  .pod-match__actions { display:grid; }
  .pod-types__tabs { grid-template-columns:1fr; }
  .pod-types__detail { min-height:auto; padding:30px 22px; border-radius:30px; }
  .pod-types__detail-number { font-size:7rem; }
  .pod-types__detail h3 { font-size:2.2rem; }
  .pod-day__timeline { grid-template-columns:repeat(5,minmax(120px,1fr)); overflow:auto hidden; padding-bottom:8px; scroll-snap-type:x mandatory; }
  .pod-day__timeline button { min-height:104px; scroll-snap-align:start; }
  .pod-day__experience { grid-template-columns:1fr; }
  .pod-day__visual { min-height:390px; }
  .pod-day__story { padding:24px; }
  .pod-confirm__topics { grid-template-columns:1fr; }
  .pod-confirm__board { padding:25px; }
  .pod-gallery__head { align-items:flex-start; flex-direction:column; }
  .pod-gallery__rail { grid-auto-columns:minmax(270px,84%); }
  .pod-gallery__rail > button { height:410px; }
  .pod-locations__visual { min-height:420px; }
  .pod-locations__switch { flex-wrap:wrap; border-radius:22px; }
  .pod-locations__switch button { flex:1 1 120px; }
  .pod-locations__story { padding:26px 21px; border-radius:30px; }
  .pod-faq__intro h2 { font-size:2.7rem; }
  .pod-faq .accordion__item > button { grid-template-columns:34px minmax(0,1fr) 20px; padding:16px; }
  .pod-faq .accordion__item > div { padding:0 16px 18px 62px; }
  .pod-handoff__grid { grid-template-columns:1fr; }
  .pod-handoff__bridge { grid-template-columns:1fr auto 1fr; gap:8px; }
  .pod-handoff__bridge i { width:100%; height:1px; }
  .pod-handoff__bridge strong { display:none; }
  .pod-handoff__grid article { padding:25px; }
  .pod-request__form-wrap { padding:22px 18px; border-radius:28px; }
  .pod-form__choices,.pod-request .form-grid { grid-template-columns:1fr; }
  .pod-request__copy h2 { font-size:2.8rem; }
  .pod-form__review dl { grid-template-columns:1fr; }
  .pod-form__review dd { padding-bottom:7px; }
  .pod-gallery-dialog__nav { top:auto; bottom:74px; }
}
@media (max-width:420px) {
  .pod-hero { padding-top:156px; }
  .pod-hero h1 { font-size:clamp(2.75rem,14vw,3.75rem); }
  .pod-hero__visual { min-height:760px; }
  .pod-hero__image-stage { bottom:300px; }
  .pod-signal__top { align-items:flex-start; }
  .pod-signal__route { grid-template-columns:1fr 1fr; }
  .pod-signal__body h2 { font-size:1.5rem; }
  .pod-pill-row button { flex:1 1 130px; }
  .pod-gallery__rail { grid-auto-columns:90%; }
  .pod-locations__visual { min-height:390px; }
  .pod-confirm__topics button { grid-template-columns:44px minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
  .pod-hero__aurora,.pod-hero__image,.pod-match__image,.pod-day__route-dot,.pod-locations__visual>img,.pod-gallery__rail img { animation:none!important; transition-duration:.01ms!important; }
  .pod-hero__image:not(.is-active),.pod-match__image:not(.is-active),.pod-locations__visual>img:not(.is-active) { display:none; }
}

/* Keep persistent mobile actions from covering the opening hero or request form. */
.podcast-room-page .mobile-cta.is-suppressed {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(140%) !important;
}


/*
  Affordable Office Spaces — Podcast Room Premium v4
  Direct, product-led refinements layered over the preserved Podcast Room v1
  visual foundation. Shared navigation and readability rules remain external.
*/

.podcast-room-v4 {
  --pod4-night: #061a22;
  --pod4-night-soft: #0c303a;
  --pod4-ink: #102a33;
  --pod4-muted: #62767e;
  --pod4-orange: #f46b2a;
  --pod4-aqua: #61d8ce;
  --pod4-ice: #eff8fa;
  --pod4-paper: #fbfdfd;
  --pod4-line: rgba(16, 42, 51, .12);
  --pod4-shadow: 0 28px 84px rgba(7, 28, 36, .14);
}

.podcast-room-v4 .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.podcast-room-v4 #space-types,
.podcast-room-v4 #meeting-uses,
.podcast-room-v4 #requirements,
.podcast-room-v4 #amenities,
.podcast-room-v4 #gallery,
.podcast-room-v4 #locations,
.podcast-room-v4 #how-it-works,
.podcast-room-v4 #faq,
.podcast-room-v4 #request {
  scroll-margin-top: 154px;
}

.podcast-room-v4 :where(button, a, input, select, textarea):focus-visible {
  outline: 3px solid rgba(244, 107, 42, .46);
  outline-offset: 3px;
}

/* Direct hero ---------------------------------------------------------- */
.podcast-room-v4 .pod-hero {
  min-height: auto;
  padding-bottom: 76px;
}

.podcast-room-v4 .pod-hero__layout {
  grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
  align-items: center;
}

.podcast-room-v4 .pod-hero__copy {
  padding-bottom: 0;
}

.podcast-room-v4 .pod-hero h1 {
  max-width: 790px;
  font-size: clamp(3.6rem, 5.45vw, 6.55rem);
  text-wrap: balance;
}

.podcast-room-v4 .pod-hero__lead {
  max-width: 760px;
}

.podcast-room-v4 .pod-hero__trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding-top: 20px;
}

.podcast-room-v4 .pod-hero__trust span {
  min-height: 66px;
  padding: 13px 14px;
  border: 1px solid rgba(16, 42, 51, .09);
  border-radius: 18px;
  background: rgba(255, 255, 255, .58);
  line-height: 1.4;
}

.podcast-room-v4 .pod-hero__visual {
  min-height: 640px;
}

.podcast-room-v4 .pod-hero__image-stage {
  inset: 0 0 62px 26px;
}

.podcast-room-v4 .pod-signal {
  right: 28px;
  bottom: 0;
  left: 0;
  padding: 25px 26px 24px;
}

.podcast-room-v4 .pod-signal__top > span {
  color: var(--pod4-muted);
}

.podcast-room-v4 .pod-signal__top > span i {
  background: var(--pod4-orange);
  box-shadow: 0 0 0 5px rgba(244, 107, 42, .12);
}

.podcast-room-v4 .pod-signal__body h2 {
  max-width: 680px;
  font-size: clamp(1.7rem, 2.35vw, 2.55rem);
}

.podcast-room-v4 .pod4-hero-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
}

.podcast-room-v4 .pod4-hero-card__tags li {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--pod4-ink);
  background: #edf9f8;
  font-size: .82rem;
  font-weight: 800;
}

.podcast-room-v4 .pod-signal__footer {
  align-items: center;
}

.podcast-room-v4 .pod-signal__footer a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 999px;
  color: white;
  background: var(--pod4-night);
}

.pod4-hero-switcher {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(190px, .62fr) minmax(0, 2.5fr) 52px;
  gap: 14px;
  align-items: center;
  margin-top: 42px;
  padding: 12px;
  border-radius: 28px;
}

.pod4-hero-switcher__intro {
  min-width: 0;
  padding: 8px 10px 8px 14px;
}

.pod4-hero-switcher__intro small {
  display: block;
  color: var(--pod4-muted);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pod4-hero-switcher__intro strong {
  display: block;
  margin-top: 3px;
  font-family: var(--font-display);
  font-size: 1rem;
}

.pod4-hero-switcher__buttons {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.pod4-hero-switcher__buttons button {
  min-width: 0;
  min-height: 62px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 19px;
  text-align: left;
  color: var(--pod4-muted);
  background: rgba(16, 42, 51, .035);
  transition: transform .22s ease, color .22s ease, background .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.pod4-hero-switcher__buttons button > span {
  color: var(--pod4-orange);
  font-size: .82rem;
  font-weight: 800;
}

.pod4-hero-switcher__buttons button strong {
  overflow-wrap: anywhere;
  font-family: var(--font-display);
  font-size: .88rem;
  line-height: 1.28;
}

.pod4-hero-switcher__buttons button:hover {
  color: var(--pod4-ink);
  transform: translateY(-2px);
}

.pod4-hero-switcher__buttons button.is-active,
.pod4-hero-switcher__buttons button[aria-selected="true"] {
  color: white;
  border-color: rgba(255, 255, 255, .16);
  background: var(--pod4-night);
  box-shadow: 0 14px 34px rgba(7, 28, 36, .17);
}

.pod4-hero-switcher__buttons button.is-active > span,
.pod4-hero-switcher__buttons button[aria-selected="true"] > span {
  color: #ff9a69;
}

.pod4-icon-toggle {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(16, 42, 51, .12) !important;
  border-radius: 50%;
  color: var(--pod4-ink);
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 10px 28px rgba(7, 28, 36, .09);
  transition: transform .22s ease, background .22s ease, color .22s ease;
}

.pod4-icon-toggle:hover {
  color: white;
  background: var(--pod4-night);
  transform: translateY(-2px);
}

.pod4-icon-toggle svg {
  width: 20px;
  height: 20px;
}

/* Proof strip ---------------------------------------------------------- */
.podcast-room-v4 .pod-proof article > span {
  min-width: 34px;
  color: var(--pod4-orange);
  font-size: 1.2rem;
}

.podcast-room-v4 .pod-proof strong {
  font-size: .88rem;
}

/* Local rail ----------------------------------------------------------- */
.podcast-room-v4 .pod-local-rail__links a {
  padding-inline: 12px;
}

/* Direct room comparison ---------------------------------------------- */
.podcast-room-v4 .pod-types {
  background:
    radial-gradient(circle at 88% 16%, rgba(97, 216, 206, .12), transparent 28rem),
    white;
}

.podcast-room-v4 .pod-types__tabs button {
  min-height: 112px;
}

.podcast-room-v4 .pod-types__tabs button p {
  font-size: .86rem;
}

.podcast-room-v4 .pod-types__detail {
  min-height: 570px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.podcast-room-v4 .pod-types__detail > p {
  font-size: 1.02rem;
}

.podcast-room-v4 .pod-types__detail-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pod4-type-note {
  margin: 23px 0 0;
  padding: 15px 17px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  color: rgba(255, 255, 255, .72);
  background: rgba(255, 255, 255, .055);
  font-size: .86rem;
}

/* One-click meeting-use selector -------------------------------------- */
.pod4-use {
  background:
    radial-gradient(circle at 12% 18%, rgba(244, 107, 42, .10), transparent 24rem),
    linear-gradient(180deg, #f3f9fa, #fbfdfd);
}

.pod4-use__layout {
  display: grid;
  grid-template-columns: minmax(300px, .76fr) minmax(0, 1.24fr);
  gap: 30px;
  align-items: stretch;
}

.pod4-use__choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

.pod4-use__choices button {
  min-width: 0;
  min-height: 126px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 20px;
  border: 1px solid rgba(16, 42, 51, .10);
  border-radius: 23px;
  text-align: left;
  color: var(--pod4-ink);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 15px 42px rgba(7, 28, 36, .055);
  transition: transform .23s ease, border-color .23s ease, background .23s ease, box-shadow .23s ease;
}

.pod4-use__choices button > span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--pod4-orange);
  background: white;
  font-family: var(--font-display);
  font-size: .82rem;
  font-weight: 800;
  box-shadow: 0 8px 22px rgba(7, 28, 36, .08);
}

.pod4-use__choices button strong {
  display: block;
  font-family: var(--font-display);
  font-size: .94rem;
  line-height: 1.28;
}

.pod4-use__choices button small {
  display: block;
  margin-top: 6px;
  color: var(--pod4-muted);
  font-size: .82rem;
  line-height: 1.5;
}

.pod4-use__choices button:hover {
  transform: translateY(-3px);
  border-color: rgba(244, 107, 42, .32);
}

.pod4-use__choices button.is-active,
.pod4-use__choices button[aria-selected="true"] {
  border-color: rgba(244, 107, 42, .52);
  background: #fff6f0;
  box-shadow: 0 20px 50px rgba(244, 107, 42, .11);
}

.pod4-use__result {
  position: relative;
  min-width: 0;
  min-height: 540px;
  display: grid;
  grid-template-rows: minmax(250px, .9fr) auto;
  overflow: hidden;
  border-radius: 38px;
  color: white;
  background: var(--pod4-night);
  box-shadow: 0 34px 90px rgba(7, 28, 36, .20);
}

.pod4-use__media {
  position: relative;
  overflow: hidden;
}

.pod4-use__media img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
  transition: opacity .35s ease, transform .8s var(--ease-out);
}

.pod4-use__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 26, 34, .02), rgba(6, 26, 34, .74));
}

.pod4-use__badge {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 18px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.pod4-use__badge span,
.pod4-use__badge strong {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  background: rgba(6, 26, 34, .54);
  backdrop-filter: blur(10px);
}

.pod4-use__badge span {
  color: rgba(255, 255, 255, .72);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.pod4-use__badge strong {
  color: white;
  font-family: var(--font-display);
  font-size: .88rem;
}

.pod4-use__copy {
  padding: 30px;
}

.pod4-use__copy > small {
  color: var(--pod4-aqua);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pod4-use__copy h3 {
  max-width: 780px;
  margin: 8px 0 11px;
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 3vw, 3rem);
  letter-spacing: -.045em;
  line-height: 1.08;
}

.pod4-use__copy > p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, .70);
}

.pod4-use__details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 22px;
}

.pod4-use__details div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 16px;
  background: rgba(255, 255, 255, .055);
}

.pod4-use__details small {
  display: block;
  color: var(--pod4-aqua);
  font-size: .82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.pod4-use__details strong {
  display: block;
  margin-top: 5px;
  color: rgba(255, 255, 255, .90);
  font-size: .84rem;
  line-height: 1.45;
}

.pod4-use__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.pod4-use__actions .button--ghost {
  color: white;
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .06);
}

/* Practical room requirements ---------------------------------------- */
.pod4-requirements {
  background: white;
}

.pod4-requirements__layout {
  display: grid;
  grid-template-columns: minmax(470px, 1fr) minmax(0, 1fr);
  gap: clamp(34px, 4.7vw, 74px);
  align-items: start;
}

.pod4-room-photo {
  position: sticky;
  top: 174px;
  min-width: 0;
  overflow: hidden;
  border-radius: 38px;
  background: var(--pod4-night);
  box-shadow: var(--pod4-shadow);
}

.pod4-room-photo__media {
  position: relative;
  min-height: 610px;
  overflow: hidden;
}

.pod4-room-photo__media img {
  width: 100%;
  height: 610px;
  object-fit: cover;
}

.pod4-room-photo__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(6, 26, 34, .02), rgba(6, 26, 34, .25) 55%, rgba(6, 26, 34, .76));
}

.pod4-room-pin {
  position: absolute;
  z-index: 3;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, .58) !important;
  border-radius: 999px;
  color: white;
  background: rgba(6, 26, 34, .67);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
  backdrop-filter: blur(10px);
  font-size: .82rem;
  font-weight: 800;
  transition: transform .22s ease, background .22s ease, color .22s ease;
}

.pod4-room-pin::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--pod4-aqua);
  box-shadow: 0 0 0 5px rgba(97, 216, 206, .16);
}

.pod4-room-pin:hover,
.pod4-room-pin.is-active,
.pod4-room-pin[aria-pressed="true"] {
  color: var(--pod4-ink);
  background: white;
  transform: translateY(-2px);
}

.pod4-room-pin.is-active::before,
.pod4-room-pin[aria-pressed="true"]::before {
  background: var(--pod4-orange);
  box-shadow: 0 0 0 5px rgba(244, 107, 42, .14);
}

.pod4-room-pin--room { top: 18%; left: 7%; }
.pod4-room-pin--screen { top: 26%; right: 6%; }
.pod4-room-pin--seating { top: 57%; left: 11%; }
.pod4-room-pin--arrival { right: 8%; bottom: 26%; }

.pod4-room-photo__detail {
  position: absolute;
  z-index: 4;
  right: 18px;
  bottom: 18px;
  left: 18px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 22px;
  color: white;
  background: rgba(6, 26, 34, .72);
  backdrop-filter: blur(18px);
}

.pod4-room-photo__detail small {
  color: var(--pod4-aqua);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pod4-room-photo__detail h3 {
  margin: 5px 0 6px;
  font-family: var(--font-display);
  font-size: 1.35rem;
  letter-spacing: -.035em;
}

.pod4-room-photo__detail p {
  margin: 0;
  color: rgba(255, 255, 255, .70);
  font-size: .88rem;
}

.pod4-requirements__side {
  min-width: 0;
}

.pod4-requirements__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

.pod4-requirement {
  min-width: 0;
  min-height: 150px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 20px;
  border: 1px solid rgba(16, 42, 51, .10) !important;
  border-radius: 23px;
  text-align: left;
  color: var(--pod4-ink);
  background: #f6fafb;
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.pod4-requirement > span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  color: var(--pod4-orange);
  background: white;
  font-family: var(--font-display);
  font-size: .82rem;
  font-weight: 800;
  box-shadow: 0 8px 22px rgba(7, 28, 36, .07);
}

.pod4-requirement strong {
  display: block;
  font-family: var(--font-display);
  font-size: .92rem;
  line-height: 1.3;
}

.pod4-requirement small {
  display: block;
  margin-top: 6px;
  color: var(--pod4-muted);
  font-size: .82rem;
  line-height: 1.48;
}

.pod4-requirement:hover {
  transform: translateY(-2px);
  border-color: rgba(97, 216, 206, .48) !important;
}

.pod4-requirement.is-active,
.pod4-requirement[aria-pressed="true"] {
  border-color: rgba(97, 216, 206, .66) !important;
  background: #ebfaf8;
  box-shadow: 0 16px 38px rgba(97, 216, 206, .11);
}

.pod4-requirements__summary {
  margin-top: 15px;
  padding: 24px;
  border-radius: 26px;
}

.pod4-requirements__summary > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--pod4-muted);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pod4-requirements__summary > span i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--pod4-aqua);
}

.pod4-requirements__summary h3 {
  margin: 8px 0 8px;
  font-family: var(--font-display);
  font-size: 1.35rem;
  letter-spacing: -.035em;
}

.pod4-requirements__summary p {
  margin: 0;
  color: var(--pod4-muted);
}

.pod4-requirements__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 15px;
}

.pod4-requirements__tags span,
.pod4-request-tags span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--pod4-ink);
  background: #eaf8f7;
  font-size: .82rem;
  font-weight: 800;
}

.pod4-requirements__summary .button {
  margin-top: 18px;
}

/* Published amenities ------------------------------------------------- */
.pod4-amenities {
  color: white;
  background:
    radial-gradient(circle at 12% 18%, rgba(244, 107, 42, .16), transparent 28rem),
    radial-gradient(circle at 88% 74%, rgba(97, 216, 206, .14), transparent 32rem),
    linear-gradient(145deg, #061a22, #0b303a);
}

.pod4-amenities .pod-section-heading h2,
.pod4-amenities .pod-section-heading > p {
  color: white;
}

.pod4-amenities .pod-section-heading > p {
  color: rgba(255, 255, 255, .68);
}

.pod4-amenities .eyebrow {
  color: rgba(255, 255, 255, .74);
}

.pod4-amenities__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.pod4-amenity {
  min-width: 0;
  min-height: 212px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 27px;
  background: rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.pod4-amenity:hover {
  transform: translateY(-4px);
  border-color: rgba(97, 216, 206, .34);
  background: rgba(255, 255, 255, .08);
}

.pod4-amenity__icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--pod4-aqua);
  background: rgba(97, 216, 206, .10);
}

.pod4-amenity__icon svg {
  width: 22px;
  height: 22px;
}

.pod4-amenity small {
  display: block;
  margin-top: 18px;
  color: #ff9a69;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.pod4-amenity h3 {
  margin: 6px 0 8px;
  font-family: var(--font-display);
  font-size: 1.15rem;
  letter-spacing: -.035em;
}

.pod4-amenity p {
  margin: 0;
  color: rgba(255, 255, 255, .66);
  font-size: .88rem;
}

.pod4-amenities__feature {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  gap: 24px;
  align-items: center;
  margin-top: 18px;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 30px;
  background: rgba(255, 255, 255, .07);
}

.pod4-amenities__feature > div:first-child {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.pod4-amenities__feature article {
  min-height: 125px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 20px;
  background: rgba(6, 26, 34, .28);
}

.pod4-amenities__feature article small {
  color: var(--pod4-aqua);
  font-size: .82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.pod4-amenities__feature article strong {
  display: block;
  margin-top: 8px;
  font-family: var(--font-display);
  font-size: 1rem;
  line-height: 1.4;
}

.pod4-amenities__feature > div:last-child small {
  color: #ff9a69;
  font-size: .82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.pod4-amenities__feature h3 {
  margin: 7px 0 8px;
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 2.4vw, 2.3rem);
  letter-spacing: -.04em;
}

.pod4-amenities__feature p {
  margin: 0;
  color: rgba(255, 255, 255, .66);
}

/* Gallery and locations refinements ---------------------------------- */
.podcast-room-v4 .pod-gallery__head h2,
.podcast-room-v4 .pod-faq__intro h2 {
  text-wrap: balance;
}

.podcast-room-v4 .pod-gallery__rail button {
  min-height: 420px;
}

.podcast-room-v4 .pod-locations__story > p {
  font-size: 1rem;
}

/* Straight reservation path ------------------------------------------ */
.pod4-process {
  background:
    radial-gradient(circle at 88% 15%, rgba(97, 216, 206, .12), transparent 28rem),
    #f3f9fa;
}

.pod4-process__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.pod4-process__grid article {
  position: relative;
  min-width: 0;
  min-height: 275px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(16, 42, 51, .10);
  border-radius: 30px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 20px 56px rgba(7, 28, 36, .07);
}

.pod4-process__grid article::after {
  content: attr(data-step);
  position: absolute;
  right: -2px;
  bottom: -28px;
  color: rgba(16, 42, 51, .045);
  font-family: var(--font-display);
  font-size: 8rem;
  font-weight: 800;
  line-height: 1;
}

.pod4-process__grid > article > span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: white;
  background: var(--pod4-night);
  font-family: var(--font-display);
  font-size: .88rem;
  font-weight: 800;
}

.pod4-process__grid small {
  display: block;
  margin-top: 20px;
  color: var(--pod4-orange);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.pod4-process__grid h3 {
  max-width: 330px;
  margin: 7px 0 9px;
  font-family: var(--font-display);
  font-size: 1.35rem;
  letter-spacing: -.035em;
}

.pod4-process__grid p {
  max-width: 410px;
  margin: 0;
  color: var(--pod4-muted);
}

.pod4-process__note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 16px;
  padding: 22px 24px;
  border-radius: 24px;
}

.pod4-process__note strong {
  font-family: var(--font-display);
  font-size: 1rem;
}

.pod4-process__note p {
  max-width: 760px;
  margin: 0;
  color: var(--pod4-muted);
  font-size: .9rem;
}

/* FAQ ------------------------------------------------------------------ */
.podcast-room-v4 .pod-faq {
  background: white;
}

.podcast-room-v4 .accordion__item button strong {
  font-size: .95rem;
}

/* Direct request form ------------------------------------------------- */
.podcast-room-v4 .pod-request {
  background:
    radial-gradient(circle at 10% 20%, rgba(244, 107, 42, .18), transparent 26rem),
    radial-gradient(circle at 84% 84%, rgba(97, 216, 206, .17), transparent 28rem),
    linear-gradient(145deg, #061820, #0a313b);
}

.podcast-room-v4 .pod-request__copy > p {
  max-width: 610px;
}

.podcast-room-v4 .pod-request__snapshot > span {
  color: var(--pod4-muted);
}

.pod4-request-summary {
  display: grid;
  gap: 8px;
  margin-top: 15px;
}

.pod4-request-summary div {
  display: grid;
  grid-template-columns: 106px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding-top: 8px;
  border-top: 1px solid rgba(16, 42, 51, .08);
}

.pod4-request-summary small {
  color: var(--pod4-muted);
  font-size: .82rem;
  font-weight: 800;
  text-transform: uppercase;
}

.pod4-request-summary strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: .86rem;
  line-height: 1.42;
}

.podcast-room-v4 .pod-form__choices {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.podcast-room-v4 .pod-form__choices label span {
  min-height: 56px;
  padding-inline: 10px;
  text-align: center;
}

.pod4-form-disclaimer {
  margin: 14px 0 0;
  padding: 13px 15px;
  border-radius: 16px;
  color: #66541a;
  background: #fff8d9;
  font-size: .82rem;
  line-height: 1.5;
}

.podcast-room-v4 .form-success h3 {
  text-wrap: balance;
}

/* Toast --------------------------------------------------------------- */
.pod4-toast {
  position: fixed;
  z-index: 9998;
  right: 24px;
  bottom: 24px;
  max-width: min(420px, calc(100vw - 48px));
  padding: 14px 18px;
  border-radius: 18px;
  color: white;
  background: var(--pod4-night);
  box-shadow: 0 20px 54px rgba(7, 28, 36, .22);
  font-size: .86rem;
  font-weight: 800;
}

/* Responsive ---------------------------------------------------------- */
@media (max-width: 1180px) {
  .podcast-room-v4 .pod-hero__layout {
    grid-template-columns: minmax(0, .95fr) minmax(440px, 1.05fr);
    gap: 42px;
  }

  .podcast-room-v4 .pod-hero__visual {
    min-height: 600px;
  }

  .pod4-hero-switcher {
    grid-template-columns: minmax(160px, .52fr) minmax(0, 2.5fr) 50px;
  }

  .pod4-hero-switcher__buttons button {
    grid-template-columns: 1fr;
    gap: 3px;
    text-align: center;
  }

  .pod4-use__layout {
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  }

  .pod4-requirements__layout {
    grid-template-columns: minmax(420px, .92fr) minmax(0, 1.08fr);
    gap: 34px;
  }

  .pod4-room-photo__media,
  .pod4-room-photo__media img {
    min-height: 560px;
    height: 560px;
  }

  .pod4-requirement {
    min-height: 160px;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  .podcast-room-v4 .pod-hero {
    padding-top: 174px;
  }

  .podcast-room-v4 .pod-hero__layout {
    grid-template-columns: 1fr;
  }

  .podcast-room-v4 .pod-hero__copy {
    max-width: 850px;
  }

  .podcast-room-v4 .pod-hero__visual {
    min-height: 690px;
  }

  .podcast-room-v4 .pod-hero__image-stage {
    inset: 0 0 66px;
  }

  .pod4-hero-switcher {
    grid-template-columns: 1fr 48px;
  }

  .pod4-hero-switcher__intro {
    grid-column: 1 / -1;
    padding-bottom: 0;
  }

  .pod4-hero-switcher__buttons {
    grid-column: 1;
  }

  .pod4-icon-toggle {
    grid-column: 2;
  }

  .podcast-room-v4 .pod-types__layout,
  .pod4-use__layout,
  .pod4-requirements__layout {
    grid-template-columns: 1fr;
  }

  .podcast-room-v4 .pod-types__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .podcast-room-v4 .pod-types__detail {
    min-height: 500px;
  }

  .pod4-room-photo {
    position: relative;
    top: auto;
  }

  .pod4-room-photo__media,
  .pod4-room-photo__media img {
    min-height: 620px;
    height: 620px;
  }

  .pod4-requirement {
    grid-template-columns: 40px minmax(0, 1fr);
    min-height: 144px;
  }

  .pod4-amenities__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pod4-amenities__feature {
    grid-template-columns: 1fr;
  }

  .podcast-room-v4 .pod-form__choices {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .podcast-room-v4 .pod-hero__trust {
    grid-template-columns: 1fr;
  }

  .pod4-hero-switcher__buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pod4-use__choices,
  .pod4-requirements__cards {
    grid-template-columns: 1fr;
  }

  .pod4-use__choices button,
  .pod4-requirement {
    min-height: 112px;
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .pod4-use__details {
    grid-template-columns: 1fr;
  }

  .pod4-amenities__grid,
  .pod4-process__grid {
    grid-template-columns: 1fr;
  }

  .pod4-process__grid article {
    min-height: 225px;
  }

  .pod4-process__note {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .podcast-room-v4 .pod-hero {
    margin-top: -82px;
    padding: 148px 0 58px;
  }

  .podcast-room-v4 .pod-hero h1 {
    font-size: clamp(2.95rem, 14vw, 4.4rem);
  }

  .podcast-room-v4 .pod-hero__lead {
    font-size: 1rem;
  }

  .podcast-room-v4 .pod-hero__visual {
    min-height: 590px;
  }

  .podcast-room-v4 .pod-hero__image-stage {
    inset: 0 0 116px;
    border-radius: 34px 34px 78px 34px;
  }

  .podcast-room-v4 .pod-signal {
    right: 10px;
    left: 10px;
    padding: 20px;
    border-radius: 24px;
  }

  .podcast-room-v4 .pod-signal__body h2 {
    font-size: 1.48rem;
  }

  .podcast-room-v4 .pod-signal__body p {
    font-size: .88rem;
  }

  .podcast-room-v4 .pod-signal__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .podcast-room-v4 .pod-signal__footer a {
    width: 100%;
  }

  .pod4-hero-switcher {
    grid-template-columns: 1fr 48px;
    margin-top: 26px;
    padding: 10px;
    border-radius: 24px;
  }

  .pod4-hero-switcher__buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pod4-hero-switcher__buttons button {
    min-height: 72px;
    grid-template-columns: 28px minmax(0, 1fr);
    text-align: left;
  }

  .podcast-room-v4 .pod-proof__grid {
    grid-template-columns: 1fr;
  }

  .podcast-room-v4 .pod-proof article,
  .podcast-room-v4 .pod-proof article:first-child {
    padding: 12px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(16, 42, 51, .08);
  }

  .podcast-room-v4 .pod-proof article:last-child {
    border-bottom: 0;
  }

  .podcast-room-v4 .pod-types__tabs {
    grid-template-columns: 1fr;
  }

  .podcast-room-v4 .pod-types__tabs button {
    min-height: 102px;
  }

  .podcast-room-v4 .pod-types__detail {
    min-height: auto;
    padding: 30px 22px;
    border-radius: 30px;
  }

  .podcast-room-v4 .pod-types__detail-grid {
    grid-template-columns: 1fr;
  }

  .pod4-use__result {
    min-height: 0;
    border-radius: 30px;
  }

  .pod4-use__media img {
    min-height: 260px;
  }

  .pod4-use__badge {
    align-items: flex-start;
    flex-direction: column;
  }

  .pod4-use__copy {
    padding: 24px 20px;
  }

  .pod4-use__actions {
    flex-direction: column;
  }

  .pod4-use__actions .button {
    width: 100%;
  }

  .pod4-room-photo__media,
  .pod4-room-photo__media img {
    min-height: 500px;
    height: 500px;
  }

  .pod4-room-pin {
    min-width: 44px;
    max-width: 124px;
    padding-inline: 10px;
    font-size: .82rem;
  }

  .pod4-room-pin--room { top: 11%; left: 4%; }
  .pod4-room-pin--screen { top: 21%; right: 4%; }
  .pod4-room-pin--seating { top: 48%; left: 4%; }
  .pod4-room-pin--arrival { right: 4%; bottom: 32%; }

  .pod4-room-photo__detail {
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding: 16px;
  }

  .pod4-requirement {
    min-height: 112px;
  }

  .pod4-amenities__grid {
    grid-template-columns: 1fr;
  }

  .pod4-amenity {
    min-height: 190px;
  }

  .pod4-amenities__feature {
    padding: 22px;
  }

  .pod4-amenities__feature > div:first-child {
    grid-template-columns: 1fr;
  }

  .podcast-room-v4 .pod-gallery__rail button {
    min-height: 360px;
  }

  .podcast-room-v4 .pod-form__choices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pod4-request-summary div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .pod4-toast {
    right: 14px;
    bottom: 82px;
    left: 14px;
    max-width: none;
  }
}

@media (max-width: 360px) {
  .pod4-hero-switcher__buttons {
    grid-template-columns: 1fr;
  }

  .podcast-room-v4 .pod-hero__visual {
    min-height: 625px;
  }

  .pod4-room-photo__media,
  .pod4-room-photo__media img {
    min-height: 530px;
    height: 530px;
  }

  .podcast-room-v4 .pod-form__choices {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .podcast-room-v4 .pod-hero__aurora,
  .podcast-room-v4 .pod-hero::after,
  .podcast-room-v4 .pod-hero__image,
  .pod4-use__media img,
  .pod4-room-pin,
  .pod4-use__choices button,
  .pod4-requirement,
  .pod4-amenity,
  .pod4-process__grid article,
  .pod4-hero-switcher__buttons button {
    animation: none !important;
    transition: none !important;
  }
}


/* Podcast Room Premium v4 — route-specific direct presentation ---------- */
.podcast-room-v4 {
  --pod4-night: #061820;
  --pod4-night-soft: #0b303a;
  --pod4-ink: #102a33;
  --pod4-muted: #60747c;
  --pod4-orange: #f46b2a;
  --pod4-aqua: #61d8ce;
}

.podcast-room-v4 .pod-hero__image-stage,
.podcast-room-v4 .pod4-use__media,
.podcast-room-v4 .pod4-room-photo__media {
  background:
    radial-gradient(circle at 18% 18%, rgba(97,216,206,.23), transparent 28rem),
    radial-gradient(circle at 86% 82%, rgba(244,107,42,.20), transparent 24rem),
    linear-gradient(145deg, #071c24, #0d3943);
}

.podcast-room-v4 .pod-hero__image,
.podcast-room-v4 .pod4-use__media > img,
.podcast-room-v4 .pod4-room-photo__media > img {
  object-fit: contain;
  padding: clamp(10px, 1.5vw, 24px);
  filter: drop-shadow(0 22px 35px rgba(3,17,23,.28));
}

.podcast-room-v4 .pod-hero__image-wash,
.podcast-room-v4 .pod4-use__media::after {
  background: linear-gradient(180deg, rgba(6,24,32,.02), rgba(6,24,32,.58));
}

.pod4-concept-label {
  position: absolute;
  z-index: 3;
  top: 18px;
  left: 18px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  color: rgba(255,255,255,.84);
  background: rgba(6,24,32,.62);
  backdrop-filter: blur(12px);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .03em;
}

.pod4-concept-label--photo {
  right: 18px;
  left: auto;
}

.pod4-hero-switcher__buttons {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.podcast-room-v4 .pod4-use__choices button:last-child {
  grid-column: 1 / -1;
}

.podcast-room-v4 .pod4-use__media > img {
  min-height: 330px;
}

.podcast-room-v4 .pod4-room-photo__media,
.podcast-room-v4 .pod4-room-photo__media > img {
  min-height: 650px;
  height: 650px;
}

.podcast-room-v4 .pod4-room-pin--room { top: 12%; left: 7%; }
.podcast-room-v4 .pod4-room-pin--screen { top: 18%; right: 7%; }
.podcast-room-v4 .pod4-room-pin--seating { top: 47%; left: 6%; }
.podcast-room-v4 .pod4-room-pin--arrival { right: 6%; bottom: 31%; }

.podcast-room-v4 .pod-gallery__rail > button.pod4-gallery-card--concept {
  background:
    radial-gradient(circle at 22% 18%, rgba(97,216,206,.24), transparent 22rem),
    radial-gradient(circle at 82% 84%, rgba(244,107,42,.18), transparent 22rem),
    #071c24;
}

.podcast-room-v4 .pod-gallery__rail > button.pod4-gallery-card--concept img {
  object-fit: contain;
  padding: 22px;
}

.podcast-room-v4 .pod-gallery__rail > button.pod4-gallery-card--property img {
  object-fit: cover;
  padding: 0;
}

.podcast-room-v4 .pod-gallery__rail > button:hover img {
  transform: scale(1.025);
}

.podcast-room-v4 .pod-form__choices {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 1180px) {
  .pod4-hero-switcher__buttons button {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

@media (max-width: 1024px) {
  .pod4-hero-switcher__buttons {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .podcast-room-v4 .pod-form__choices {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .pod4-hero-switcher__buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .podcast-room-v4 .pod4-use__choices button:last-child {
    grid-column: auto;
  }
}

@media (max-width: 640px) {
  .podcast-room-v4 .pod-hero__image,
  .podcast-room-v4 .pod4-use__media > img,
  .podcast-room-v4 .pod4-room-photo__media > img {
    padding: 6px;
  }
  .podcast-room-v4 .pod4-room-photo__media,
  .podcast-room-v4 .pod4-room-photo__media > img {
    min-height: 520px;
    height: 520px;
  }
  .podcast-room-v4 .pod-form__choices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pod4-concept-label {
    top: 12px;
    left: 12px;
    max-width: calc(100% - 24px);
    font-size: .82rem;
  }
  .pod4-concept-label--photo {
    right: 12px;
    left: auto;
  }
}

@media (max-width: 360px) {
  .pod4-hero-switcher__buttons,
  .podcast-room-v4 .pod-form__choices {
    grid-template-columns: 1fr;
  }
}
