/* The free-scan and dark-web-scan pages' own sections (Http\Landing). Site-owned
   (see site/README.md). Loaded after /assets/scan.css and home.css, whose tokens,
   .section, .s-head, .card, .step, .cmp, .faq and .final these build on. */

.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp-steps .step{min-height:240px}

/* what this checks, and what it does not */
.lp-scope .card{padding:clamp(24px,2.6vw,34px)}
.lp-scope h3{font-size:22px;letter-spacing:-.02em;margin:0 0 18px}
.lp-scope ul{list-style:none;display:grid;gap:16px;margin:0;padding:0}
.lp-scope li{display:flex;gap:14px;align-items:flex-start;color:var(--ink-2);font-size:15.5px;line-height:1.6}
.lp-scope li b{color:var(--ink);font-weight:600}
.lp-scope .ic{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;margin-top:1px}
.lp-scope .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lp-yes{border-color:rgba(139,130,240,.5)}
.lp-yes .ic{background:rgba(83,74,183,.35);color:#C8C3FF}
.lp-no .ic{background:rgba(255,255,255,.05);color:var(--mut)}

/* each check and where it looks */
.lp-checks td{width:auto}
.lp-checks td:last-child{color:var(--ink);width:32%}
.lp-checks tbody th{width:20%;white-space:nowrap}

/* what happens to your domain */
.lp-privacy{display:grid;gap:14px;padding:clamp(28px,3.4vw,48px);max-width:860px;margin:0 auto}
.lp-privacy h2{font-size:clamp(28px,3.2vw,44px);line-height:1.05}
.lp-privacy ul{list-style:none;display:grid;gap:12px;margin:6px 0 0;padding:0}
.lp-privacy li{position:relative;padding-left:26px;color:var(--ink-2);font-size:16px;line-height:1.6}
.lp-privacy li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:3px;background:var(--pri);box-shadow:0 0 0 3px rgba(83,74,183,.25)}
.lp-privacy li b{color:var(--ink);font-weight:600}
.lp-privacy .fine{color:var(--mut);font-size:14px}
.lp-privacy .fine a{color:#C8C3FF}

.lp-faq-head{margin:0}
.lp-final{padding-bottom:clamp(48px,6vw,88px)}

@media(max-width:1100px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.grid2,.grid4{grid-template-columns:1fr}.lp-steps .step{min-height:0}
  /* the checks table as cards on a phone: no sideways scroll */
  .lp-checks{min-width:0}.lp-checks thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .lp-checks tr{display:block;padding:16px 18px;border-bottom:1px solid var(--line)}.lp-checks tr:last-child{border-bottom:0}
  .lp-checks th,.lp-checks td{display:block;width:auto!important;padding:2px 0;border:0;white-space:normal}
  .lp-checks tbody th{font-size:16px;margin-bottom:4px}
  .lp-checks td[data-label]::before{content:attr(data-label);display:block;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-top:8px}}