:root{
  --max-width:1100px;
  --accent:#A7C5E7;
  --accent-dark:#5B8BC1;
  --highlight:#FAD956;
  --muted:#9B9B8F;
  --bg:#f7fafc;
  --card:#ffffff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  color:#333333;
  background:#f9fafb;
  line-height:1.6;
}
.container{max-width:var(--max-width);margin:0 auto;padding:1.25rem}
.site-header{background:transparent;padding:1rem 0;border-bottom:2px solid var(--accent)}
.brand{margin:0;font-size:clamp(3.5rem,5vw+1.2rem,4.5rem);line-height:1.05;font-weight:800;color:var(--accent-dark)}
.hero{display:flex;gap:2rem;align-items:flex-start;padding:2rem 0}
.hero-left{flex:1}
.headline{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#1a1a1a}
.subhead{color:var(--muted);margin:0 0 1.5rem;font-size:1rem;line-height:1.7}
.hero-right{flex:1;display:flex;justify-content:center}
.hero-right img{max-width:100%;height:auto;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.lead-form input,
.lead-form textarea{padding:.85rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;transition:border-color 0.2s;width:100%;resize:vertical;font-family:inherit;}
.lead-form input:focus,
.lead-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(167,197,231,0.1)}
.btn-primary{background:linear-gradient(135deg, var(--highlight) 0%, #f5c844 100%);color:#111111;border:none;padding:.85rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem;transition:transform 0.2s,box-shadow 0.2s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(250,217,86,0.3)}
.btn-primary:focus{outline:3px solid rgba(91,139,193,0.9);outline-offset:3px}
.btn-secondary{background:#eef2f7;color:#111;border:2px solid #d5d9de;padding:.85rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:transform 0.2s,box-shadow 0.2s}
.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,0.05)}
.btn-secondary:focus{outline:3px solid rgba(91,139,193,0.9);outline-offset:3px}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.5rem 1rem;background:#000;color:#fff;border-radius:4px;z-index:9999}

.honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.testimonial:focus{outline:3px solid rgba(167,197,231,0.6);outline-offset:2px}
.form-message{margin:.75rem 0 0;font-size:.95rem;font-weight:500}
.form-message.success{color: #075E54;}
.form-message.error{color: crimson;}
.privacy-note{font-size:.85rem;color:var(--muted);margin-top:.5rem}

.features{padding:2rem 0;background:transparent}
.features h3{font-size:1.5rem;font-weight:700;color:var(--accent-dark);margin:0 0 1rem}
.features ul{display:flex;gap:1rem;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.features li{background:var(--card);padding:1rem 1.25rem;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.05);border-left:4px solid var(--highlight);font-weight:500;color:#333}

.how{padding-top:8rem;padding-bottom:2rem}
.how h3{font-size:1.5rem;font-weight:700;color:var(--accent-dark);margin:0 0 1rem}
.how ol{margin:0;padding-left:2rem;color:#333}
.how li{margin-bottom:.75rem;line-height:1.6}

.testimonials{padding:2rem 0;background:linear-gradient(180deg, rgba(167,197,231,0.04), transparent)}
.testimonials h3{font-size:1.5rem;font-weight:700;color:var(--accent-dark);margin:0 0 1rem}
.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.testimonial{background:var(--card);padding:1rem 1.25rem;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.06);border-left:4px solid var(--accent);font-style:normal}
.testimonial p{margin:0 0 .75rem;font-size:1rem;color:#222;line-height:1.5}
.testimonial cite{color:var(--muted);font-size:.9rem}

.site-footer{padding:2rem 0;color:var(--muted);font-size:.9rem;border-top:1px solid #e5e7eb;text-align:center}
.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

@media (max-width:800px){
  .hero{flex-direction:column}
  .hero-right{order:-1}
  .headline{font-size:1.5rem}
  .lead-form{max-width:100%}
  .features ul{flex-direction:column}
  .features li{width:100%}
  .testimonial-grid{grid-template-columns:1fr}
}