:root{
  --green-900:#0b3a2e;
  --green-800:#0f4a3b;
  --green-700:#145945;
  --gold:#d2b46a;
  --cream:#f4f1e8;
  --text:#14312a;
  --muted:#4b635a;
  --shadow: 0 14px 35px rgba(0,0,0,.12);
  --radius: 18px;
  --max: 1140px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;color:var(--text);background:#fff}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 18px}
.topbar{
  background:linear-gradient(90deg,var(--green-900),var(--green-700));
  color:#fff;
  position:sticky;top:0;z-index:50;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.nav{
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;padding:14px 0;
}
.brand{display:flex;align-items:center;gap:12px;min-width:240px}
.brand img{width:52px;height:52px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.06);padding:6px}
.brand .title{line-height:1}
.brand .title strong{display:block;font-size:15px;letter-spacing:.3px}
.brand .title span{display:block;font-size:12px;opacity:.85}
.menu{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.menu a{font-size:14px;opacity:.95;padding:8px 10px;border-radius:10px}
.menu a:hover{background:rgba(255,255,255,.10)}
.cta{
  background:linear-gradient(180deg,var(--gold),#c8a85a);
  color:#1c231f;font-weight:700;
  padding:10px 14px;border-radius:12px;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}
.cta:hover{filter:brightness(1.02)}
.hero{
  position:relative;isolation:isolate;
  background:#0f4a3b;
  overflow:hidden;
}
.hero .bg{
  position:absolute;inset:0;
  background-image:url("assets/img/hero_site.jpg");
  background-size:cover;background-position:center;
  filter:saturate(1.05) contrast(1.02);
  transform:scale(1.02);
}
.hero .overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(6,30,23,.84) 0%, rgba(6,30,23,.54) 55%, rgba(6,30,23,.22) 100%);
}
.hero .content{
  position:relative;
  padding:66px 0 54px 0;
  color:#fff;
}
.kicker{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);
  padding:8px 12px;border-radius:999px;
  font-size:13px;opacity:.95
}
.h1{font-size:44px;line-height:1.08;margin:14px 0 12px 0;max-width:760px}
.lead{font-size:18px;line-height:1.5;opacity:.92;max-width:720px}
.search{
  margin-top:22px;
  display:flex;gap:10px;flex-wrap:wrap;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);
  padding:12px;border-radius:var(--radius);
  max-width:820px;
}
.search input{
  flex:1 1 320px;
  border:none;outline:none;
  padding:12px 12px;border-radius:12px;
  font-size:15px;
}
.search button{
  border:none;cursor:pointer;
  padding:12px 16px;border-radius:12px;
  background:linear-gradient(180deg,var(--gold),#c8a85a);
  font-weight:800;
}
.badges{
  margin-top:18px;
  display:flex;gap:12px;flex-wrap:wrap;
}
.badge{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  padding:10px 12px;border-radius:14px;
  font-size:14px;
}
.badge svg{width:18px;height:18px;flex:0 0 18px}
.section{padding:54px 0}
.section.alt{background:var(--cream)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.grid3{grid-template-columns:1fr}}
.card{
  background:#fff;border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:18px;
  border:1px solid rgba(0,0,0,.05);
}
.card h3{margin:0 0 8px 0;font-size:18px}
.card p{margin:0;color:var(--muted);line-height:1.6}
.section h2{font-size:30px;margin:0 0 14px 0}
.section .sub{color:var(--muted);line-height:1.6;max-width:860px;margin-bottom:18px}
.steps{
  display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start
}
@media (max-width:980px){.steps{grid-template-columns:1fr}}
.process{
  background:#fff;border-radius:var(--radius);
  border:1px solid rgba(0,0,0,.05);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.process img{width:100%;display:block}
ol.clean{margin:0;padding-left:18px;color:var(--muted);line-height:1.8}
.ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  font-weight:800;
}
.btn.primary{background:linear-gradient(90deg,var(--green-900),var(--green-700));color:#fff;border-color:rgba(255,255,255,.15)}
.btn:hover{filter:brightness(1.02)}
.footer{
  background:#0b3a2e;color:#dfe9e6;
  padding:34px 0;border-top:1px solid rgba(255,255,255,.12)
}
.footer a{opacity:.9}
.footer small{display:block;opacity:.8;margin-top:8px}
.pageHeader{
  background:linear-gradient(90deg,var(--green-900),var(--green-700));
  color:#fff;padding:36px 0 26px 0
}
.pageHeader h1{margin:0;font-size:34px}
.pageHeader p{margin:10px 0 0 0;opacity:.9;max-width:900px;line-height:1.55}
.paper{
  background:#fff;border:1px solid rgba(0,0,0,.06);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.paper img{width:100%;display:block}
.contentBlock{padding:18px}
.contentBlock h2{margin:0 0 10px 0;font-size:22px}
.list{
  margin:0;padding-left:18px;color:var(--muted);line-height:1.8
}
.note{
  margin-top:14px;
  padding:14px 16px;border-radius:14px;
  background:rgba(210,180,106,.18);
  border:1px solid rgba(210,180,106,.35);
  color:#4c3a18;
}
body{background:linear-gradient(rgba(255,255,255,.18), rgba(255,255,255,.28)),url("assets/img/hero_site.jpg") center top / cover fixed no-repeat;}
.pageHeader{position:relative;overflow:hidden;padding:56px 0 34px 0;background:linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.78)),url("assets/img/hero_site.jpg") center center / cover no-repeat;border-bottom:1px solid rgba(11,58,46,.08);}
.pageHeader h1{font-size:42px;line-height:1.1;margin:0 0 10px 0;color:var(--green-900)}
.pageHeader p{font-size:18px;max-width:900px;color:var(--muted)}
.card,.paper{background:rgba(255,255,255,.94);backdrop-filter: blur(3px)}
.footer{background:linear-gradient(90deg,var(--green-900),var(--green-700));color:#fff;padding:28px 0;margin-top:40px}
.footer a{color:#fff;text-decoration:underline}
.paper img,.process img{width:100%;border-radius:18px;display:block;box-shadow:var(--shadow)}
.contentBlock{background:rgba(255,255,255,.94);border-radius:18px;padding:22px;margin-top:16px;border:1px solid rgba(0,0,0,.06)}
.steps{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;border:1px solid rgba(11,58,46,.18);background:#fff;color:var(--green-900);font-weight:700;box-shadow:0 10px 22px rgba(0,0,0,.06)}
.btn.primary{background:linear-gradient(180deg,var(--green-700),var(--green-900));color:#fff;border-color:transparent}
.note{margin-top:14px;padding:14px 16px;border-left:4px solid var(--gold);background:rgba(210,180,106,.12);border-radius:12px}
.hero-mini{padding:20px;border-radius:22px;background:linear-gradient(rgba(11,58,46,.72), rgba(11,58,46,.46)), url("assets/img/hero_site.jpg") center / cover no-repeat;color:#fff;box-shadow:var(--shadow)}
.price-box{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.price-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(11,58,46,.08);box-shadow:var(--shadow)}
.logo-badge{width:92px;height:92px;object-fit:contain;border-radius:18px;background:#fff;padding:8px;box-shadow:var(--shadow)}
.smallcaps{letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:var(--muted)}
@media (max-width:900px){.steps,.price-box{grid-template-columns:1fr}.pageHeader h1{font-size:32px}}