:root{
  --color-primary:#1f6b2d;
  --color-primary-dark:#184f22;
  --color-primary-soft:#dceedd;
  --color-accent:#7cc38a;
  --color-ink:#102216;
  --color-text:#314239;
  --color-muted:#5f7067;
  --color-surface:#ffffff;
  --color-surface-soft:#f5f8f5;
  --color-border:rgba(16,34,22,.1);
  --color-shadow:0 24px 64px rgba(16,34,22,.12);
  --radius-sm:16px;
  --radius-md:24px;
  --radius-lg:32px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:"Titillium Web",sans-serif;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  color:var(--color-text);
  background:linear-gradient(180deg,#f4f8f3 0%,#edf4ee 100%);
}

img{
  max-width:100%;
  display:block;
}

a{
  color:var(--color-primary);
  text-decoration:none;
  transition:color .25s ease,transform .25s ease,background-color .25s ea:root{
  --color-primary:#1f6b2d;
  --color-primary-dark:#184f22;
  --color-primary-soft:#dceedd;
  --color-accent:#7cc38a;
  --color-ink:#102216;
  -
o  --cma  --color-primary-dark:#1in  --color-primary-soft:#dceeddh4  --color-accent:#7cc38a;
  --am  --color-ink:#102216;
 -s  --color-text:#3142300  --color-muted:#5f706in  --color-surface:#ffff
}  --color-surface-soft:#fco  --color-border:rgba(16,34,22ti  --color-shadow:0 24px 64px rgba(
   --radius-sm:16px;
  --radius-md:24px;
  --rad:i  --radius-md:24pxn-  --radius-lg:32pxp:}

*,
*::before,
*ottom*1r*::after{or  box-siol}

html{
  scroll-behave:.9r  sc  }

body{
  margin:0;
  fr-spa  mg:.  font-famxt  line-height:1.7;
  -webkit-font-smoothe{  -webkit-font-  wi  color:var(--color-text);
  backradiu  background:linear-gradiea}

img{
  max-width:100%;
  display:block;
}

a{
  color:v;
}

.b  mma  display:block;ry}

a{
  color:vess{
  d  text-decoration:none;
  trit  transition:color .25co  --color-primary:#1f6b2d;
  --color-primary-dark:#184f22;
  --color-primary-sbo  --color-primary-dark:#1t;  --color-primary-soft:#dceeddig  --color-accent:#7cc38a;
  --;
  --color-ink:#102216;
.25  -
o  --cma  --colo5s ease  --am  --color-ink:#102216;
 -s  --color-text:#3142300  --color-muted:#5f706in  --color-susu -s  --color-text:#3142300 gr}  --color-surface-soft:#fco  --color-r-primary),#2a8b3b);
  box-shadow:0    --radius-sm:16px;
  --radius-md:24px;
  --rad:i  --radius-md:24pxn-  --radius-lg:32pxp:}

bt  --radius-md:24px;{
  --rad:i  --radiuan
*,
*::before,
*ottom*1r*::after{or  box-siol}

hrgb*(3*ottom*1r.3
html{
  scroll-behave:.9r  sc:va  scco
body{
  margin:0;
  frrgba(255,25  fr-spa  ;
  -webkit-font-smoothe{  -webkit-font-  wi kd  backradiu  background:linear-gradiea}

img{
  max-width:100%;
  ds{
img{
  max-width:100%;
  display:bloctransfor  display:block;x)}

a{
  color:v0 18px 3}

.b  mm16,34
a{
  color:vess{
  d  tefoc s,  d  text-de:f  trit  transition:color ne  --color-primary-dark:#184f22;
  --color-primary-sticky;  --color-primary-sbo  --colordd  --;
  --color-ink:#102216;
.25  -
o  --cma  --colo5s ease  --am  --color-ink:#102216;
 -s  --color-teba(  --25.25  -
o  --cma  --coato  --container{
  position:relative;
}

.navigation .navbar  box-shadow:0    --radius-sm:16px;
  --radius-md:24px;
  --rad:i  --radius-md:24pxn-  --radius-lg:32pxp:}

bt  --radius-md:24px;{
  --rad:i  --radiuaio  --radius-md:24px;
  --rad:i  --rin  --rad:i  --radiuol
bt  --radius-md:24px;{
  --rad:i  --radiuan
*,
*  f  --rad:i  --radiuafont*,
*::before,
*ottovigat*ottom*1rar
hrgb*(3*ottom*1r.3
html{
  scigahtml{
  scroll-beli>.nav-body{
  margin:0;
 tion .navbar-n  mai>  frrgba(2fo  -webkit-font-smoothe{  gr
img{
  max-width:100%;
  ds{
img{
  max-width:100%;
  display:bloctransfor  displa  border  ds{
img{
  max255,255,  m,.  display:bloctriu
a{
  color:v0 18px 3}

.b  mm16,34
a{
 vba -t
.b  mm16,34
a{
 ox-a{
  colore; }
  d  tefoc s .  --color-primary-sticky;  --color-primary-sbo  --colordd  --;
  --color-ink:#102216{
  --color-ink:#102216;
.25  -
o  --cma  --colo5s ease  --am  or.25  -
o  --cma  --codius:20px -s  --color-teba(  --25.25  -
o  --cma  --coato  20o  --cma  --co,19,10,.28);
}

.  position:relative;
}

.navigad}

.navigation .nav  bor  --radius-md:24px;
  --rad:i  55,255,255,.84);
  white  --rad:i  --radiu.n
bt  --radius-md:24px;{
  --rad:i  --radiuaio  --dow  --rad:i  --radiuaio:#  --rad:i  --rin  --rad:i  --radiuol
bt;
bt  --radius-md:24px;{
  --rad:i  -
   --rad:i  --radiuan
ad*,
*  f  --rad:i  - b*ck*::before,
*ottovigat*ottom*ci*ottovigaophrgb*(3*ottom*1r.3
h38html{
  scigahtml 3  sc
   scroll-bera  margin:0;
 tion .navben tion .nav55img{
  max-width:100%;
  ds{
img{
  max-width:100%;
  displ#16381d  ds{
img{
  max#2img{2 100%)  display:bloctr:bimg{
  max255,255,  m,.  display:bloctriu
po  mioa{
  color:v0 18px 3}

.b  mm16,34
point
.b  mm16,34
a{
 

.a{
 vba -::b fore{
  toa{
 ox-x;
   ef  colpx  d  tefo:32  --color-ink:#102216{
  --color-ink:#102216;
.25  -
o  --cma  --colo5s easer  --color-ink:#102216tt.25  -
o  --cma  --co0px;
  heo  --cma  --codius:20px -s  --color-te13o  --cma  --coato  20o  --cma  --co,19,10,.28);
}

.:1}

.  position:relative;
}

.navigad}

.naviga:#fff}

.navigad}

.navig2.4re
.naviga35r  --rad:i  55,255,255,.84);
  white acing  white  --rad:i  --radiu.ebbt  --radiur:#dceedd;
}

.he  --rad:i  --radiuaiforbt;
bt  --radius-md:24px;{
  --rad:i  -
   --rad:i  --radiuan
ad*,
*  f  --rad:i  - b* mbtgi  --rad:i  -
   --radid   --rad:
  fad*,
*  f  --rad:i  co*  :r*ottovigat*ottom*ci*ottovigaop-ah38html{
  scigahtml 3  scflex-wrap:wrap;
  gap:1  m;
  ma   scroll-bem;
}

 tion .navben tion .nav5ex  max-width:100%;
  ds{
img{5r  ds{
imrgin-top:2rem;
   mdd  displ#16381d  ylimg{
  max#2img{2 ag  a{
  max255,255,  m,.  display:bloctriu
po .po  mioa{
  color:v0 18px 3}

.b  mgb  color:5,
.b  mm16,34
poinr:1point
.b  gb.b  5,a{
 

.a{
4) 
  bo ver  toa{
 ox-x;

  ox-xdrop-filt  --color-ink:#102216;
.25  -
o  --cma  --colag.25  -
o  --cma  --condo  --(2o  --cma  --co0px;
  heo  --cma  --codius:20px -s  -it  heo  --cma  --car}

.:1}

.  position:relative;
}

.navigad}

.naviga:#fff}

.navigad}

.navig2.4re
.navigagroun
. gba}

.navigad}

.navig back
.navigater
.navigad}
;
  
.navig2ow:0 30px 80px   white acing  white  --rad:i  --radCa}

.he  --rad:i  --radiuaiforbt;
bt  --radius-md:24px;{
  nt:"";
 bt  --radius-md:24px;{
  --r14 x;
  border-radius:24p   --rad:i :1ad*,
*  f  --rad:i  5,*  ,.   --radid   --rad:
  fad*,
*  f  ---m  fad*,
*  f  --ra10*  f  bo  scigahtml 3  scflex-wrap:wrap;
  gap:1 .quick-links{
  positi  gap:1  m;
  ma   scroll-bem;
;
  padding-to}

 tion .navben d{
    ds{
img{5r  ds{
imrgin-top:2rem;
   mdd soimg{vaimrgin-topbo   mdd  dborder-r  max#2img{2 ag  a{
  max25ac  max255,255,  m,.55po .po  mioa{
  color:v0 18px 3}

.sh  color:v0 1kd
.b  mgb  color:54px.b  mm16,34
poin hpoinr:1poin-.b  gb.b  5re 

.a{
4) 
  e:1.44)em  }
 ox-x;

  ox-  
  oxay:.25  -
o  --cma  --colag.25  -
o  --iso  --leo  --cma  --condo  --({
  heo  --cma  --codius:20px -s  -it  heoju
.:1}

.  position:relative;
}

.navigad}

.naviga:#ffrem
. em;}

.navigad}

.navigx;
  
.navigar(-
.navigad}


  
.navig2nd:var(--color-. gba}

.nat);
}

.li
.navig a::.nter{
  con.navigad192;
  
.naor:v.r(
.he  --rad:i  --radiuaiforbt;
bt  --radius-md:24px;{
  nt:"-libt  --radius-md:24px;{
  nt:t   nt:"";
 bt  --radiuns bt  --an  --r14 x;
  border-ra{
  border-un*  f  --rad:i  5,*  ,.   --radid   ad  fad*,
*  f  ---m  fad*,
*  f  --ra1-colo*  f  er*  f  --ra10*  fus  gap:1 .quick-links{
  positi  gap:1  m;
  ma   scde  positi  gap:1  m;.96  ma   scroll-bem;,.;
  padding-to}dow:va
 tion .navbado    ds{
img{5r animg{5r
 imrgin-top:c   mdd soimg{va,2  max25ac  max255,255,  m,.55po .po  mioa{
  color:v0 18px 3}
co  color:v0 18px 3}

.sh  color:v0 1kd
.b ng
.sh  color:v0 1kcti.b  mgb  color:5wipoin hpoinr:1poin-.b  gb.b  5em
.a{
4) 
  e:1.44)em  }
 ox-x;
siz4)cl  p( ox-x;

  ox-em
  ox
.card{
  oo  --cma iddeno  --iso  --leo  --cmade  heo  --cma  --codius:20px -s  -it un.:1}

.  position:relative;
}

.navigad}
8px 42px}

.navigad}

.navig}

.c
.navigaer{. em;}

.navi25rem 1.4rem;
  borde  
.navm:.px solid rgba

  
.na,255..0
.nat);
}

.li
.navig a::.nze:1.2rem;
  .nnt  con.navigad19ba  
.naor:v.r(
.hgr.di.he  --rag,bt  --radius-md:24px;{
  nt:r(  nt:"-libt  --radius
.  nt:t   nt:"";
 bt  --radiuns

 bt  --radiunsma  border-ra{
  border-un*  f  --as  border-unma*  f  ---m  fad*,
*  f  --ra1-colo*  f  er*  f    align-*  f  --ra1-colo;
  positi  gap:1  m;
  ma   scde  positi  gap:1  m;.96  ma   scco  ma   scde  positxt  padding-to}dow:va
 tion .navbado    ds{
img{5r anim;
 tion .navbado    rgimg{5r animg{5r
 imrx: imrgin-top:c de  color:v0 18px 3}
co  color:v0 18px 3}

.sh  color:v0 1kd
.b ng
.sh  crgco  color:v0 18px8)
.sh  color:v0 1kd
ove.b ng
.sh  colo:focus{
 .a{
4) 
  e:1.44)em  }
 ox-x;
siz4)cl  p( ox-x;

  ox-em
  ox
.cardsoft);
}

 ox-x;
siz4)c{
  trans
  ox-em
  ox
m .3s  ox
.box-sha ow .3s
.  position:relative;
}

.navigad}
8px 42px}

.navigad}

.navig}

.c
.navigaer{. 4px}

.navigad}
8p.16);
}

.single-pag
.naviga{
  position:relative;
. p
.navi25rem 1.42px  borde  
.navm:.nter;
  colo
  
.na,255..0
.natd:
.  .nat);
}
radient(circ.n a  .nnt  con.navigad1995.naor:v.r(
.hgr.di.he  -%),
    linea  nt:r(  nt:"-libt  --radius
.  nt:t   0%.  nt:t   nt:"";
 bt  --r h2{ bt  --radiuns
  
 bt  --radiump(  border-un*  f  --as  borde-*  f  --ra1-colo*  f  er*  f    align-*  f  --ra1-ll  positi  gap:1  m;
  ma   scde  positi  gap:1  m;.96 rd  ma   scdid var(--c tion .navbado    ds{
img{5r anim;
 tion .navbado    rgimg{5r animg{5r
 imrx: imrg;
img{5r anim;
 tion .ol tion .navb
} imrx: imrgin-top:c de  color:v0 1ngco  color:v0 18px 3}

.sh  color:v0 1kd:1
.sh  color:v0 1kd
ell.b ng
.sh  crgcoel.sh ,
.sh  color:v0 1kd
ove.b ngt-ove.b ng
.sh  cont-shell h6 .a{
4) 
  e:1.-color-  k);
}

.content-ssiz4)ul
  ox-em
  ox
.c ol{
  colo.caar}

 ox-x;
ext);
}

.co  transh  ox-e +  ox
m mm .in.box-share.  position:reng}

.navigad}
8px 42pll im8px 42pxde
.naviga:24px;
  box-shadow:0 18px
.navigad}
8p.14,28p.16);
}

.blog .car.naviga{
 ingle .card. p
.navi25rem 1.42
.blog.navm:.nter;
  colo
  
.ntt  colo
  
.  font-si.e:.natd:
. }
.  .ng }
radienxt{
.hgr.di.he  -%),
    linea  nt:r(  nt:"-libt  --os    linea  nt:r
 .  nt:t   0%.  nt:t   nt:"";
 bt  --8p bt  --r h2rgba(255,255,255,.  
 bt  --radiump(  bordeia -g  ma   scde  positi  gap:1  m;.96 rd  ma   scdid var(--c tion .navbado    ds{
img{5r anim;
 tion .navbado    rgimg10img{5r anim;
 tion .navbado    rgimg{5r animg{5r
 imrx: imrg;
img{5r anim;
 ;
 tion .navbm; imrx: imrg;
img{5r anim;
 tion .o pimg{5r animre tion .ol t:1} imrx: imrgin-top:55
.sh  color:v0 1kd:1
.sh  color:v0 1kd
ell.b ng
.sh  crgd:r.sh  color:v0 1kd
4)ell.b ng
.sh  crte.sh  cr12.sh  color:v0 1kbrove.b ngt-ove.b t:.sh  cont-shell htt4) 
  e:1.-color-  k)ra   p}

.content-ssiz45,255  ox-em
  ox
.c oo  ox
.tl.c     rgin-
 ox-x;
ext;
 ext);r:#fff;
  fm mm .in.box-share.  poo
.navigad}
8px 42pll im8px 42pxde
8re8px 42pldi.naviga:24px;
  box-sne  box-shador-l.navigad}
8p.14,28ba8p.14,28,2}

.blog .carfoote ingle .card. p
..f.navi25rem 1.4fo.blog.navm:.ntff  colo
  
.ntt  ttom{
  marg  
.  fon5r.m;. }
.  .ng }
radierem;
 rborder-t.hgr.di.ol    linea  nt:r,2 .  nt:t   0%.  nt:t   nt:"";
 bt  --8p bt  --r,2 bt  --8p bt  --r h2rgze:1rem; bt  --radiump(  bordeia -g  ma   scde -cimg{5r anim;
 tion .navbado    rgimg10img{5r anim;
 tion .navbado    rgimg{5r animg{5r
 imrx: imrg;
img7s tion .navb
} tion .navbado    rgimg{5r animg{5r
d( imrx: imrg;
img{5r anim;
 ;
 tione img{5r anim>  ;
 tion .n(3){aimg{5r anim;
 tion .o pime tion .o pi-c.sh  color:v0 1kd:1
.sh  color:v0 1kd
ell.b ng
.sh  crgder.sh  color:v0 1kd
ldell.b ng
.sh  crla.sh  cr
.4)ell.b ng
.sh  crte.sh  cr2) .link-card  e:1.-color-  k)ra   p}

.content-ssiz45,255  ox-em
  ox
.c oo  ox
.tl.c  el
.content-ssiz45,255  oon   ox
.c oo  ox
.tl.c     e-card{.tl.c   n- ox-x;
ext;
 eerext;
-s exio  fm mm .in.hi.navigad}
8px 42pll im8patio8px 42pl.18re8px 42pldi.naviga: .  box-sne  box-shador-lce-c8p.14,28ba8p.14,28,2}

.blog .cfr
.blog .carfoote ing
  ..f.navi25rem 1.4fo.blog.navman  
.ntt  ttom{
  marg  
.  fon5r.m;. }
.   tr  marg  
.anslateY(0).  .ng }
radiframes floatCard{
  0 bt  --8p bt  --r,2 bt  --8p bt  --r h2rgze:1rem; bt  --radiump( ns tion .navbado    rgimg10img{5r anim;
 tion .navbado    rgimg{5r animg{5r
 imrx: imrg;
img7s tion .na p tion .navbado    rgimg{5r animg{5r
av imrx: imrg;
img7s tion .navb
} ti
 img7s tion 1r} tion .navbadorad( imrx: imrg;
img{5r anim;
 ;
 tio0,img{5r anim;

  ;
 tione in  na tion .n(3){aimg{5r a{
 tion .o pime tion .o pimp.sh  color:v0 1kd
ell.b ng
.sh  crgder.sh  c0 ell.b ng
.sh  crick-links{
ldell.b ng
.sp:0;
    padding.sh  crla;
.4)ell.b ng
.shgr.sh  crte.id
.content-ssiz45,255  ox-em
  ox
.c oo  ox
.tl.c  elx){  ox
.c oo  ox
.tl.c  eont-.c e:2.4rem;
  .contentou.c oo  ox
.tl.c     e-card{.ntent-shell,ext;
 eerext;
-s exio  fm mm .in   eeoter-brand,8px 42pll im8patio8px 42pl.181.
.blog .cfr
.blog .carfoote ing
  ..f.navi25rem 1.4fo.blog.navman  
.ntt  ttom{
  marg  
.  fon5r.sec.blog .ca p  ..f.navi25rem 1.

.ntt  ttom{
  marg  
.  fon5r.m;.  gap:.75rem;
 .  fon5bt.   tr  marg n-.anslateY(0)..bradiframes floatCar width:100%;
  }
}