/* Landing pages for the ad sets. Everything else comes from styles.css. */
.lp-hero{padding:56px 0 32px}
.lp-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px 64px;align-items:center}
.lp-copy{max-width:600px}
.kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);margin-bottom:18px}
.lp-hero h1{margin:0;font-weight:800;font-size:clamp(36px,5.2vw,64px);line-height:1.02;letter-spacing:-.03em}
.lp-hero h1 em{font-style:normal;color:#5B4A7A}
.lp-hero .sub{margin:22px 0 0;max-width:46ch;color:var(--ink-500);font-size:clamp(16px,2vw,19px);line-height:1.55}
.lp-hero .cta-row{justify-content:flex-start;margin-top:30px}
.lp-hero .spots{margin-top:16px}
.lp-hero .phone-stage{justify-self:end}
.lp-section{padding:72px 0 0}
.lp-h2{margin:0 0 10px;text-align:center;font-size:clamp(26px,3.6vw,38px);font-weight:800;letter-spacing:-.025em;line-height:1.1}
.lp-sub{margin:0 auto 36px;text-align:center;color:var(--ink-500);max-width:52ch;font-size:16px}
.feat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.feat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.feat{background:#fff;border:1px solid var(--ink-100);border-radius:var(--r-lg);padding:20px 18px 18px;display:flex;flex-direction:column;gap:10px}
.feat .avatar{width:40px;height:40px;border-radius:12px}
.feat b{font-size:17px;font-weight:800;letter-spacing:-.01em}
.feat p{margin:0;color:var(--ink-500);font-size:14.5px;line-height:1.5}
.lp-job .wrap{max-width:820px}
.jobcard{background:#fff;border:1px solid var(--ink-100);border-radius:var(--r-xl);padding:26px 26px 22px;display:flex;flex-direction:column;gap:14px}
.jobcard .job-head{display:flex;align-items:center;gap:10px;font-size:15px}
.jobcard .job-head b{font-weight:700}
.jobcard .job-text{font-size:16px;max-width:92%}
.jobcard .job-result{font-size:14.5px}
.jobcard .note{margin:4px 0 0;font-size:13.5px;color:var(--ink-300)}
.setup-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.setup{background:#fff;border:1px solid var(--ink-100);border-radius:var(--r-lg);padding:20px 18px 18px}
.setup .n{width:28px;height:28px;border-radius:9px;background:var(--ink-900);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-bottom:12px}
.setup b{display:block;font-size:17px;font-weight:800;margin-bottom:6px}
.setup p{margin:0;color:var(--ink-500);font-size:14.5px;line-height:1.5}
.setup .apps{display:flex;gap:8px;margin:12px 0 0;padding:0;flex-wrap:wrap}
.setup .apps li{list-style:none;width:36px;height:36px;border-radius:10px;background:var(--paper);border:1px solid var(--ink-100);display:flex;align-items:center;justify-content:center}
.setup .apps img{width:18px;height:18px}
.setup .apps li.more{width:auto;padding:0 10px;font-size:12px;font-weight:700;color:var(--ink-500)}
.lp-needs{margin:22px auto 0;max-width:820px;background:#fff;border:1px dashed var(--ink-200);border-radius:var(--r-lg);padding:16px 20px;color:var(--ink-700);font-size:14.5px}
.lp-price{padding:88px 0 100px;text-align:center}
.lp-price .amount{font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-.03em;margin:0}
.lp-price .amount small{font-size:.5em;font-weight:600;color:var(--ink-500);letter-spacing:0}
.lp-price .terms{margin:10px auto 26px;color:var(--ink-500);font-size:15px;max-width:46ch}
.lp-price .spots{margin:14px 0 0}
.thread .msg .bubble .done{color:var(--done);font-weight:700}
@media (max-width:900px){.lp-hero .wrap{grid-template-columns:1fr}.lp-hero .phone-stage{justify-self:center}.feat-grid,.feat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-grid{grid-template-columns:1fr}}
@media (max-width:640px){.feat-grid,.feat-grid.three{grid-template-columns:1fr}.lp-hero{padding:40px 0 24px}.lp-hero .cta-row{flex-direction:column;align-items:stretch}.lp-hero .cta-row .btn{width:100%}}
