/* Mobile-first, lightweight styles */
/* Palette: solar/skyblue/ocean/green mix */
:root{
  --bg:#f6fbff;
  --card:#ffffff;
  --primary:#0e7aa5; /* ocean blue */
  --accent:#00a86b;  /* green */
  --muted:#6b7280;
  --max-width:1100px;
  --radius:8px;
  --shadow: 0 6px 18px rgba(14,122,165,0.08);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#f1fbff 0%,#f7fff5 100%);color:#0f1724;line-height:1.5}
.container{width:95%;max-width:var(--max-width);margin:0 auto;padding:24px}
.site-header{background:transparent;padding:12px 0;position:sticky;top:0;z-index:30}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:700;color:var(--primary);text-decoration:none;font-size:1.2rem}
.nav{display:flex;gap:12px;align-items:center}
.nav a{color:var(--muted);text-decoration:none;padding:8px;border-radius:6px}
.nav a.phone{background:var(--primary);color:#fff;padding:8px 12px}
.nav-toggle{display:none;background:none;border:0;font-size:1.2rem;color:var(--primary)}

.hero{padding:28px 0}
.hero-inner{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}
.hero-text h1{font-size:1.6rem;margin:0 0 8px}
.lead{color:var(--muted);margin:0 0 12px}
.cta-row{display:flex;gap:10px;margin-top:12px}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;text-decoration:none;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff}
.btn-outline{background:transparent;color:var(--primary);border-color:rgba(14,122,165,0.12)}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.hero-form .card{max-width:420px}
.trust-list{list-style:none;padding:0;margin:12px 0 0;color:var(--muted)}
.features .grid{display:grid;grid-template-columns:1fr;gap:12px}
.feature h3{margin-top:0}
.steps{background:transparent;padding-left:18px}
.faq .q{margin-bottom:14px}
.partners .partner-links{list-style:none;padding:0;margin:0}
.small{font-size:0.9rem;color:var(--muted)}
.form-card{background:var(--card);padding:18px;border-radius:8px;box-shadow:var(--shadow)}
fieldset{border:0;padding:0;margin:0 0 16px}
label{display:block;font-weight:600;margin:8px 0 6px}
input,select,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6eef2;background:#fff}
.dob-row{display:flex;gap:8px}
.form-actions{display:flex;gap:10px;align-items:center;margin-top:12px}

/* Footer */
.site-footer{padding:18px 0;background:transparent;border-top:1px solid rgba(14,122,165,0.06)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}

/* Desktop */
@media(min-width:900px){
  .hero-inner{grid-template-columns:1fr 420px}
  .features .grid{grid-template-columns:repeat(3,1fr)}
  .nav-toggle{display:none}
}

/* Small desktop/tablet navigation toggle */
@media(max-width:899px){
  .nav{display:none}
  .nav-toggle{display:block}
  .site-header.small .nav{display:flex}
  .header-inner{gap:12px}
}
/* Append or merge these blog/cta styles into your existing styles.css */
/* Blog & CTA additions */
.blog-search{margin:18px 0}
.blog-list .blog-item{padding:16px}
.blog-list .blog-item .meta{color:var(--muted);font-size:0.9rem;margin-bottom:8px}
.hero-compact{background:linear-gradient(90deg, rgba(14,122,165,0.04), rgba(0,168,107,0.03));padding:16px;border-radius:10px;margin-bottom:16px}
.grid.cols-2{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:900px){ .grid.cols-2{grid-template-columns:1fr 1fr} }

/* Action bar (sticky CTA) */
.action-bar{position:fixed;left:12px;right:12px;bottom:12px;background:#fff;border-radius:12px;padding:10px;display:flex;gap:8px;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(2,22,40,0.08);z-index:999}
.action-bar .phone{padding:8px 12px;border-radius:8px;text-decoration:none;color:#fff;background:var(--accent)}
.pill{background:rgba(0,168,107,0.08);padding:6px 10px;border-radius:999px;color:var(--accent);font-weight:700}

/* Read more link styling */
.read-more{display:inline-block;margin-top:10px;color:var(--primary);text-decoration:none}

/* Small utility */
.meta{color:var(--muted);font-size:0.9rem}