:root{
  --green:#0f4f3c;
  --green-600:#0b3d2e;
  --grey:#2f3846;
  --bg:#f6f7f8;
  --card:#ffffff;
  --muted:#6b7280;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--grey);
  background:var(--bg);
  line-height:1.6;
}
img{max-width:100%;height:auto;display:block}
.container{max-width:1080px;margin:0 auto;padding:0 24px}
.site-header{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  position:sticky;top:0;z-index:50;
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--grey);font-weight:700}
.brand img{width:42px;height:42px;object-fit:contain}
.main-nav a{margin:0 8px;text-decoration:none;color:var(--grey);padding:8px 10px;border-radius:8px}
.main-nav a.active{background:#eef2f1;color:var(--green)}
.main-nav .btn{margin-left:6px}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:600;border:1px solid transparent}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:var(--green-600)}
.btn-secondary{background:#fff;color:var(--green);border-color:var(--green)}
.main{display:block}
.hero{
  background: radial-gradient(1200px 500px at 20% -10%, #dbe7e3 0%, rgba(219,231,227,0) 60%), linear-gradient(180deg,#ffffff 0%, #f4f7f6 100%);
  border-bottom:1px solid #e5e7eb;
}
.hero-inner{padding:80px 0 56px}
.hero h1{font-size:48px;line-height:1.1;margin:0 0 10px;color:var(--green)}
.lead{font-size:18px;color:#374151;margin:0 0 18px}
.cta-row{display:flex;gap:12px;margin:16px 0 10px}
.hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none}
.hero-points li{background:var(--card);padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:36px auto}
.card{background:#fff;border:1px solid #e5e7eb;padding:20px;border-radius:16px}
.text-link{color:var(--green);text-decoration:none;font-weight:600}
.page-header{background:#fff;border-bottom:1px solid #e5e7eb}
.page-header .container{padding:34px 0}
.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px;margin:24px auto}
.aside .stat{background:#fff;border:1px solid #e5e7eb;padding:18px;border-radius:14px;margin-bottom:12px;text-align:center}
.stat .num{display:block;font-size:28px;font-weight:800;color:var(--green)}
.stat .label{display:block;color:var(--muted)}
.product-block{margin:24px auto}
.spec-list{list-style:disc;margin-left:20px}
.cta-banner{display:flex;align-items:center;justify-content:space-between;background:#103a2e;color:#e6f3ee;border-radius:16px;padding:20px;margin:32px 0}
.cta-banner .btn{background:#fff;color:var(--green)}
.contact-form{background:#fff;border:1px solid #e5e7eb;padding:20px;border-radius:16px;margin:20px 0 40px}
.contact-form label{display:block;margin-bottom:14px}
.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;font:inherit}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.form-actions{display:flex;align-items:center;gap:12px}
.muted{color:var(--muted);font-size:14px}
.alert{padding:14px 16px;border-radius:12px;margin:12px 0;font-weight:600}
.alert.success{background:#e6f7ef;color:#0b5137;border:1px solid #b7e2c9}
.alert.error{background:#fde8e8;color:#7f1d1d;border:1px solid #f8b4b4}
.site-footer{background:#0e1814;color:#c7d5cf;margin-top:40px;padding:28px 0}
.site-footer a{color:#c7d5cf;text-decoration:none}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
@media (max-width:900px){
  .hero h1{font-size:36px}
  .hero-points{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .content-grid{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}


/* --- Plasro refresh: improved contrast, smaller logo, accent buttons --- */
:root{
  --accent:#c4ff3a; /* high-contrast lime accent (inspired, not copied) */
  --accent-ink:#0a0a0a;
}
.brand{
  background:#ffffff;
  padding:6px 10px;
  border-radius:14px;
  border:1px solid #e5e7eb;
}
.brand img{width:132px;height:auto}
.brand span{display:none} /* keep visual focus on mark; accessible name via alt */
.btn-accent{
  background:var(--accent);
  color:var(--accent-ink);
  border-color:transparent;
}
.btn-accent:hover{filter:brightness(0.95)}
.hero{
  background: radial-gradient(1400px 520px at 25% -10%, #e2f1e9 0%, rgba(219,231,227,0) 58%),
              linear-gradient(180deg,#f6fbf7 0%, #eef5f2 100%);
}
.hero-inner{
  padding:84px 0 56px;
}
.cards .card{
  box-shadow:0 8px 24px rgba(16,58,46,0.06);
}
.cta-banner{
  background:#0f1d17;
  color:#d8f5e9;
}
.main-nav .btn.btn-primary{
  border-radius:999px;
  padding:10px 16px;
}
/* optional rounded hero container feel */
.container.hero-frame{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:20px;
  box-shadow:0 10px 30px rgba(15,79,60,0.08);
  padding:28px;
}


/* --- Visual spruce with free stock images (Unsplash Source) --- */
.hero{
  position:relative;
  color:#0b1b15;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background:url('assets/img/hero.jpg') center/cover no-repeat;
  filter:grayscale(0.1) contrast(1.05) saturate(1.05);
  opacity:.35;
}
.hero .hero-inner{position:relative; z-index:1}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.media-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(16,58,46,.06)}
.media-card img{width:100%;height:200px;object-fit:cover;display:block}
.media-card .mc-body{padding:14px}
@media (max-width:900px){ .media-grid{grid-template-columns:1fr} .media-card img{height:180px} }