body{margin:0;font-family:Arial,sans-serif;color:#18352a;background:#f7faf8;line-height:1.6}
a{color:#176b4d;text-decoration:none}.wrap{max-width:1100px;margin:auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #dce8e1}nav{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:72px}
.navlinks{display:flex;gap:16px;flex-wrap:wrap}.brand{font-weight:800;color:#18352a}.hero{padding:64px 0;background:#eef7f2}
h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08;margin:0 0 18px}h2{font-size:2rem}
section{padding:42px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.card{background:#fff;border:1px solid #dce8e1;border-radius:14px;padding:22px}.cta{display:inline-block;background:#176b4d;color:#fff;padding:14px 20px;border-radius:10px;font-weight:700;margin-top:12px}
.quick,.notice{background:#fff;border-left:5px solid #176b4d;padding:16px 18px;border-radius:8px}.notice{border-left-color:#b66a00;background:#fff7e9}
footer{background:#123528;color:#eef7f2;padding:40px 0}footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
@media(max-width:760px){nav{flex-direction:column;align-items:flex-start;padding:16px 0}}

.pricebox{background:#fff;border:2px solid #176b4d;border-radius:14px;padding:20px;margin:22px 0}
.sourcebox{background:#f1f5f3;border:1px solid #dce8e1;border-radius:10px;padding:15px 18px;margin:22px 0;font-size:.94rem}
.faq details{background:#fff;border:1px solid #dce8e1;border-radius:10px;padding:14px 16px;margin:10px 0}
.faq summary{font-weight:700;cursor:pointer}
table{width:100%;border-collapse:collapse;background:#fff;margin:18px 0}
th,td{border:1px solid #dce8e1;padding:12px;vertical-align:top;text-align:left}
th{background:#eef7f2}
.breadcrumbs{font-size:.9rem;padding-top:18px;color:#5e6f66}


/* Homepage hero: keep comparison card on the RIGHT on desktop/tablet */
.hero .wrap.hero-split{
  display:grid !important;
  grid-template-columns:minmax(0, 1.05fr) minmax(330px, 0.95fr) !important;
  gap:28px !important;
  align-items:center !important;
  max-width:1180px;
}
.hero-copy{min-width:0}
.hero-visual{
  min-width:0;
  justify-self:stretch;
  align-self:center;
}
.hero-visual a{display:block}
.hero-visual img{
  display:block;
  width:100%;
  max-width:520px;
  height:auto;
  margin-left:auto;
  border-radius:18px;
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}
/* Stack only on narrow phones, not at tablet/desktop widths */
@media(max-width:680px){
  .hero .wrap.hero-split{
    grid-template-columns:1fr !important;
  }
  .hero-visual img{
    margin-left:0;
    max-width:100%;
  }
}

/* v4 fallback hero layout */
.home-hero-v4{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  column-gap:32px;
  align-items:center;
}
.home-hero-v4 .hero-image-v4 img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}
@media(max-width:700px){
  .home-hero-v4{grid-template-columns:1fr}
  .home-hero-v4 .hero-image-v4{margin-top:24px}
}