/*
Theme Name: Usainsure DTM
Theme URI:
Author: Independent Insurance Agency
Description: Clean-room WordPress theme for a direct-to-market insurance lead intake page.
Version: 1.0.0
Text Domain: coverage-connect-dtm
*/
:root{--navy:#10243f;--blue:#1261d6;--blue2:#0c55bf;--ink:#18263a;--muted:#6a788b;--line:#e3e8ef;--bg:#f7f9fc;--green:#19865d}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit}.site-header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2))}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;color:var(--navy);font-size:19px}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--blue);display:grid;place-items:center;color:white;font-size:11px;font-weight:900}
.header-pill{border:1px solid #d8e6fb;background:#f2f7ff;color:#3b5c82;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700}
.container{max-width:1030px;margin:auto;padding:48px 22px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.eyebrow{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px}.hero h1{font-size:41px;line-height:1.08;letter-spacing:-1px;color:var(--navy);margin:0 0 11px}.hero p{font-size:15px;line-height:1.65;color:var(--muted);margin:0;max-width:680px}.secure{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:10px;white-space:nowrap}.secure-icon{width:28px;height:28px;border-radius:50%;background:#e9f7f0;color:var(--green);display:grid;place-items:center;font-weight:900}.secure b,.secure small{display:block}.secure b{font-size:12px}.secure small{font-size:10px;color:var(--muted);margin-top:2px}
.steps{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px 18px;display:flex;align-items:center;margin-bottom:17px}.step{display:flex;align-items:center;gap:9px;min-width:190px}.step-num{width:30px;height:30px;border-radius:50%;background:#edf1f6;color:#738095;display:grid;place-items:center;font-size:11px;font-weight:900}.step.active .step-num{background:var(--blue);color:#fff}.step b,.step small{display:block}.step b{font-size:12px}.step small{font-size:10px;color:var(--muted);margin-top:2px}.step-line{height:1px;background:#e3e8ef;flex:1;margin:0 10px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 32px rgba(16,36,63,.05);overflow:hidden}.card-head{padding:25px 32px;border-bottom:1px solid #edf0f4}.card-head h2{margin:0;color:var(--navy);font-size:19px}.card-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.form-body{padding:31px}.section{padding-bottom:29px;margin-bottom:29px;border-bottom:1px solid #edf0f4}.section:last-of-type{border-bottom:0;margin-bottom:0}.section-title{display:flex;gap:13px;margin-bottom:20px}.section-num{width:31px;height:31px;border-radius:8px;background:#eef5ff;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:900}.section-title h3{font-size:16px;color:var(--navy);margin:0}.section-title p{font-size:11px;color:var(--muted);margin:4px 0 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:800;color:#344357}.field input,.field select,.field textarea{width:100%;margin-top:7px;border:1px solid #d8e0e9;border-radius:10px;padding:12px 13px;font:inherit;font-size:13px;color:var(--ink);background:#fff;outline:none}.field textarea{min-height:95px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#70a5ef;box-shadow:0 0 0 3px #eaf2ff}
.note{display:flex;gap:12px;background:#f7faff;border:1px solid #dbe9fb;border-radius:11px;padding:14px 16px;margin-top:20px}.note-icon{width:24px;height:24px;border-radius:50%;background:#deedff;color:var(--blue);display:grid;place-items:center;font-weight:900;flex:none}.note strong{font-size:11px}.note p{font-size:10px;line-height:1.55;color:#68788c;margin:4px 0 0}
.consent{margin:19px 0}.consent label{display:flex;gap:9px;align-items:flex-start;font-size:10px;line-height:1.55;color:#65758a}.consent input{margin-top:2px}
.button{width:100%;border:0;border-radius:11px;padding:15px;background:var(--blue);color:#fff;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 7px 18px rgba(18,97,214,.19)}.button:hover{background:var(--blue2)}.button:disabled{opacity:.65;cursor:wait}.msg{text-align:center;min-height:18px;font-size:11px;margin-top:12px}.msg.ok{color:var(--green)}.msg.err{color:#b42318}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:18px}.trust>div{background:#fff;text-align:center;padding:17px 10px}.trust b,.trust span{display:block}.trust b{font-size:10px;color:var(--navy)}.trust span{font-size:9px;color:var(--muted);margin-top:4px}
.site-footer{background:#fff;border-top:1px solid var(--line);padding:38px max(22px,calc((100vw - 1030px)/2));display:grid;grid-template-columns:1.3fr 1fr 1.4fr;gap:32px}.site-footer p{font-size:10px;color:var(--muted);line-height:1.65}.footer-contact a{display:block;text-decoration:none;font-size:11px;font-weight:800;margin:6px 0;color:var(--navy)}.legal{text-align:right}.footer-disclosures{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;margin-top:2px}.footer-disclosures p{margin:6px 0;font-size:10px;line-height:1.6;color:#5f6f83}.footer-disclosures a{font-weight:800;color:var(--navy)}.gov-disclaimer{font-weight:800;color:var(--navy)!important}.tpmo-disclaimer{max-width:1000px}
.thanks{display:none;text-align:center;padding:50px 20px}.thanks h2{color:var(--navy)}.thanks p{color:var(--muted);font-size:13px}
@media(max-width:760px){.site-header{padding:0 15px}.header-pill{display:none}.container{padding:30px 14px}.hero{display:block}.hero h1{font-size:32px}.secure{margin-top:17px;width:max-content}.steps{overflow:auto}.step{min-width:150px}.step-line{min-width:25px}.card-head{padding:21px}.form-body{padding:21px}.grid{grid-template-columns:1fr}.field.full{grid-column:auto}.trust{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr;padding:30px 17px}.legal{text-align:left}}