
:root{
  --green:#0b3d24;
  --green2:#1f7a35;
  --lime:#8cc63f;
  --gold:#f1b72c;
  --cream:#f7f3e8;
  --ink:#122018;
  --muted:#5f6f65;
  --line:#dfe8df;
  --white:#ffffff;
  --shadow:0 18px 48px rgba(10,38,22,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#fff 0%,#f8fbf5 100%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px, calc(100% - 32px));margin:0 auto}
.nav{
  position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);border-bottom:1px solid rgba(11,61,36,.08)
}
.nav-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{height:64px;width:auto;object-fit:contain}
.nav-links{display:flex;gap:20px;align-items:center;font-weight:750;font-size:14px;color:var(--green)}
.nav-actions{display:flex;gap:10px;align-items:center}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:none;border-radius:999px;padding:14px 20px;font-weight:850;cursor:pointer;
  transition:.18s transform,.18s box-shadow,.18s background;
}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(11,61,36,.18)}
.btn-primary{background:linear-gradient(135deg,var(--green2),var(--green));color:#fff}
.btn-secondary{background:#fff;color:var(--green);border:1px solid rgba(11,61,36,.18)}
.btn-gold{background:linear-gradient(135deg,#ffd766,var(--gold));color:#17351f}
.hero{
  position:relative;overflow:hidden;background:
  radial-gradient(circle at 20% 20%,rgba(140,198,63,.22),transparent 34%),
  linear-gradient(135deg,#fff 0%,#edf8e7 55%,#fff7df 100%);
}
.hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:44px;align-items:center;padding:70px 0}
.eyebrow{font-weight:900;color:var(--green2);letter-spacing:.13em;text-transform:uppercase;font-size:13px}
h1{font-size:clamp(42px,6vw,76px);line-height:.95;margin:14px 0;color:var(--green);letter-spacing:-.055em}
.lead{font-size:clamp(17px,2vw,21px);line-height:1.65;color:#24372b;max-width:760px}
.hero-card{
  border-radius:32px;overflow:hidden;box-shadow:var(--shadow);
  border:1px solid rgba(11,61,36,.14);background:#fff
}
.hero-card img{width:100%;height:100%;object-fit:cover}
.quick-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.trust-strip{background:var(--green);color:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}
.trust-item strong{display:block;font-size:24px;color:#cfff8b}.trust-item span{font-size:13px;opacity:.9}
.section{padding:78px 0}
.section-alt{background:#fff}
.section-head{max-width:850px;margin-bottom:32px}
h2{font-size:clamp(32px,4vw,52px);line-height:1.02;margin:10px 0;color:var(--green);letter-spacing:-.035em}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;align-items:center}
.card{
  background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 12px 30px rgba(11,61,36,.07)
}
.card.dark{background:linear-gradient(145deg,#092c19,#124b29);color:#fff;border-color:rgba(255,255,255,.12)}
.card h3{margin:0 0 10px;font-size:22px;color:inherit}
.card p{color:inherit;opacity:.82;line-height:1.65}
.form-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
label{font-weight:850;color:var(--green);font-size:14px}
input,select,textarea{
  width:100%;border:1px solid #cfdccd;border-radius:16px;padding:14px 15px;
  font:inherit;background:#fbfdf9;color:var(--ink);outline:none
}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 4px rgba(31,122,53,.12)}
.notice{
  display:none;margin-top:16px;padding:14px 16px;border-radius:16px;font-weight:750;
  background:#effbea;color:var(--green);border:1px solid #cceac3
}
.notice.show{display:block}
.footer{background:#071d11;color:#e9f6e7;padding:42px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,.7fr);gap:28px}
.footer img{height:72px;width:auto}
.footer h4{color:#fff;margin:0 0 12px}
.footer a,.footer p{display:block;color:#cbdccb;margin:8px 0;line-height:1.5}
.presentation-slide{
  min-height:560px;border-radius:34px;overflow:hidden;background:#fff;border:1px solid var(--line);
  box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:28px
}
.slide-copy{padding:46px}.slide-copy h2{margin-top:0}.slide-image{height:100%;min-height:560px}.slide-image img{width:100%;height:100%;object-fit:cover}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpi{background:#f4faef;border:1px solid #d9ead1;border-radius:22px;padding:18px}.kpi strong{font-size:28px;color:var(--green);display:block}
.small{font-size:13px;color:var(--muted)}
.badge{display:inline-flex;border-radius:999px;background:#eaf7e6;color:var(--green);padding:8px 12px;font-weight:850;margin:4px 6px 4px 0}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}
.table th{background:#eef8e9;color:var(--green)}
@media(max-width:900px){
  .nav-inner{height:auto;padding:14px 0;align-items:flex-start}.nav-links{display:none}
  .hero-grid,.grid-2,.presentation-slide{grid-template-columns:1fr}
  .grid-3,.trust-grid,.kpi-grid,.form-grid,.footer-grid{grid-template-columns:1fr}
  .slide-image{min-height:320px}.presentation-slide{min-height:auto}
}
