/* ── Variables ──────────────────────────────────────────────────────────── */
:root{
  --bg:#ffffff;--bg-card:#ffffff;--bg-card2:#f1f1ef;
  --bg-glass:rgba(248,248,246,.94);
  --text:#111111;--text-dim:#525252;--text-dimmer:#888888;
  --green:#2BA84A;--green-dim:#1e7a35;
  --green-bg:rgba(43,168,74,.07);--green-border:rgba(43,168,74,.22);
  --border:#e2e2df;--border-strong:#c8c8c5;
  --shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);
  --shadow-lg:0 4px 24px rgba(0,0,0,.09);
  --mono:'JetBrains Mono',monospace;--body:'Inter',system-ui,sans-serif;
  --r:6px;--mw:1100px;--tr:.18s ease;
}
/* ── Reset ──────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:#ffffff;color:var(--text);font-family:var(--body);font-size:16px;
  line-height:1.65;-webkit-font-smoothing:antialiased;
  transition:background var(--tr),color var(--tr);}
a{color:var(--green);text-decoration:none;}
a:hover{color:var(--green-dim);}
img{max-width:100%;display:block;}
/* ── Layout ─────────────────────────────────────────────────────────────── */
.wrap{max-width:var(--mw);margin:0 auto;padding:0 24px;}
.sec{padding:88px 0;}
.sec-sm{padding:52px 0;}
.border-t{border-top:1px solid var(--border);}
/* ── Type ───────────────────────────────────────────────────────────────── */
.eyebrow{font-family:var(--mono);font-size:.62rem;font-weight:700;color:var(--green);
  letter-spacing:.25em;text-transform:uppercase;display:block;margin-bottom:14px;}
.shdr{text-align:center;margin-bottom:56px;}
.shdr h2{font-family:var(--mono);font-size:clamp(1.3rem,2.8vw,1.85rem);font-weight:700;
  color:var(--text);margin-bottom:10px;line-height:1.2;}
.shdr p{font-size:.9rem;color:var(--text-dim);max-width:500px;margin:0 auto;line-height:1.7;}
/* ── Nav ────────────────────────────────────────────────────────────────── */
.hdr{position:sticky;top:0;z-index:100;background:transparent;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease;}
.hdr.scrolled{background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--border);}
.hdr-progress{position:absolute;top:0;left:0;height:2px;width:0%;background:var(--green);transition:width .08s linear;z-index:1;}
.hdr-in{display:flex;align-items:center;height:56px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-svg{width:30px;height:30px;flex-shrink:0;border-radius:4px;}
.logo-name{font-family:var(--mono);font-size:.82rem;font-weight:700;
  color:var(--text);letter-spacing:.04em;}
.logo-name b{color:var(--green);font-weight:700;}
.nav-links{display:flex;align-items:center;gap:30px;list-style:none;}
.nav-links a{font-family:var(--mono);font-size:.68rem;font-weight:600;
  color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;
  transition:color var(--tr);}
.nav-links a:hover,.nav-links a.nav-active{color:var(--green);}
.nav-r{display:flex;align-items:center;gap:10px;}
.tt{background:none;border:1px solid var(--border);border-radius:var(--r);
  cursor:pointer;padding:7px 10px;color:var(--text-dim);
  font-size:.8rem;display:flex;align-items:center;
  transition:border-color var(--tr),color var(--tr);}
.tt:hover{border-color:var(--green);color:var(--green);}
.ncta{font-family:var(--mono);font-size:.68rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  background:var(--green);color:#fff;padding:9px 18px;
  border-radius:var(--r);text-decoration:none;transition:background var(--tr);}
.ncta:hover{background:var(--green-dim);color:#fff;}
.hbg{display:none;background:none;border:none;cursor:pointer;
  flex-direction:column;gap:5px;padding:4px;}
.hbg span{display:block;width:22px;height:2px;background:var(--text);
  border-radius:2px;transition:transform .22s,opacity .22s;}
.mnav{display:none;flex-direction:column;border-top:1px solid var(--border);background:var(--bg);}
.mnav.open{display:flex;}
.mnav a{font-family:var(--mono);font-size:.78rem;color:var(--text-dim);
  padding:13px 24px;border-bottom:1px solid var(--border);}
.mnav a:hover,.mnav a:last-child{color:var(--green);}
.hbg.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hbg.open span:nth-child(2){opacity:0;}
.hbg.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* ── Buttons ────────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:7px;padding:13px 26px;
  border-radius:var(--r);font-family:var(--mono);font-size:.74rem;
  font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  transition:all var(--tr);cursor:pointer;border:none;text-decoration:none;}
.btn-p{background:var(--green);color:#fff;}
.btn-p:hover{background:var(--green-dim);color:#fff;}
.btn-o{background:transparent;color:var(--text);border:1px solid var(--border-strong);}
.btn-o:hover{border-color:var(--green);color:var(--green);}
.btn-grp{display:flex;gap:12px;flex-wrap:wrap;}
/* ── Footer ─────────────────────────────────────────────────────────────── */
.footer{border-top:1px solid var(--border);padding:52px 0 32px;background:var(--bg-card);}
.ft-in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.ft-brand p{font-size:.84rem;color:var(--text-dim);line-height:1.72;margin-top:12px;max-width:230px;}
.ft-col h4{font-family:var(--mono);font-size:.6rem;font-weight:700;
  color:var(--text-dimmer);letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;}
.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.ft-col ul a{font-size:.84rem;color:var(--text-dim);transition:color var(--tr);}
.ft-col ul a:hover{color:var(--green);}
.ft-bot{display:flex;align-items:center;justify-content:space-between;
  padding-top:24px;border-top:1px solid var(--border);}
.ft-copy,.ft-email a{font-family:var(--mono);font-size:.63rem;color:var(--text-dimmer);}
.ft-email a:hover{color:var(--green);}
/* ── Responsive ─────────────────────────────────────────────────────────── */
@media(max-width:960px){
  .ft-in{grid-template-columns:1fr 1fr;gap:28px;}
}
@media(max-width:640px){
  .nav-links,.ncta{display:none;}
  .hbg{display:flex;}
  .sec{padding:52px 0;}
  .sec-sm{padding:32px 0;}
  .shdr{margin-bottom:36px;}
  .ft-in{grid-template-columns:1fr;}
  .ft-bot{flex-direction:column;gap:8px;text-align:center;}
}
@media(max-width:480px){
  .sec{padding:40px 0;}
  .sec-sm{padding:24px 0;}
  .wrap{padding:0 16px;}
}
.tt{display:none!important}
