/* ===== InsuranceQuotesForCarInsurance.com ===== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial,Helvetica,sans-serif;
background:#f8fafc;
color:#0f172a;
line-height:1.7;
}

.container{
width:92%;
max-width:1180px;
margin:auto;
}

a{
text-decoration:none;
color:inherit;
}

.topbar{
background:#0f172a;
color:#fff;
padding:8px 0;
text-align:center;
font-size:.9rem;
}

header{
background:#fff;
border-bottom:1px solid #e5e7eb;
position:sticky;
top:0;
z-index:999;
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 0;
}

.logo{
font-size:1.45rem;
font-weight:800;
color:#0f766e;
}

.logo span{
color:#0f172a;
}

.navlinks{
display:flex;
gap:22px;
font-weight:700;
font-size:.95rem;
}

.btn{
display:inline-block;
background:#0f766e;
color:#fff;
padding:13px 22px;
border-radius:12px;
font-weight:800;
transition:.3s;
}

.btn:hover{
opacity:.9;
}

.btn.alt{
background:#f97316;
}

.hero{
background:linear-gradient(135deg,#ecfeff,#f0fdf4);
padding:70px 0;
}

.hero-grid{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:40px;
align-items:center;
}

.badge{
display:inline-block;
background:#ccfbf1;
color:#115e59;
padding:8px 14px;
border-radius:999px;
font-weight:800;
margin-bottom:18px;
}

h1{
font-size:3rem;
line-height:1.1;
margin-bottom:20px;
}

.hero p{
font-size:1.1rem;
color:#334155;
margin-bottom:22px;
}

.hero-actions{
display:flex;
gap:14px;
flex-wrap:wrap;
}

.quote-card{
background:#fff;
padding:28px;
border-radius:24px;
box-shadow:0 20px 50px rgba(15,23,42,.12);
}

.quote-card h2{
margin-bottom:12px;
}

.form-row{
margin-bottom:14px;
}

label{
display:block;
font-weight:800;
margin-bottom:6px;
}

input,
select,
textarea{
width:100%;
padding:14px;
border:1px solid #cbd5e1;
border-radius:12px;
font-size:1rem;
}

.section{
padding:64px 0;
}

.section h2{
text-align:center;
font-size:2.2rem;
margin-bottom:14px;
}

.section-intro{
max-width:760px;
margin:0 auto 36px;
text-align:center;
color:#475569;
}

.grid-2{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}

.grid-3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
}

.grid-4{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

.card{
background:#fff;
border:1px solid #e2e8f0;
padding:24px;
border-radius:20px;
box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.card h3{
margin-bottom:10px;
}

.card p{
color:#475569;
}

.link-card{
display:inline-block;
margin-top:12px;
font-weight:800;
color:#0f766e;
}

.dark{
background:#0f172a;
color:#fff;
}

.dark .card{
background:#1e293b;
border-color:#334155;
}

.dark p{
color:#cbd5e1;
}

.calculator{
background:#fff;
padding:30px;
border-radius:24px;
border:1px solid #e2e8f0;
}

.calc-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}

.result{
margin-top:18px;
background:#ecfdf5;
border:1px solid #99f6e4;
padding:18px;
border-radius:16px;
font-weight:800;
text-align:center;
color:#115e59;
}

table{
width:100%;
border-collapse:collapse;
background:#fff;
}

th{
background:#0f766e;
color:#fff;
}

th,td{
padding:16px;
border-bottom:1px solid #e5e7eb;
text-align:left;
}

.cta-band{
background:linear-gradient(135deg,#0f766e,#115e59);
color:#fff;
padding:50px;
border-radius:28px;
text-align:center;
}

footer{
background:#020617;
color:#cbd5e1;
padding:48px 0;
}

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:28px;
}

footer h3,
footer h4{
color:#fff;
margin-bottom:12px;
}

footer a{
display:block;
margin-bottom:8px;
}

.disclosure{
margin-top:20px;
font-size:.85rem;
color:#64748b;
}

@media(max-width:900px){

.hero-grid,
.grid-2,
.grid-3,
.grid-4,
.calc-grid,
.footer-grid{
grid-template-columns:1fr;
}

.navlinks{
display:none;
}

h1{
font-size:2.2rem;
}

.section h2{
font-size:1.8rem;
}

}