/* Karmet SEO Landing Pages v0.2.0 */
.karmet-seo-wrap{
  max-width:1120px;
  margin:0 auto;
  padding:72px 20px 90px;
  color:#071f33;
  font-family:inherit;
}
.karmet-seo-wrap *{box-sizing:border-box}
.karmet-seo-intro{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) 360px;
  gap:34px;
  align-items:stretch;
  margin-bottom:42px;
}
.karmet-seo-intro-copy,
.karmet-seo-summary-card,
.karmet-seo-section,
.karmet-seo-bottom-cta{
  background:#fff;
  border:1px solid #e3e8ef;
  border-radius:22px;
  box-shadow:0 18px 50px rgba(16,34,53,.07);
}
.karmet-seo-intro-copy{padding:38px 42px}
.karmet-seo-eyebrow,
.karmet-seo-section-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:7px 12px;
  border:1px solid #d6b956;
  border-radius:999px;
  background:#fff8df;
  color:#9d7416;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  line-height:1;
}
.karmet-seo-intro h2,
.karmet-seo-section h2,
.karmet-seo-bottom-cta h2{
  margin:16px 0 14px!important;
  color:#071f33!important;
  font-size:38px!important;
  line-height:1.15!important;
  letter-spacing:-.03em!important;
  font-weight:900!important;
  text-transform:none!important;
}
.karmet-seo-section h2,
.karmet-seo-bottom-cta h2{font-size:30px!important}
.karmet-seo-intro p,
.karmet-seo-section p,
.karmet-seo-bottom-cta p{
  margin:0 0 14px!important;
  color:#40506a!important;
  font-size:16px!important;
  line-height:1.72!important;
  font-weight:500!important;
}
.karmet-seo-lead{
  padding:18px 20px;
  border:1px solid #efe0aa;
  border-radius:16px;
  background:#fffaf0;
  color:#26384f!important;
}
.karmet-seo-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  margin-top:24px;
}
.karmet-seo-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px;
  padding:0 28px!important;
  border-radius:14px!important;
  background:#ebaf49!important;
  border:1px solid #ebaf49!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 10px 22px rgba(235,175,73,.28)!important;
}
.karmet-seo-btn:hover{background:#e3a53a!important;border-color:#e3a53a!important;color:#fff!important}
.karmet-seo-actions span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#40506a;
  font-size:14px;
  font-weight:800;
}
.karmet-seo-actions span:before{content:'✓';color:#1f9d63;font-weight:900}
.karmet-seo-summary-card{padding:28px}
.karmet-seo-summary-card h3{
  margin:0 0 18px!important;
  color:#071f33!important;
  font-size:24px!important;
  line-height:1.2!important;
  font-weight:900!important;
  text-transform:none!important;
}
.karmet-seo-facts{display:grid;gap:12px}
.karmet-seo-facts div{
  padding:14px 15px;
  border:1px solid #e5ebf1;
  border-radius:14px;
  background:#f8fafc;
}
.karmet-seo-facts span{
  display:block;
  margin-bottom:5px;
  color:#75849a;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.karmet-seo-facts strong{
  display:block;
  color:#071f33;
  font-size:14px;
  line-height:1.35;
  font-weight:900;
}
.karmet-seo-section{padding:34px 36px;margin-bottom:28px}
.karmet-seo-section-text{max-width:760px}
.karmet-seo-trust-grid,
.karmet-seo-payment-grid,
.karmet-seo-vehicle-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:22px;
}
.karmet-seo-trust-grid div,
.karmet-seo-payment-grid div,
.karmet-seo-vehicle{
  border:1px solid #e3e8ef;
  border-radius:18px;
  background:#fff;
  padding:22px;
  box-shadow:0 10px 26px rgba(16,34,53,.04);
}
.karmet-seo-trust-grid strong,
.karmet-seo-payment-grid strong,
.karmet-seo-vehicle strong{
  display:block;
  margin-bottom:8px;
  color:#071f33;
  font-size:17px;
  line-height:1.25;
  font-weight:900;
}
.karmet-seo-trust-grid p,
.karmet-seo-payment-grid p,
.karmet-seo-vehicle p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.55!important;
  color:#526079!important;
}
.karmet-seo-vehicle span{
  display:block;
  margin-bottom:11px;
  color:#7a8797;
  font-size:13px;
  font-weight:800;
}
.karmet-seo-payment{background:#fffaf0}
.karmet-seo-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.karmet-seo-payment-grid div{background:#fff}
.karmet-seo-link-card{
  display:inline-flex;
  align-items:center;
  min-height:52px;
  padding:0 20px;
  margin-top:8px;
  border:1px solid #d6b956;
  border-radius:14px;
  background:#fff8df;
  color:#071f33!important;
  font-weight:900;
  text-decoration:none!important;
}
.karmet-seo-faq-list{display:grid;gap:12px;margin-top:20px}
.karmet-seo-faq-list details{
  border:1px solid #e3e8ef;
  border-radius:16px;
  background:#fff;
  padding:18px 20px;
}
.karmet-seo-faq-list summary{
  cursor:pointer;
  color:#071f33;
  font-size:16px;
  font-weight:900;
  line-height:1.35;
}
.karmet-seo-faq-list p{
  margin:12px 0 0!important;
  color:#526079!important;
  font-size:15px!important;
  line-height:1.65!important;
}
.karmet-seo-bottom-cta{
  padding:42px 36px;
  text-align:center;
  background:linear-gradient(135deg,#071f33 0%,#102b45 100%);
  border:0;
}
.karmet-seo-bottom-cta h2,
.karmet-seo-bottom-cta p{color:#fff!important}
.karmet-seo-bottom-cta p{opacity:.86;margin-bottom:24px!important}
@media(max-width:1024px){
  .karmet-seo-intro{grid-template-columns:1fr}
  .karmet-seo-trust-grid,.karmet-seo-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .karmet-seo-wrap{padding:42px 16px 64px}
  .karmet-seo-intro{gap:18px;margin-bottom:24px}
  .karmet-seo-intro-copy,.karmet-seo-summary-card,.karmet-seo-section,.karmet-seo-bottom-cta{border-radius:18px}
  .karmet-seo-intro-copy,.karmet-seo-section{padding:24px 20px}
  .karmet-seo-summary-card{padding:22px 20px}
  .karmet-seo-intro h2{font-size:28px!important}
  .karmet-seo-section h2,.karmet-seo-bottom-cta h2{font-size:24px!important}
  .karmet-seo-intro p,.karmet-seo-section p{font-size:15px!important;line-height:1.62!important}
  .karmet-seo-actions{align-items:stretch;flex-direction:column}
  .karmet-seo-btn{width:100%}
  .karmet-seo-trust-grid,.karmet-seo-payment-grid,.karmet-seo-vehicle-grid{grid-template-columns:1fr;gap:12px}
  .karmet-seo-trust-grid div,.karmet-seo-payment-grid div,.karmet-seo-vehicle{padding:18px}
  .karmet-seo-bottom-cta{padding:30px 20px}
}
