/* Veranda Inspect's pages (/inspect, /inspect/privacy), on top of styles.css. 5 Nov 2026. */

/* "Veranda" with a small INSPECT tag, as the app's own "Veranda / INSPECT". */
.logo-tag{margin-left:-14px;padding:5px 9px 4px;border-radius:999px;border:1px solid rgba(217,183,124,.5);background:rgba(217,183,124,.08);color:var(--brass-l);font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.ftr .logo-tag{margin-left:-6px}

/* Hero: three phones standing on the paper edge, the camera in the middle. */
.ihero{padding-bottom:44px}
.ihero-phones{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,3.4vw,44px);max-width:960px;margin:60px auto 0;padding:0 var(--pad)}
.ihero-phones .phone{width:min(25%,236px)}
.ihero-phones .phone.mid{width:min(29%,276px);margin-bottom:34px}
@media (max-width:640px){
  .ihero-phones .phone.side{display:none}
  .ihero-phones .phone.mid{width:min(64%,280px);margin-bottom:0}
}

/* The Act's four things, two by two. */
.fgrid.two{grid-template-columns:1fr 1fr}
@media (max-width:760px){.fgrid.two{grid-template-columns:1fr}}
.fcard .cite{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:700;color:var(--brass);letter-spacing:.02em}

/* Two phones side by side. */
.phones.two{grid-template-columns:repeat(2,1fr);max-width:680px}
.dark .phones figcaption{color:rgba(255,255,255,.7)}
.dark .phones figcaption b{color:#fff}

/* Pricing: the free plan and Premium. */
.plans{display:grid;gap:12px;align-content:center}
.plan{border:1px solid var(--line);border-radius:20px;padding:22px 24px;background:#fff}
.plan.hl{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
.plan-t{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.plan-t b{font-size:19px;letter-spacing:-.01em}
.plan-t span{font-size:15px;color:var(--ink-2)}
.plan-t strong{font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.plan p{margin-top:8px;color:var(--ink-2);font-size:15.5px;line-height:1.5}

/* The closing band and the link across to Veranda. */
.getit{text-align:center}
.getit .ctas{justify-content:center;margin-top:30px}
.agents{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 32px}
.agents p{font-size:17px;color:var(--ink-2);max-width:620px}
.agents b{color:var(--ink)}

/* The privacy page's short summary box. */
.legal .sum{margin:26px 0 8px;padding:18px 22px;border-radius:18px;background:var(--green-soft);color:var(--ink);font-size:16px;line-height:1.55}