/* S20: Google Ads landing pages /for/… (loaded only there; tokens and components from site.css) */
.lp-hero{padding-bottom:72px}
.lp-proc{position:relative}
.lp-num{width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--accent);display:grid;place-items:center;font:700 18px/1 var(--display)}
.lp-proc p{font-size:16px}

/* generic, invented flow mock-up (no client screens) */
.lp-flow{margin-top:40px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px 24px 24px;box-shadow:0 10px 30px rgba(15,43,58,.06)}
.lp-flow-bar{display:flex;gap:6px;margin-bottom:16px}
.lp-flow-bar span{width:10px;height:10px;border-radius:50%;background:var(--line)}
.lp-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;counter-reset:f}
.lp-flow li{position:relative;background:var(--mist);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-weight:600;font-size:15px;color:var(--ink)}
.lp-flow li b{display:block;font:700 13px/1 var(--display);color:var(--accent);margin-bottom:8px}
.lp-flow li:last-child{background:var(--soft);border-color:#C9DFE8}

.lp-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.lp-steps .step{padding:28px}
.lp-steps .step h3{font-size:20px}
.lp-steps .step p{font-size:15px}
.lp-note{margin-top:24px;color:var(--muted);font-size:16px}

/* single case card: illustration beside the text on wide screens */
.lp-case-one .case-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lp-case-one .case-card .art{aspect-ratio:auto;min-height:100%}
.lp-case-one .case-card .body{padding:40px;justify-content:center}
.lp-case-one .case-card .body p{font-size:16px}
.lp-small{font-size:14px !important;color:var(--muted-2) !important}

/* packages */
.lp-pkg{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;gap:8px}
.lp-pkg h3{font-size:20px}
.lp-pkg p{color:var(--muted);font-size:15px}
.lp-pkg .lp-price{font:600 26px/1.2 var(--display);color:var(--accent-dark);letter-spacing:-.3px}
.lp-pkg-start{border:2px solid var(--accent)}
.lp-badge{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:var(--r-pill);padding:4px 10px}
.lp-foot{margin-top:24px;font-size:14px;color:var(--muted)}

/* proof strip */
.lp-proof{background:var(--deep);color:#fff;padding:28px 0}
.lp-proof ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px}
.lp-proof li{font-weight:600;font-size:15px;line-height:1.4;position:relative}
.lp-proof li+li::before{content:"";position:absolute;left:-16px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#7FB3C8}

/* footer form extras on landing pages */
.form select{font:inherit;font-weight:400;border:1px solid var(--muted-2);background:#fff;border-radius:12px;padding:12px 14px;min-height:48px;width:100%;color:var(--ink)}
.form select:focus{outline:2px solid var(--accent);border-color:var(--accent)}

@media (max-width:900px){
  .lp-case-one .case-card{grid-template-columns:1fr}
  .lp-case-one .case-card .art{aspect-ratio:16/10}
}
@media (max-width:640px){
  .lp-hero{padding-bottom:40px}
  .lp-case-one .case-card .body{padding:24px}
  .lp-flow{padding:16px}
  .lp-flow ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .lp-flow li{padding:10px 12px;font-size:14px}
  .lp-proof ul{justify-content:flex-start;flex-direction:column;gap:8px}
  .lp-proof li+li::before{display:none}
  .lp-pkg .lp-price{font-size:24px}
}