/* Resubmitly — marketing pages (pricing, how-it-works, guarantee, check, about, faq, contact, terms, privacy, refunds, 404).
   Only what site.css lacks. New class names or modifiers of site.css components; nothing here redefines a site.css rule. */

/* ---------- sub-page hero + closing band ---------- */
.hero.sub{padding-block:64px 8px;gap:16px}
.hero.sub::before{height:auto;bottom:0}
.hero.sub h1{font-size:clamp(36px,5.8vw,66px);max-width:20ch}
.hero.sub .lead{max-width:40rem}
.hero.sub .ctas{margin-top:6px}
.btn .label{font-size:inherit;font-weight:inherit}
.closing{padding-block:112px 0;display:grid;justify-items:center}
.closing h2{font-size:clamp(34px,5.2vw,58px)}

/* ---------- pricing ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plans .price-card{gap:16px;padding:28px 26px;align-content:start}
.price-card .pname{font-weight:700;font-size:19px;letter-spacing:-.025em}
.price-card .pfor{font-size:14.5px;color:var(--muted);line-height:1.5;min-height:4.5em}
.price-card .amount{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.price-card .btn{width:100%;margin-top:6px}
.price-card .pfoot{font-size:12.5px;color:var(--faint);text-align:center;line-height:1.5}
.price-card .tabs{width:100%}
.price-card .tabs button{flex:1}
.plans .price-card.featured{background:var(--term);color:#fff;box-shadow:0 0 0 1px var(--term),0 30px 60px -28px rgba(10,11,13,.55)}
.plans .price-card.featured .pfor,.plans .price-card.featured .amount small,.plans .price-card.featured .pfoot{color:#9ca0a8}
.plans .price-card.featured ul{color:#e9eaec}
.plans .price-card.featured li svg{color:var(--t-green)}
.plans .price-card.featured .btn{background:#fff;color:var(--ink);box-shadow:none}
.price-note{display:grid;gap:6px;justify-items:center;margin-top:22px;font-size:14px;color:var(--muted);text-align:center}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 32px;align-items:center;padding:32px 36px}
.offer .kicker{display:block;margin-bottom:10px}
.offer h2{font-size:clamp(23px,3vw,30px)}
.offer p{margin-top:8px;color:var(--muted);font-size:15px;max-width:54ch}
.compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.compare .card{gap:0;padding:0;overflow:hidden}
.compare .chead{padding:22px 22px 18px;display:grid;gap:4px}
.compare .chead b{font-size:17px;letter-spacing:-.02em}
.compare .chead span{font-size:13px;color:var(--muted)}
.compare dl{margin:0;display:grid}
.compare .crow{display:grid;gap:4px;padding:14px 22px;border-top:1px solid var(--line)}
.compare dt{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.compare dd{margin:0;font-size:14.5px;line-height:1.5;color:#2b2f36}
.compare .card.us{box-shadow:0 0 0 2px var(--ink),var(--shadow-lg)}
.compare .card.us .chead{background:var(--ink);color:#fff}
.compare .card.us .chead span{color:#b5b9c1}
.compare .card.us .crow{border-top-color:var(--line)}
.compare .good{color:var(--green);font-weight:600}
.compare .bad{color:var(--red);font-weight:600}
.promise{display:flex;align-items:center;gap:24px;padding:28px 32px}
.promise .shield{width:64px;height:64px;flex:none;border-radius:18px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}
.promise .shield svg{width:30px;height:30px}
.promise h2{font-size:clamp(23px,3vw,30px)}
.promise p{margin-top:6px;color:var(--muted);font-size:15px}
.promise .tlink{color:var(--ink);font-weight:500;text-underline-offset:3px;white-space:nowrap}

/* ---------- how it works ---------- */
.journey{display:grid;gap:16px}
.jstep{display:grid;grid-template-columns:56px minmax(0,1fr);gap:22px;padding:26px 28px;border-radius:var(--r-card);background:#fff;box-shadow:0 0 0 1px var(--line),var(--shadow)}
.jstep .num{width:56px;height:56px;border-radius:18px;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 19px var(--mono)}
.jstep .body{display:grid;gap:12px;min-width:0}
.jstep .meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.jstep .meta .when{font:500 12.5px var(--mono);color:var(--faint)}
.jstep h3{font-size:clamp(19px,2.2vw,23px)}
.jstep p{color:var(--muted);font-size:15px;line-height:1.6;max-width:64ch}
.jstep .see{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:12px 14px;border-radius:var(--r-inner);background:var(--soft);font-size:13.5px;color:var(--muted)}
.jstep .see .k{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.dash-demo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);overflow:hidden}
.dash-demo>div{padding:24px;min-width:0;display:grid;gap:14px;align-content:start}
.dash-demo>div+div{border-left:1px solid var(--line)}
.dash-demo h3{font-size:16px}
.dash-demo .chat{min-height:0;max-height:none}
.dash-demo .chat .compose textarea{min-height:44px}
.dash-demo .chat .msgs{padding:0 0 10px}
.mailcard{display:grid;gap:8px;padding:16px;border-radius:var(--r-inner);background:var(--soft);font-size:14px}
.mailcard .from{font:500 12px var(--mono);color:var(--faint)}
.mailcard b{font-size:15px;letter-spacing:-.01em}
.mailcard p{color:var(--muted);font-size:13.5px;line-height:1.5}
.mailcard .btn{width:max-content;pointer-events:none}
.mailcard small{font-size:12px;color:var(--faint)}
.never{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.never .card{gap:10px;padding:20px}
.never .card .ic{background:var(--red-soft);color:var(--red)}
.never .card h3{font-size:16px}
.never .card p{color:var(--muted);font-size:14px;line-height:1.5}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checklist li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-inner);background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:15px;line-height:1.5}
.checklist li svg{width:22px;height:22px;flex:none;margin-top:1px;padding:4px;border-radius:50%;background:var(--green-soft);color:var(--green)}
.checklist li b{display:block;font-weight:600}
.checklist li span{color:var(--muted);font-size:14px}
.timing{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.timing .stat .v{font-size:22px;letter-spacing:-.03em}
.timing .stat .s{line-height:1.45}

/* ---------- guarantee ---------- */
.gcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gcards .card{gap:10px}
.gcards .big{font-size:clamp(34px,4vw,46px);font-weight:700;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.gcards .big small{font-size:15px;font-weight:600;letter-spacing:0;color:var(--muted);margin-left:4px}
.gcards p{color:var(--muted);font-size:14.5px;line-height:1.55}
.cover{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.cover .card{gap:14px}
.cover ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14.5px;line-height:1.5;color:#2b2f36}
.cover li{display:flex;gap:10px;align-items:flex-start}
.cover li svg{width:20px;height:20px;flex:none;margin-top:1px;padding:4px;border-radius:50%}
.cover .yes li svg{background:var(--green-soft);color:var(--green)}
.cover .no li svg{background:var(--red-soft);color:var(--red)}
.howto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.howto .card{gap:10px}
.howto .n{width:34px;height:34px;border-radius:11px;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 14px var(--mono)}
.howto h3{font-size:17px}
.howto p{color:var(--muted);font-size:14.5px;line-height:1.55}
.plain{display:grid;gap:14px;padding:30px 34px;font-size:16.5px;line-height:1.65;color:#2b2f36}
.plain h2{font-size:clamp(22px,2.6vw,28px);margin-bottom:4px}

/* ---------- forms (check, contact) ---------- */
.split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:start}
.split .aside{display:grid;gap:14px;position:sticky;top:calc(var(--nav-h) + 20px)}
.form-panel{padding:28px}
.form{display:grid;gap:16px}
.form .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form .actions{display:grid;gap:10px;padding-top:4px}
.form .actions .btn{width:100%}
.form .fine{font-size:12.5px;color:var(--faint);text-align:center;line-height:1.5}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.sent{display:grid;gap:12px;justify-items:center;text-align:center;padding:40px 24px}
.sent .ic{width:56px;height:56px;border-radius:18px;background:var(--green-soft);color:var(--green);display:grid;place-items:center}
.sent .ic svg{width:26px;height:26px}
.sent h2{font-size:clamp(22px,3vw,28px)}
.sent p{color:var(--muted);max-width:42ch;line-height:1.55}
.sent .row{margin-top:8px;justify-content:center}
.aside .card{gap:12px;padding:20px}
.aside .card h3{font-size:16px}
.aside .lines{display:grid;gap:10px}
.aside .line{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:#2b2f36}
.aside .line svg{width:18px;height:18px;flex:none;color:var(--green);margin-top:2px}
.aside .line.off svg{color:var(--red)}
.aside .line a{color:var(--ink);text-underline-offset:3px}
.aside .card p{color:var(--muted);font-size:14.5px;line-height:1.5}

/* ---------- about ---------- */
.beliefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.beliefs .card{gap:12px}
.beliefs .card p{color:var(--muted);font-size:14.5px;line-height:1.55}
.beliefs .card h3{font-size:18px}
.person{display:flex;align-items:center;gap:16px;padding:22px 24px}
.person .avatar{width:52px;height:52px;font-size:18px}
.person b{display:block;font-size:17px;letter-spacing:-.02em}
.person div>span{display:block;color:var(--muted);font-size:14px}
.person p{margin-top:8px;color:var(--muted);font-size:14.5px;line-height:1.55}
.about-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}

/* ---------- faq ---------- */
.faq-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}
.faq-nav{position:sticky;top:calc(var(--nav-h) + 20px);display:grid;gap:2px}
.faq-nav a{display:block;padding:8px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:background-color .15s,color .15s}
.faq-nav a:hover{background:var(--soft);color:var(--ink)}
.faq-groups{display:grid;gap:40px}
.faq-group{display:grid;gap:14px}
.faq-group h2{font-size:22px;scroll-margin-top:calc(var(--nav-h) + 16px)}
.faq-group .panel{padding:4px 22px}

/* ---------- legal ---------- */
.legal-head{display:grid;gap:12px;padding-block:56px 28px}
.legal-head h1{font-size:clamp(34px,5vw,54px)}
.legal-head .upd{font:500 13px var(--mono);color:var(--faint)}
.legal-head .toc{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.legal-head .toc a{font-size:13px;font-weight:500;padding:7px 12px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;color:var(--muted)}
.legal-head .toc a[aria-current="page"]{background:var(--ink);color:#fff;box-shadow:none}
.legal-panel{padding:clamp(22px,4vw,40px)}
.legal-panel .prose{max-width:none}
.legal-panel .prose h2{margin-top:14px}
.legal-panel .prose p.intro{font-size:17.5px;color:var(--ink)}
.legal-panel .prose li{line-height:1.6}

/* ---------- 404 ---------- */
.nf{display:grid;justify-items:center;text-align:center;gap:18px;padding-block:96px 24px}
.nf .errcode{font:600 13px var(--mono);letter-spacing:.14em;color:var(--faint)}
.nf-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:920px;margin:0 auto}
.nf-links .card{gap:8px;padding:18px 20px}
.nf-links .card b{font-size:15px}
.nf-links .card span{font-size:13.5px;color:var(--muted)}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .features,.never,.timing{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .plans,.compare,.gcards,.howto,.about-contact{grid-template-columns:1fr}
  .plans .price-card.featured{order:-1}
  .split{grid-template-columns:1fr}
  .split .aside{position:static}
  .faq-layout{grid-template-columns:1fr;gap:24px}
  .faq-nav{position:static;display:flex;flex-wrap:wrap;gap:6px}
  .faq-nav a{background:var(--soft)}
  .dash-demo{grid-template-columns:1fr}
  .dash-demo>div+div{border-left:0;border-top:1px solid var(--line)}
  .offer{grid-template-columns:1fr;padding:28px}
  .cover,.beliefs{grid-template-columns:1fr}
  .nf-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  .features,.never,.timing,.form .two{grid-template-columns:1fr}
  .jstep{grid-template-columns:1fr;gap:14px;padding:22px 20px}
  .jstep .num{width:44px;height:44px;border-radius:14px;font-size:16px}
  .promise{flex-direction:column;align-items:flex-start;padding:24px}
  .offer{padding:24px}
  .offer .btn{width:100%}
  .plain{padding:24px 20px;font-size:16px}
  .plans .price-card{padding:24px 20px}
  .form-panel{padding:22px 18px}
  .dash-demo>div{padding:18px}
  .nf-links{grid-template-columns:1fr}
  .person{flex-direction:column;align-items:flex-start}
}