/* deal-screen page. Page-specific rules only, brand tokens come from styles.css */

.ds-hero{padding:80px 0 72px}
.ds-h1{font-size:clamp(48px,7vw,92px);max-width:15ch}
.ds-hero .body-lg{max-width:56ch}

/* the gap, two contrast cards */
.ds-gap{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:820px}
.ds-gap-card{border:1px solid var(--faint);padding:24px}
.ds-gap-h{font-family:var(--serif);font-size:24px;line-height:1.1;margin-bottom:10px}
.ds-gap-card p{font-size:16px;line-height:1.55;color:#2b2b2b}

/* dossier checklist */
.ds-checks{margin:26px 0 0;padding:0;list-style:none;max-width:62ch}
.ds-checks li{position:relative;padding:13px 0 13px 28px;border-top:1px solid var(--faint);
  font-size:17px;line-height:1.55;color:#2b2b2b}
.ds-checks li::before{content:"";position:absolute;left:0;top:22px;width:9px;height:9px;
  background:var(--accent);border-radius:50%}
.ds-checks strong{font-weight:600;color:var(--ink)}
.ds-close{margin-top:24px;font-family:var(--serif);font-style:italic;font-size:24px;color:#3a3a3a}

/* unfair edges */
.ds-edges{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:820px}
.ds-edge{border-top:2px solid var(--ink);padding-top:14px}
.ds-edge-h{font-weight:600;font-size:16px}
.ds-edge p{margin-top:6px;font-size:16px;line-height:1.5;color:#2b2b2b}
.ds-edge p.ds-edge-h{margin-top:0;color:var(--ink)}

/* pricing tiers */
.ds-tiers{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:940px}
.ds-tier{border:1px solid var(--faint);padding:24px;display:flex;flex-direction:column;gap:8px}
.ds-tier-price{font-family:var(--serif);font-size:28px;line-height:1.1}
.ds-tier-sub{display:block;font-family:var(--sans);font-size:14px;color:var(--muted);margin-top:4px}
.ds-tier-name{font-weight:600;font-size:15px;letter-spacing:.04em}
.ds-tier-body{font-size:15px;line-height:1.5;color:#2b2b2b}
.ds-frame{margin-top:26px;font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.25;
  max-width:46ch;color:#3a3a3a}

/* free scan extras */
#scan .lm-form{max-width:520px}
.ds-after{margin-top:26px;font-size:15px;line-height:1.55;color:#3a3a3a;max-width:56ch}
.ds-guardrail{margin-top:36px;padding-top:18px;border-top:1px solid var(--faint);
  font-size:13px;line-height:1.6;color:var(--muted);max-width:66ch}

@media (max-width:820px){
  .ds-hero{padding:56px 0 48px}
  .ds-gap,.ds-edges,.ds-tiers{grid-template-columns:1fr}
}