/* =====================================================
   Static / legal pages (terms, privacy, cookies, about, contact)
   ===================================================== */
body{padding-top:56px;background:var(--bg)}

.pg{max-width:760px;margin:0 auto;padding:34px 20px 64px;color:var(--text)}
.pg h1{font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.3px}
.pg h2{font-size:17px;font-weight:700;margin:28px 0 8px}
.pg p{font-size:14.5px;line-height:1.65;color:var(--text);margin:0 0 12px}
.pg ul{margin:0 0 14px;padding-left:22px}
.pg li{font-size:14.5px;line-height:1.65;margin:0 0 7px}
.pg a{color:var(--blue-txt);text-decoration:none}
.pg a:hover{text-decoration:underline}
.pg code{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:1px 5px;font-size:12.5px}
.pg-updated{font-size:12.5px;color:var(--text-3);margin:0 0 22px}

/* table (cookies) */
.pg-table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:13.5px}
.pg-table th,.pg-table td{text-align:left;padding:8px 10px;border:1px solid var(--line);vertical-align:top}
.pg-table th{background:var(--surface-2);font-weight:700}
.pg-table td{background:var(--surface)}

/* contact form */
.pg-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:18px 0;box-shadow:var(--shadow-card)}
.pg-field{margin-bottom:14px}
.pg-field label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:5px}
.pg-field input,.pg-field textarea{width:100%;border:1px solid var(--line-2);border-radius:var(--r);background:var(--input);color:var(--text);font-size:14.5px;padding:10px 12px;font-family:inherit}
.pg-field input:focus,.pg-field textarea:focus{outline:none;border-color:var(--blue)}
.pg-field [aria-invalid="true"]{border-color:var(--red)}
.pg-err{font-size:12.5px;color:var(--red);margin:5px 0 0}
.pg-btn{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;border:none;border-radius:var(--r);font-size:14.5px;font-weight:700;padding:11px 22px;cursor:pointer}
.pg-btn:hover{background:var(--blue-hover)}
.pg-alt{font-size:13px;color:var(--text-2)}
/* honeypot — visually gone, still in the DOM for bots */
.pg-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* ── /pro (dealer landing) ── */
.pg-pro{max-width:860px}
.pg-lead{font-size:16px;color:var(--text-2);margin-bottom:24px}
.pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 26px}
@media (max-width:760px){.pro-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.pro-grid{grid-template-columns:1fr}}
.pro-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow-card)}
.pro-card .pro-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r);background:var(--blue-dim);color:var(--blue);margin-bottom:10px}
.pro-card .pro-ic svg{width:20px;height:20px}
.pro-card b{display:block;font-size:14.5px;margin-bottom:5px}
.pro-card p{font-size:13px;color:var(--text-2);line-height:1.5;margin:0}
.pro-steps{margin:0 0 22px;padding-left:22px}
.pro-steps li{font-size:14.5px;line-height:1.7;margin-bottom:6px}
.pro-cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.pro-alt{font-size:13.5px;color:var(--blue-txt)}

/* pricing box (/pro automatic purchase) */
.pro-price-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:0 0 28px;text-align:center;box-shadow:var(--shadow-card)}
.pro-price-box .pp-main{display:flex;align-items:baseline;justify-content:center;gap:7px;margin-bottom:6px}
.pro-price-box .pp-amount{font-size:34px;font-weight:800;letter-spacing:-.5px}
.pro-price-box .pp-per{font-size:14px;color:var(--text-2)}
.pro-price-box .pp-sub{font-size:13.5px;color:var(--text-2);line-height:1.6;max-width:520px;margin:0 auto 16px}
.pro-price-box form{display:inline-block}
.pro-price-box .pro-alt{display:block;margin-top:10px}
.pro-price-box .pp-note{font-size:12.5px;color:var(--text-3);margin:10px 0 0}
.pro-active{display:inline-flex;align-items:center;gap:8px;background:rgba(22,163,74,.12);color:#16a34a;border-radius:var(--r);font-size:13.5px;font-weight:600;padding:9px 14px;margin-bottom:12px}
.pro-active svg{width:16px;height:16px;flex:none}
.pro-ghost-btn{display:inline-flex;align-items:center;gap:7px;background:var(--hover);color:var(--text);border:1px solid var(--line-2);border-radius:var(--r);font-size:13.5px;font-weight:600;padding:10px 18px;cursor:pointer}
.pro-ghost-btn:hover{background:var(--hover-2)}