
:root{
  --bg:#f5f8f5;--surface:#fff;--text:#10231c;--muted:#5d6f67;--line:#d8e3dc;
  --green:#0c6f4e;--dark:#07120f;--lime:#dff56a;--max:820px
}
*{box-sizing:border-box}
body{
  margin:0;background:linear-gradient(180deg,#f8faf8,#f3f7f4);color:var(--text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7;
  -webkit-font-smoothing:antialiased
}
header{border-bottom:1px solid var(--line);background:rgba(248,250,248,.94);position:sticky;top:0}
.nav{
  width:min(calc(100% - 32px),1120px);margin:auto;min-height:68px;
  display:flex;align-items:center;justify-content:space-between;gap:18px
}
.brand{display:flex;align-items:center;gap:9px;font-weight:850;text-decoration:none;letter-spacing:-.03em}
.brand img{width:32px;height:32px}
.nav a{color:var(--muted)}
main{width:min(calc(100% - 32px),var(--max));margin:64px auto 88px}
.eyebrow{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
h1{font-size:clamp(2.7rem,7vw,5rem);line-height:.98;letter-spacing:-.06em;margin:12px 0 20px}
h2{font-size:1.45rem;letter-spacing:-.025em;margin-top:34px}
p,li{color:var(--muted)}
.card{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);margin:22px 0}
a{color:var(--green);text-underline-offset:3px}
strong{color:var(--text)}
footer{
  width:min(calc(100% - 32px),var(--max));margin:0 auto 46px;padding-top:22px;
  border-top:1px solid var(--line);font-size:.84rem;color:var(--muted)
}
@media(max-width:600px){main{margin-top:42px}.nav{min-height:62px}}

@media(max-width:600px){.form-button{width:100%}}

.contact-form{display:grid;gap:20px;margin-top:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{display:grid;gap:8px}
.form-field.full{grid-column:1 / -1}
.form-field label{font-weight:780;color:var(--text)}
.optional{font-weight:500;color:var(--muted);font-size:.9rem}
.form-field input,.form-field textarea{
  width:100%;
  border:1px solid #cbd9d0;
  border-radius:16px;
  background:#fbfdfb;
  color:var(--text);
  padding:14px 16px;
  font:inherit;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65)
}
.form-field input{min-height:54px}
.form-field textarea{resize:vertical;min-height:170px}
.form-field input:focus,.form-field textarea:focus{
  border-color:#0f8960;
  box-shadow:0 0 0 4px rgba(15,137,96,.11)
}
.field-note,.privacy-note{margin:0;color:var(--muted);font-size:.86rem}
.contact-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.form-button{
  min-height:52px;border:0;border-radius:999px;background:var(--dark);
  color:#fff;padding:0 22px;font:inherit;font-weight:800;cursor:pointer
}
.form-button:hover{background:#10251d}
.honeypot{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important
}
.form-intro{margin:0 0 4px;color:var(--muted)}
@media(max-width:600px){
  .form-grid{grid-template-columns:1fr}
  .form-button{width:100%}
}


.breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin:0 0 22px;
  font-size:.88rem;
  color:var(--muted)
}
.breadcrumbs a{
  color:var(--green);
  font-weight:720;
  text-decoration-thickness:1px;
  text-underline-offset:3px
}
.breadcrumbs [aria-current="page"]{color:var(--muted)}
