/* Concept B v2: installer, podcast-first, one button. Loaded after site.css. */
.est{display:inline-block;font:600 12px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--rule);border-radius:999px;padding:4px 9px;vertical-align:middle;white-space:nowrap;background:rgba(255,255,255,.6)}
.letter p .est{margin-left:4px}
.btn.big{padding:17px 30px;font-size:18px;box-shadow:0 10px 24px -10px rgba(185,57,26,.7)}
.letter .actions{align-items:center;gap:10px 16px}
.under-btn{font:500 14px/1.35 var(--sans);color:var(--muted)}
.letter .ps{font-size:22px;margin-top:22px}
.letter .ps .slot{font:600 18px/1.3 var(--sans)}
.hero-side .lede{font-size:30px}

/* trust badges */
.badges{background:var(--night);color:#e7edf1;border-top:1px solid rgba(255,255,255,.08)}
.badges .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding-top:18px;padding-bottom:18px}
.badge{display:flex;align-items:center;gap:10px;font:500 15px/1.35 var(--sans)}
.badge > .slot:first-child{font-size:12px;padding:6px 8px;border-radius:4px;white-space:nowrap}
.badge.plain{color:#aebccb;font-size:14px;margin-left:auto}

/* amounts */
.env .est{margin-top:12px}
.plus{display:grid;gap:0;align-content:start;background:#fff;border:1px solid var(--rule);border-radius:6px;padding:8px 28px 28px;box-shadow:0 14px 30px -18px rgba(30,40,60,.35)}
.plus-row{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:18px 0;border-bottom:1px dashed var(--rule);align-items:baseline}
.plus-row b{font:700 32px/1 var(--hand);color:var(--pen)}
.plus-row span{color:#3a3e45}
.plus .btn{justify-self:start;margin-top:22px}

/* letters rack: 5 cards, the landlord's in the middle */
.card.rent .tag{position:absolute;top:16px;left:16px;background:var(--pen);color:#fff;font:600 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:8px 10px;border-radius:3px}
.card.rent{outline:2px solid var(--pen);outline-offset:-2px}

/* rentals */
.rentals{background:var(--night2);color:#fff;overflow:hidden}
.rentals h2{color:#fff}.rentals h2 .hand{color:var(--warm)}
.rentals .eyebrow{color:var(--warm)}
.rent-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.small-letter{padding:44px 40px 34px;transform:rotate(1.4deg)}
.small-letter .dear-h{font-size:46px}
.small-letter .dear-h span{font-size:25px}
.who3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0 28px}
.who3 div{border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:16px}
.who3 b{display:block;font:700 30px/1 var(--hand);color:var(--warm);margin-bottom:6px}
.who3 span{font-size:15px;color:#d5dce2}
.row-btns{display:flex;flex-wrap:wrap;gap:12px}
.rentals .btn.ghost{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.rentals .btn.ghost:hover{background:#fff;color:var(--night)}

/* three steps */
.stamps.three{grid-template-columns:repeat(3,1fr)}

/* phone action bar */
.mbar{display:none}
.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:8px;font:600 15px/1.3 var(--sans);z-index:80;opacity:0;pointer-events:none;transition:opacity .2s;max-width:calc(100vw - 32px)}
.toast.on{opacity:1}

/* the checker: a reply letter */
.chk{position:fixed;inset:0;z-index:70;background:rgba(10,16,22,.62);display:grid;place-items:center;padding:20px}
.chk[hidden]{display:none}
body.chk-open{overflow:hidden}
.chk-sheet{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--paper);color:var(--ink);border-radius:4px;padding:26px 36px 24px;box-shadow:0 40px 80px -20px rgba(0,0,0,.6);background-image:repeating-linear-gradient(0deg,transparent 0 33px,rgba(31,63,143,.09) 33px 34px)}
.chk-top{display:flex;justify-content:space-between;align-items:center}
.chk-step{font:600 13px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.chk-x{width:44px;height:44px;border:0;background:transparent;font-size:30px;line-height:1;color:var(--ink);cursor:pointer;border-radius:50%}
.chk-x:hover{background:rgba(0,0,0,.06)}
.chk-dear{font:700 48px/1 var(--hand);color:var(--pen);margin:6px 0 12px}
.chk-bar{height:4px;background:var(--rule);border-radius:4px;overflow:hidden;margin-bottom:20px}
.chk-bar i{display:block;height:100%;background:var(--ember);transition:width .25s}
.chk-body{min-height:220px}
.chk-body .line{font:400 27px/1.45 var(--serif);margin:0 0 16px;color:var(--ink)}
.blank,.blank-t{font:700 30px/1.2 var(--hand);color:var(--pen)}
input.blank,select.blank{background:transparent;border:0;border-bottom:2px solid var(--pen);padding:0 4px;width:6.2em;border-radius:0}
select.blank{width:auto;font-size:26px}
input.blank:focus,select.blank:focus{outline:2px solid var(--ember);outline-offset:3px}
.hint{font:500 14.5px/1.45 var(--sans);color:var(--muted);margin:6px 0 14px}
.chk-chips{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 8px}
.chk-chip{min-height:52px;padding:0 20px;border-radius:999px;border:2px solid var(--pen);background:#fffdf7;color:var(--pen);font:700 24px/1 var(--hand);cursor:pointer;transition:background .15s,color .15s}
.chk-chip:hover,.chk-chip.on{background:var(--pen);color:#fff}
.chk-back{margin-top:18px;background:none;border:0;font:600 15px/1 var(--sans);color:var(--muted);text-decoration:underline;cursor:pointer;min-height:44px;padding:0}
.tenant{background:#fff7d6;border:1px solid #ecd27a;border-radius:6px;padding:12px 14px;font:500 15px/1.45 var(--sans);margin-bottom:16px}
.tenant a{color:var(--ember-d);font-weight:700}
.est-card{background:#fff;border:1px solid var(--rule);border-radius:6px;padding:18px 20px;margin-bottom:18px}
.est-card small{display:block;font:600 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.est-card b{display:block;font:500 46px/1.05 var(--serif);color:var(--ember-d);margin:8px 0 6px}
.est-card p{margin:10px 0 0;font-size:15.5px;color:#3a3e45}
.chk-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.chk-form label{display:flex;flex-direction:column;gap:6px;font:600 13px/1.3 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.chk-form input,.chk-form select{font:400 17px/1.3 var(--sans);color:var(--ink);background:#fff;border:1.5px solid #b9ae95;border-radius:6px;min-height:52px;padding:10px 12px;text-transform:none;letter-spacing:0}
.chk-form input:focus,.chk-form select:focus{outline:3px solid var(--pen);outline-offset:1px}
.chk-form [aria-invalid=true]{border-color:#b3261e}
.chk-form .full{grid-column:1/-1}
.chk-form .consent{flex-direction:row;align-items:flex-start;gap:10px;text-transform:none;letter-spacing:0;font:400 15px/1.45 var(--sans);color:#3a3e45}
.chk-form .consent input{min-height:0;width:22px;height:22px;margin-top:1px;flex:none}
.chk-form .btn{justify-content:center}
.chk-fine{font:400 12.5px/1.45 var(--sans);color:var(--muted);margin:18px 0 0;border-top:1px solid var(--rule);padding-top:12px}
.signed{font:700 64px/1 var(--hand);color:var(--pen);margin:6px 0 14px}

/* podcast page */
.pod-hero{position:relative;background:var(--night) url(../media/bungalow.webp) center/cover;color:#fff;overflow:hidden}
.pod-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,22,30,.9) 0%,rgba(14,22,30,.7) 50%,rgba(14,22,30,.45) 100%)}
.pod-hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:52px;align-items:center;padding-top:120px;padding-bottom:80px}
.player{background:rgba(10,16,22,.72);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:20px;display:grid;gap:14px}
.player .art{aspect-ratio:16/9;border-radius:6px;background:#0d151c;display:grid;place-items:center;position:relative;overflow:hidden}
.player .art .slot{font:600 14px/1.3 var(--sans);padding:6px 10px}
.player .play{position:absolute;left:18px;bottom:18px;width:60px;height:60px;border-radius:50%;border:0;background:var(--ember);color:#fff;display:grid;place-items:center;cursor:pointer}
.player .play svg{width:22px;height:22px;margin-left:3px}
.player .meta{font:500 15px/1.4 var(--sans);color:#d5dce2}
.player .wave{display:flex;gap:3px;align-items:center;height:30px}
.player .wave i{flex:1;background:rgba(255,255,255,.35);border-radius:2px}
.offer{position:relative;background:#fff;border:2px dashed var(--ember);border-radius:8px;padding:26px 28px;max-width:720px;margin:0 auto;text-align:center}
.offer b{display:block;font:700 44px/1.05 var(--hand);color:var(--ember-d);margin:8px 0}
.offer p{margin:0 0 16px;color:#3a3e45}
.pod-letter .ps{font-size:22px}

@media (max-width:1000px){
  .rent-grid,.pod-hero .wrap{grid-template-columns:1fr;gap:36px}
  .badge.plain{margin-left:0}
}
@media (max-width:640px){
  .nav .btn{padding:10px 14px;font-size:14px}
  .nav .brand small{display:none}
  .hero .wrap{padding-top:84px;padding-bottom:32px;gap:22px}
  .hero-side{order:2}
  .hero-side .lede{font-size:22px}
  .hero-side .kicker{font-size:12px}
  .letter{padding:38px 20px 24px}
  .letter .dear-h{font-size:46px}
  .letter .dear-h span{font-size:22px}
  .letter p{font-size:16.5px}
  .letter .actions{flex-direction:column;align-items:stretch}
  .btn.big{justify-content:center;width:100%}
  .under-btn{text-align:center}
  .letter .ps{font-size:20px}
  .badges .wrap{gap:10px;padding-top:14px;padding-bottom:14px}
  .badge{font-size:14px}
  .plus{padding:4px 18px 20px}
  .plus-row{grid-template-columns:1fr;gap:4px;padding:14px 0}
  .plus .btn{width:100%;justify-content:center}
  .small-letter{padding:36px 20px 26px;transform:rotate(-.8deg)}
  .small-letter .dear-h{font-size:38px}
  .small-letter .dear-h span{font-size:21px}
  .who3{grid-template-columns:1fr;gap:8px}
  .who3 div{display:flex;gap:12px;align-items:baseline;padding:12px 14px}
  .who3 b{font-size:26px;margin:0;flex:none;width:96px}
  .row-btns .btn{width:100%;justify-content:center}
  .stamps.three{grid-template-columns:1fr}
  .mbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(18,27,36,.96)}
  .mbar .btn{width:100%;justify-content:center;font-size:17px;padding:16px}
  body{padding-bottom:76px}
  .chk{padding:0;place-items:end stretch}
  .chk-sheet{width:100%;max-height:94vh;border-radius:14px 14px 0 0;padding:16px 18px 18px}
  .chk-dear{font-size:40px}
  .chk-body .line{font-size:23px}
  .blank,.blank-t{font-size:26px}
  .chk-chip{font-size:22px;min-height:50px;padding:0 16px}
  .chk-form{grid-template-columns:1fr}
  .pod-hero .wrap{padding-top:84px;padding-bottom:44px}
  .offer{padding:22px 18px}
  .offer b{font-size:36px}
}

/* v2: no scroll reveals; content is always visible */
.reveal{opacity:1!important;transform:none!important}
.who3 .slot{color:#222}
@media (max-width:640px){
  .rack{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:30px -16px 0;padding:0 16px 10px;scroll-padding:16px}
  .rack .card{scroll-snap-align:start}
  .card.wide{grid-column:auto}
  .card .ph,.card.wide .ph{aspect-ratio:4/3}
  .card.wide .dear{font-size:36px}.card.wide p{font-size:17px}
  .letters h2::after{content:"swipe the letters";display:block;font:600 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:10px}
}
@media (max-width:1000px){.pod-hero .player{order:2}}