/* BCR Credit Repair — mobile-first base styles */
:root{
  --blue:#1c6fc9;
  --blue-light:#3a94e6;
  --blue-dark:#0f3d66;
  --blue-pale:#eaf3fc;
  --green:#3fae5a;
  --amber-cta:#f2a71b;
  --gray:#5b6b7f;
  --gray-light:#e2e8f0;
  --amber:#e0a800;
  --amber-bg:#fff8e6;
  --radius:10px;
  --max:1080px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:-apple-system,"Segoe UI",Arial,sans-serif;
  color:var(--blue-dark);
  line-height:1.6;
  background:#fff;
}
img{max-width:100%;display:block;}
a{color:var(--blue);}
.container{max-width:var(--max);margin:0 auto;padding:0 18px;}

/* Top utility bar: language toggle + phone */
.utility-bar{
  background:linear-gradient(180deg,var(--blue-light),var(--blue));
  color:#eaf3fc;
  font-size:13.5px;
}
.utility-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;padding-top:6px;padding-bottom:6px;}
.utility-bar a{color:#fff;text-decoration:none;font-weight:600;}
.lang-toggle a{color:#e2eefb;text-decoration:none;padding:2px 4px;}
.lang-toggle a.active{color:#fff;text-decoration:underline;}

/* Header */
header.site-header{background:#fff;box-shadow:0 1px 3px rgba(15,61,102,.12);}
header.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px;gap:12px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;}
.brand img{
  width:84px;height:84px;border-radius:50%;
  border:3px solid var(--blue);
  box-shadow:0 2px 6px rgba(15,61,102,.18);
  background:#fff;
}
.brand-text{line-height:1.3;}
.brand-text .name{font-weight:800;font-size:23px;color:var(--blue-dark);letter-spacing:-.01em;}
.brand-text .tagline{font-size:12.5px;color:var(--gray);}
@media(min-width:700px){
  .brand img{width:96px;height:96px;}
  .brand-text .name{font-size:27px;}
}

/* Nav: blue-gradient bar echoing the legacy site's button-style nav */
nav.main-nav{background:linear-gradient(180deg,var(--blue-light),var(--blue-dark));}
nav.main-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:6px 0;}
nav.main-nav li{flex:1 1 auto;}
nav.main-nav a{
  display:block;padding:11px 14px;font-size:14px;font-weight:700;text-decoration:none;color:#fff;
  text-align:center;border-radius:6px;white-space:nowrap;
}
nav.main-nav a:hover{background:rgba(255,255,255,.15);}
nav.main-nav a.active{background:rgba(255,255,255,.22);}
nav.main-nav a.nav-highlight{background:var(--amber-cta);color:var(--blue-dark) !important;}
nav.main-nav a.nav-highlight:hover,nav.main-nav a.nav-highlight.active{background:#e0960f;}

.cta-button{
  display:inline-block;background:var(--blue);color:#fff !important;font-weight:700;font-size:14.5px;
  padding:11px 20px;border-radius:8px;text-decoration:none;white-space:nowrap;
}
.cta-button:hover{background:var(--blue-dark);}
.cta-button.secondary{background:#fff;color:var(--blue) !important;border:2px solid var(--blue);padding:9px 18px;}

@media(min-width:860px){
  nav.main-nav ul{padding:0;}
  nav.main-nav li{flex:none;}
  nav.main-nav a{padding:13px 16px;border-radius:0;}
}

/* New-site banner (used only on the legacy bcrconsulting.us site) */
.new-site-banner{background:var(--blue);color:#fff;text-align:center;padding:10px 14px;font-size:14.5px;font-weight:600;}
.new-site-banner a{color:#fff;text-decoration:underline;}

/* Hero */
.hero{background:linear-gradient(180deg,var(--blue-pale),#fff);padding:36px 0 30px;}
.hero h1{font-size:28px;line-height:1.25;margin:0 0 12px;color:var(--blue-dark);}
.hero p.lead{font-size:16.5px;color:var(--gray);margin:0 0 20px;max-width:640px;}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;}
@media(min-width:700px){.hero h1{font-size:36px;}}

/* Credential strip */
.credential-strip{background:var(--blue-dark);color:#fff;padding:16px 0;}
.credential-strip .container{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:center;text-align:center;font-size:13.5px;}
.credential-strip strong{display:block;font-size:14.5px;}

/* Cards / sections */
section{padding:34px 0;}
section h2{font-size:23px;margin:0 0 8px;}
section p.section-lead{color:var(--gray);margin:0 0 24px;max-width:680px;}
.grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media(min-width:700px){.grid.cols-3{grid-template-columns:repeat(3,1fr);}.grid.cols-2{grid-template-columns:repeat(2,1fr);}}
.card{border:1px solid var(--gray-light);border-radius:var(--radius);padding:20px;background:#fff;}
.card h3{margin:0 0 8px;font-size:17px;}
.card p{margin:0;color:var(--gray);font-size:14.5px;}

/* Pricing table */
table.pricing{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;}
table.pricing th,table.pricing td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--gray-light);}
table.pricing th{background:var(--blue-pale);font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--blue-dark);}

.notice{background:var(--amber-bg);border-left:4px solid var(--amber);padding:14px 16px;border-radius:6px;font-size:14px;color:#5a4a1f;margin:18px 0;}

/* Contact / forms */
.form-wrap{max-width:560px;}
.field{margin-bottom:16px;}
.field label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;}
.field input,.field select,.field textarea{
  width:100%;padding:12px 12px;font-size:16px;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;
}
.field textarea{min-height:110px;resize:vertical;}
.field-note{font-size:12.5px;color:var(--gray);margin-top:4px;}
.hp-field{position:absolute;left:-9999px;top:-9999px;}
#confirmation{display:none;background:var(--blue-pale);border:1px solid var(--blue);border-radius:var(--radius);padding:22px;margin-top:18px;}
#confirmation h3{margin-top:0;}
button.submit-btn{
  background:var(--blue);color:#fff;font-weight:700;font-size:16px;padding:13px 22px;border:0;border-radius:8px;cursor:pointer;width:100%;
}
button.submit-btn:disabled{opacity:.6;cursor:not-allowed;}
@media(min-width:600px){button.submit-btn{width:auto;}}

/* Footer */
footer{background:#f4f6f8;border-top:1px solid var(--gray-light);padding:28px 0;font-size:13px;color:var(--gray);}
footer .nap{margin-bottom:14px;}
footer .credentials-line{margin-bottom:14px;color:var(--blue-dark);}
footer a{color:var(--gray);}
footer .legal-links a{margin-right:12px;}

.payment-methods{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0;}
@media(min-width:700px){.payment-methods{grid-template-columns:repeat(2,1fr);}}
.payment-methods .card strong{display:block;color:var(--blue);font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}

/* Required-before-consultation callout (reports gate) */
.gate-notice{background:var(--blue-dark);color:#fff;border-radius:var(--radius);padding:20px 22px;margin:18px 0;}
.gate-notice h3{margin:0 0 8px;color:#fff;font-size:17px;}
.gate-notice p{margin:0;color:#dbe6f5;font-size:14.5px;}
.gate-notice a{color:#fff;text-decoration:underline;font-weight:700;}

/* Option toggle (e.g. upload vs. type-in-details) */
.option-toggle{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.option-toggle button{
  flex:1 1 200px;padding:12px 14px;border:2px solid var(--gray-light);background:#fff;border-radius:8px;
  font-weight:700;font-size:14.5px;color:var(--gray);cursor:pointer;
}
.option-toggle button.active{border-color:var(--blue);color:var(--blue);background:var(--blue-pale);}
.option-panel{display:none;}
.option-panel.active{display:block;}

.field input[type="file"]{
  width:100%;padding:10px;font-size:14.5px;border:1px dashed #9db4cc;border-radius:8px;background:var(--blue-pale);
}
.field-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--gray);margin-bottom:16px;}
.field-checkbox input{margin-top:3px;}