/* === Free Audit Page (scoped) === */
.audit {
  --bg:#f4f7fb;
  --panel:#ffffff;
  --ink:#0f172a;
  --muted:#64748b;
  --brand:#12616E; /* unified brand color */
  --ok:#12616E;
  --radius:18px;
  --shadow-card: 0 12px 40px -18px rgb(2 6 23 / 28%), 0 6px 18px -10px rgb(2 6 23 / 12%);
  --ring: 0 0 0 4px rgba(18,97,110,.14), 0 10px 30px -12px rgba(18,97,110,.45);

  font-family: Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:
    radial-gradient(1200px 700px at 10% -10%, #eef7f7 0%, transparent 60%),
    radial-gradient(900px 500px at 110% 10%, #f1fbfa 0%, transparent 55%),
    var(--bg);
  color: var(--ink);
  line-height: 1.45;
  position: relative;
  isolation: isolate;
}

.audit .wrap{max-width:1100px; padding:40px 18px 80px; margin:0 auto;}
.audit .headline{text-align:center; margin-bottom:24px;}
.audit .headline h1{
  font-size: clamp(28px, 2.8vw + 10px, 44px);
  margin:0 0 6px; font-weight:800; letter-spacing:-.3px;
}
.audit .headline h1 .accent{color:var(--brand)}
.audit .headline p{margin:0; color:var(--muted); font-weight:500;}

.audit .grid{display:grid; grid-template-columns: 1.3fr .9fr; gap:24px;}
@media (max-width: 980px){ .audit .grid{grid-template-columns: 1fr} }

.audit .card{
  background:var(--panel);
  border-radius:var(--radius);
  box-shadow: var(--shadow-card);
  border:1px solid #eef2ff;
}

.audit form{padding:24px}
.audit .form-head{font-weight:700; font-size:18px; margin-bottom:6px;}
.audit .form-sub{color:var(--muted); font-size:14px; margin-bottom:18px}
.audit .grid-2{display:grid; grid-template-columns: 1fr 1fr; gap:14px;}
.audit .grid-1{display:grid; grid-template-columns: 1fr; gap:14px}
@media (max-width:680px){ .audit .grid-2{grid-template-columns: 1fr} }

.audit label{
  display:block; font-size:12px; font-weight:700;
  margin:6px 0 6px 2px; color:#0b1220; letter-spacing:.2px;
}

.audit input[type="text"],
.audit input[type="email"],
.audit input[type="tel"],
.audit input[type="url"],
.audit select,
.audit textarea{
  width:100%; padding:12px 14px; border-radius:12px; border:1px solid #e6eaf5; background:#fbfcff;
  font:600 14px/1.2 Montserrat, sans-serif; color:#0b1220; outline:none;
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
  box-shadow: inset 0 1px 0 0 #ffffff, 0 1px 0 rgba(255,255,255,.4);
}
.audit textarea{min-height:120px; resize:vertical}
.audit input::placeholder, .audit textarea::placeholder{color:#9aa7bd; font-weight:500}
.audit input:focus, .audit select:focus, .audit textarea:focus{
  border-color:#cfe0ff; box-shadow: var(--ring); background:#fff;
}

.audit .checks{display:grid; grid-template-columns: 1fr 1fr; gap:8px 18px; margin-top:6px;}
@media (max-width:680px){ .audit .checks{grid-template-columns:1fr} }
.audit .check{display:flex; align-items:center; gap:10px; font-size:14px; color:#1f2937; font-weight:600;}
.audit .check input{width:18px; height:18px; accent-color:var(--brand)}

.audit .agree{display:flex; align-items:flex-start; gap:10px; font-size:13px; color:var(--muted); margin:12px 0 2px;}
.audit .agree input{margin-top:2px; width:18px; height:18px; accent-color:var(--brand)}

.audit .submit-bar{display:flex; align-items:center; gap:14px; margin-top:12px;}
.audit .btn{
  appearance:none; border:0; border-radius:14px; padding:14px 18px;
  font-weight:800; font-size:15px; letter-spacing:.2px; color:#fff; cursor:pointer;
  background: var(--brand); /* solid brand color */
  box-shadow: 0 14px 30px -10px rgba(18,97,110,.60), inset 0 -6px 10px rgba(0,0,0,.10);
  transition: transform .06s ease, background .25s ease, filter .2s ease;
}
.audit .btn:hover{
  background:#1889A3; /* hover color you requested */
  filter:brightness(1.03);
}
.audit .btn:active{transform: translateY(1px)}
.audit .btn[disabled]{opacity:.7; cursor:not-allowed; filter:saturate(.4)}
.audit .note{font-size:12px; color:var(--muted)}

.audit .stack{display:grid; gap:18px; padding:6px 6px 6px}
.audit .info{padding:18px 18px}
.audit .info h4{margin:6px 0 14px; font-size:16px}
.audit .row{display:grid; grid-template-columns: 24px 1fr; gap:10px; align-items:start; padding:8px 0}
.audit .row+.row{border-top:1px dashed #ecf1ff; padding-top:12px}
.audit .muted{color:var(--muted); font-size:14px}
.audit .feature{display:grid; grid-template-columns: 22px 1fr; gap:10px; align-items:start; padding:8px 0}
.audit .rating{display:flex; align-items:center; gap:8px; font-weight:700}
.audit .stars{font-size:20px; letter-spacing:2px; color:#f5b400} /* keep original gold rating */

.audit .toast{
  position: fixed; z-index: 9999; left: 50%; transform: translateX(-50%) translateY(20px);
  bottom: 24px; background:#0b1220; color:#fff; padding:12px 16px; border-radius:12px;
  box-shadow: 0 10px 25px -12px rgb(2 6 23 / 50%); opacity:0; pointer-events:none;
  transition: opacity .25s ease, transform .25s ease; font-weight:700;
}
.audit .toast.show{opacity:1; transform: translateX(-50%) translateY(0)}
.audit .toast.ok{background:#0d3f2f}
.audit .toast.err{background:#4b1111}

/* keep each icon color unique */
.audit .ico{width:22px; height:22px; display:inline-grid; place-items:center;}
.audit .ico.phone{color:#2563eb}
.audit .ico.mail{color:#0ea5e9}
.audit .ico.pin{color:#f97316}
.audit .ico.clock{color:#16a34a}
.audit .ico.tick{color:#22c55e}