/* AI My Biz /plumbers: same palette, font and lockup as the main site, simple single-column layout (mobile first). */
@font-face{font-family:"Inter";src:url(/fonts/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--cream:#faf8f2;--navy:#0b1f3b;--cobalt:#154ef4;--lime:#d3fa6f;--ink:#020a24;--body:#1e2946;--muted:#5b657f;--line:#dddedc}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:12px}
body{font-family:"Inter",system-ui,sans-serif;font-optical-sizing:none;font-variation-settings:"opsz" 32;background:var(--cream);color:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.4}
svg{display:block}a{color:inherit}ul,ol{list-style:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:focus-visible{outline:3px solid #6f98ff;outline-offset:2px}
h1,h2,h3,.brand-t{color:var(--ink);font-weight:800}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}
.brand{display:inline-flex;align-items:flex-start;gap:2px;text-decoration:none}
.brand-t{font-size:26px;letter-spacing:-.045em;line-height:1}
.brand-sp{width:20px;height:20px;color:var(--lime);margin-top:-6px;margin-left:-2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;font-weight:600;text-decoration:none;line-height:1;height:48px;padding:0 22px;font-size:16px;border:0;cursor:pointer;font-family:inherit}
.btn-blue{background:var(--cobalt);color:#fff}.btn-lime{background:var(--lime);color:var(--ink)}
.btn-alt{background:#fff;color:var(--ink);border:1.5px solid #c9ccd6}
.btn:hover{filter:brightness(1.07)}
.btn .ar{width:14px;height:10px}
.hdr .btn{height:40px;font-size:14px;padding:0 16px}
.eyebrow{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#0e1d40;margin-top:18px}
h1{font-size:clamp(44px,14.5vw,76px);line-height:.97;letter-spacing:-.045em;margin:10px 0 18px}
h1 span{display:block}.h1b{color:var(--cobalt)}
.lead{font-size:19px;line-height:1.4;max-width:34em}
.acts{display:grid;gap:10px;margin-top:22px}
.note{font-size:13px;color:var(--muted);margin-top:12px}
section{padding:34px 0}
h2{font-size:clamp(28px,7.5vw,40px);letter-spacing:-.035em;line-height:1.05;margin-bottom:16px}
.steps{display:grid;gap:12px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 16px 16px 64px;position:relative}
.step::before{counter-increment:s;content:"0" counter(s);position:absolute;left:16px;top:14px;font-weight:800;font-size:22px;color:var(--cobalt);letter-spacing:-.03em}
.step h3{font-size:18px;margin-bottom:3px}.step p{font-size:15px;color:var(--body)}
.sms{margin-top:12px;background:var(--navy);color:#fff;border-radius:14px;padding:16px 18px;font-size:15px;line-height:1.4;max-width:420px}
.sms small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a9b6d6;margin-bottom:8px}
.sms p{background:#fff;color:var(--ink);border-radius:12px 12px 12px 3px;padding:10px 12px}
.next{font-size:15px;margin-top:14px;color:var(--body)}
.about{background:var(--navy);color:#fff;border-radius:14px;padding:24px 20px}
.about h2{color:#fff}.about p{font-size:17px;line-height:1.45;color:#e7ecf7;margin-bottom:10px;max-width:36em}
.price{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 20px;max-width:560px}
.price .tag{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cobalt)}
.price h3{font-size:22px;margin:6px 0 4px}
.price .amt{font-size:40px;font-weight:800;color:var(--ink);letter-spacing:-.04em;margin:8px 0 2px}.price .amt small{font-size:16px;font-weight:600;color:var(--muted);letter-spacing:0}
.price p{font-size:15px}
.price .fine{font-size:12.5px;color:var(--muted);margin-top:10px}
.form{display:grid;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;max-width:560px}
.form label{display:grid;gap:5px;font-size:14px;font-weight:600;color:var(--ink)}
.form .opt{font-weight:400;color:var(--muted)}
.form input{font:inherit;font-size:16px;font-weight:400;border:1px solid #b9bfca;border-radius:6px;padding:12px;color:var(--ink);background:#fff;width:100%}
.form input[aria-invalid=true]{border-color:#c0261d;background:#fff6f5}
.form .err{font-size:12.5px;font-weight:500;color:#c0261d}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .btn{width:100%}.form .btn[disabled]{opacity:.6;cursor:wait}
.fine{font-size:12.5px;color:var(--muted)}
.msg.bad{color:#c0261d;font-size:14px;font-weight:500}
.done{background:#fff;border:1px solid var(--line);border-left:5px solid var(--lime);border-radius:10px;padding:18px;max-width:560px;font-size:16px}
.done b{display:block;font-size:20px;color:var(--ink);margin-bottom:4px}
.ftr{border-top:1px solid var(--line);margin-top:30px;padding:22px 0 40px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:13px;color:var(--muted)}
.ftr a{color:var(--muted)}
@media (min-width:821px){
 .wrap{padding:0 40px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start;padding-top:14px}
 .acts{grid-template-columns:auto auto;justify-content:start}
 .steps{grid-template-columns:repeat(3,1fr)}
 .step{padding:60px 18px 18px}.step::before{top:16px}
 .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
 section{padding:46px 0}
}
h1.long{font-size:clamp(34px,9.5vw,56px);line-height:1.02}
