@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/Inter.woff2') format('woff2');}

@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/BarlowCondensed-600.woff2') format('woff2');}

@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/BarlowCondensed-700.woff2') format('woff2');}



/* =========================================================

   AGRI-PRO theme — design system

   ========================================================= */



:root{

  --ink:#0E1A12;

  --ink-2:#15271B;

  --ink-3:#1E3526;

  --green:#1F7A3D;

  --green-d:#165F2F;

  --green-l:#3FA25C;

  --amber:#F2A31B;

  --amber-d:#D98B07;

  --sand:#F6F4EE;

  --sand-2:#EFEBE1;

  --line:#E2DDD2;

  --line-d:#2A4232;

  --text:#1C241E;

  --muted:#5E6C62;

  --white:#fff;

  --radius:14px;

  --radius-s:8px;

  --shadow-s:0 1px 2px rgba(14,26,18,.06),0 2px 6px rgba(14,26,18,.05);

  --shadow-m:0 10px 24px -12px rgba(14,26,18,.25),0 2px 8px rgba(14,26,18,.06);

  --shadow-l:0 30px 60px -28px rgba(14,26,18,.45),0 8px 20px -12px rgba(14,26,18,.2);

  --wrap:1240px;

  --display:"Barlow Condensed",Impact,"Arial Narrow",system-ui,sans-serif;

  --body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

}



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

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{

  margin:0;background:var(--white);color:var(--text);

  font-family:var(--body);font-size:16.5px;line-height:1.62;

  -webkit-font-smoothing:antialiased;overflow-x:hidden;

}

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

a{color:var(--green);text-decoration:none}

a:hover{color:var(--green-d)}

button{font:inherit}

h1,h2,h3,h4,h5{font-family:var(--display);font-weight:700;line-height:1.02;

  letter-spacing:.006em;margin:0 0 .5em;color:var(--ink);text-transform:uppercase}

h1{font-size:clamp(2.6rem,6.4vw,4.5rem)}

h2{font-size:clamp(2rem,4.2vw,3.05rem)}

h3{font-size:clamp(1.35rem,2.2vw,1.72rem)}

h4{font-size:1.16rem}

p{margin:0 0 1.05em}

ul,ol{margin:0 0 1.1em;padding-left:1.15em}

li{margin-bottom:.4em}

hr{border:0;border-top:1px solid var(--line);margin:2.4rem 0}

:focus-visible{outline:3px solid var(--amber);outline-offset:2px}



.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}

.wrap-n{width:min(100% - 40px,980px);margin-inline:auto}

.sec{padding-block:clamp(56px,7vw,104px)}

.sec-sand{background:var(--sand)}

.sec-ink{background:var(--ink);color:#D9E2DB}

.sec-ink h2,.sec-ink h3{color:#fff}

.center{text-align:center}

.mb0{margin-bottom:0}



/* ---------- type helpers ---------- */

.eyebrow{

  font-family:var(--body);font-size:.76rem;font-weight:700;letter-spacing:.16em;

  text-transform:uppercase;color:var(--green);margin:0 0 .85rem;display:flex;

  align-items:center;gap:.6rem;

}

.eyebrow::before{content:"";width:26px;height:2px;background:var(--amber);flex:none}

.center .eyebrow{justify-content:center}

.sec-ink .eyebrow{color:var(--amber)}

.lede{font-size:1.12rem;color:var(--muted);max-width:62ch}

.sec-ink .lede{color:#AFC0B4}

.center .lede{margin-inline:auto}

.sec-head{margin-bottom:clamp(30px,3.6vw,52px);max-width:760px}

.sec-head.center{margin-inline:auto}

.sec-head h2{margin-bottom:.34em}



/* ---------- buttons ---------- */

.btn{

  --bg:var(--green);--fg:#fff;

  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;

  background:var(--bg);color:var(--fg);border:2px solid var(--bg);

  font-family:var(--body);font-weight:650;font-size:.94rem;letter-spacing:.012em;

  padding:.82rem 1.5rem;border-radius:var(--radius-s);cursor:pointer;

  transition:transform .16s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;

  box-shadow:var(--shadow-s);text-align:center;

}

.btn:hover{color:var(--fg);transform:translateY(-2px);box-shadow:var(--shadow-m)}

.btn:active{transform:translateY(0)}

.btn svg{width:17px;height:17px;flex:none}

.btn-amber{--bg:var(--amber);--fg:#20180A}

.btn-amber:hover{--bg:var(--amber-d)}

.btn-ghost{--bg:transparent;--fg:var(--ink);border-color:var(--line);box-shadow:none}

.btn-ghost:hover{--fg:var(--green);border-color:var(--green)}

.sec-ink .btn-ghost{--fg:#fff;border-color:rgba(255,255,255,.28)}

.sec-ink .btn-ghost:hover{--fg:var(--ink);--bg:#fff;border-color:#fff}

.btn-lg{padding:1rem 1.9rem;font-size:1rem}

.btn-row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}

.center .btn-row{justify-content:center}

.link-arrow{display:inline-flex;align-items:center;gap:.45rem;font-weight:650;font-size:.95rem}

.link-arrow svg{width:16px;height:16px;transition:transform .2s ease}

.link-arrow:hover svg{transform:translateX(4px)}



/* ---------- header ---------- */

.util{background:var(--ink);color:#9FB3A6;font-size:.815rem}

.util .wrap{display:flex;gap:1.4rem;align-items:center;min-height:42px;flex-wrap:wrap}

.util a{color:#C9D6CD}

.util a:hover{color:#fff}

.util-i{display:inline-flex;align-items:center;gap:.45rem}

.util-i svg{width:14px;height:14px;color:var(--amber)}

.util-right{margin-left:auto;display:flex;align-items:center;gap:1.1rem}

.lang{display:inline-flex;gap:.35rem;align-items:center}

.lang b{background:var(--green);color:#fff;border-radius:4px;padding:.06rem .34rem;font-size:.74rem;font-weight:700}

.lang span{opacity:.62;font-size:.74rem}



.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);

  backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line);

  transition:box-shadow .2s ease}

.hdr.is-stuck{box-shadow:0 10px 30px -20px rgba(14,26,18,.5)}

.hdr .wrap{display:flex;align-items:center;gap:1.4rem;min-height:82px}

.brand{display:flex;align-items:center;gap:.68rem;flex:none}

.brand svg{width:auto;height:42px}

.brand-txt{display:flex;flex-direction:column;line-height:1}

.brand-txt b{font-family:var(--display);font-size:1.62rem;letter-spacing:.01em;color:var(--ink)}

.brand-txt span{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600}



.nav{margin-left:auto;display:flex;align-items:center;gap:.15rem}

.nav a{color:var(--ink);font-weight:600;font-size:.95rem;padding:.6rem .78rem;border-radius:6px;

  display:inline-flex;align-items:center;gap:.35rem;position:relative}

.nav a:hover{color:var(--green);background:var(--sand)}

.nav .current-menu-item>a,.nav .current_page_item>a,.nav .current-menu-parent>a{color:var(--green)}

.nav .current-menu-item>a::after,.nav .current_page_item>a::after{

  content:"";position:absolute;left:.78rem;right:.78rem;bottom:.24rem;height:2px;background:var(--amber)}

.nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.1rem}

.nav li{margin:0;position:relative}

.nav .menu-item-has-children>a::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;

  border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55}

.nav .sub-menu{

  position:absolute;top:calc(100% + 6px);left:0;min-width:268px;background:#fff;

  border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-l);padding:.5rem;

  flex-direction:column;align-items:stretch;gap:0;opacity:0;visibility:hidden;transform:translateY(8px);

  transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:5;

}

.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}

.nav .sub-menu a{padding:.55rem .7rem;font-weight:550;font-size:.92rem;border-radius:6px}

.nav .sub-menu a::after{display:none}

.hdr-cta{display:flex;align-items:center;gap:.6rem;flex:none}

.hdr-phone{display:flex;flex-direction:column;line-height:1.15;padding-right:.2rem}

.hdr-phone span{font-size:.68rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-weight:600}

.hdr-phone b{font-family:var(--display);font-size:1.24rem;color:var(--ink)}

.burger{display:none;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:8px;

  align-items:center;justify-content:center;cursor:pointer;flex:none}

.burger span{display:block;width:20px;height:2px;background:var(--ink);position:relative}

.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--ink);

  transition:transform .2s ease,top .2s ease}

.burger span::before{top:-6px}.burger span::after{top:6px}

.is-open .burger span{background:transparent}

.is-open .burger span::before{top:0;transform:rotate(45deg)}

.is-open .burger span::after{top:0;transform:rotate(-45deg)}



/* ---------- hero ---------- */

.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}

.hero-media{position:absolute;inset:0;z-index:-2}

.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 58%}

.hero::after{content:"";position:absolute;inset:0;z-index:-1;

  background:linear-gradient(96deg,rgba(9,18,12,.93) 0%,rgba(9,18,12,.78) 38%,rgba(9,18,12,.28) 70%,rgba(9,18,12,.5) 100%)}

.hero-in{padding-block:clamp(76px,10vw,140px) clamp(96px,11vw,150px);max-width:720px}

.hero .eyebrow{color:var(--amber)}

.hero h1{color:#fff;margin-bottom:.34em;text-shadow:0 2px 30px rgba(0,0,0,.25)}

.hero h1 em{font-style:normal;color:var(--amber)}

.hero p{color:#CFDBD2;font-size:1.14rem;max-width:56ch}

.hero-meta{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;

  border-top:1px solid rgba(255,255,255,.16)}

.hero-meta div{display:flex;flex-direction:column}

.hero-meta b{font-family:var(--display);font-size:2rem;color:#fff;line-height:1}

.hero-meta span{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:#9FB3A6;font-weight:600}



/* trust bar overlapping hero */

.trust{margin-top:-54px;position:relative;z-index:5}

.trust-grid{background:#fff;border:1px solid var(--line);border-radius:var(--radius);

  box-shadow:var(--shadow-l);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}

.trust-i{display:flex;gap:.85rem;padding:1.35rem 1.4rem;border-right:1px solid var(--line);align-items:flex-start}

.trust-i:last-child{border-right:0}

.trust-i .ico{width:40px;height:40px;border-radius:9px;background:var(--sand);color:var(--green);

  display:grid;place-items:center;flex:none}

.trust-i .ico svg{width:21px;height:21px}

.trust-i b{display:block;font-family:var(--display);font-size:1.15rem;text-transform:uppercase;line-height:1.1}

.trust-i span{font-size:.86rem;color:var(--muted);line-height:1.45;display:block}



/* ---------- page hero (inner pages) ---------- */

.phero{position:relative;background:var(--ink-2);color:#fff;overflow:hidden;isolation:isolate}

.phero-media{position:absolute;inset:0;z-index:-2}

.phero-media img{width:100%;height:100%;object-fit:cover;object-position:center 55%}

.phero::after{content:"";position:absolute;inset:0;z-index:-1;

  background:linear-gradient(92deg,rgba(10,20,13,.94),rgba(10,20,13,.72) 55%,rgba(10,20,13,.45))}

.phero-in{padding-block:clamp(52px,6.4vw,86px);max-width:760px}

.phero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:.28em}

.phero p{color:#C3D1C7;max-width:60ch;margin:0}

.crumbs{display:flex;gap:.5rem;align-items:center;font-size:.83rem;color:#9FB3A6;margin-bottom:1.1rem;flex-wrap:wrap}

.crumbs a{color:#C9D6CD}

.crumbs a:hover{color:var(--amber)}

.crumbs span{opacity:.5}



/* ---------- grids / cards ---------- */

.grid{display:grid;gap:24px}

.g2{grid-template-columns:repeat(2,1fr)}

.g3{grid-template-columns:repeat(3,1fr)}

.g4{grid-template-columns:repeat(4,1fr)}



.ccard{

  position:relative;border-radius:var(--radius);overflow:hidden;background:var(--ink);

  box-shadow:var(--shadow-m);display:block;color:#fff;min-height:246px;isolation:isolate;

}

.ccard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;

  transition:transform .55s cubic-bezier(.2,.7,.3,1)}

.ccard::after{content:"";position:absolute;inset:0;z-index:-1;

  background:linear-gradient(180deg,rgba(10,20,13,.06) 22%,rgba(10,20,13,.62) 62%,rgba(10,20,13,.92))}

.ccard:hover img{transform:scale(1.06)}

.ccard:hover{color:#fff}

.ccard-in{position:absolute;left:0;right:0;bottom:0;padding:1.15rem 1.25rem}

.ccard h3{color:#fff;font-size:1.28rem;margin:0 0 .18rem}

.ccard span{font-size:.85rem;color:#C3D1C7;display:flex;align-items:center;gap:.4rem}

.ccard span svg{width:15px;height:15px;transition:transform .25s ease}

.ccard:hover span svg{transform:translateX(4px)}

.ccard .tag{position:absolute;top:.9rem;left:.9rem;background:rgba(255,255,255,.92);color:var(--ink);

  font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.26rem .5rem;border-radius:5px}



.mcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;

  display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease}

.mcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-l);border-color:#D2CCBE}

.mcard-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sand-2)}

.mcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}

.mcard:hover .mcard-img img{transform:scale(1.05)}

.mcard-cat{position:absolute;top:.75rem;left:.75rem;background:rgba(14,26,18,.82);color:#fff;

  font-size:.69rem;font-weight:650;letter-spacing:.07em;text-transform:uppercase;padding:.28rem .52rem;border-radius:5px}

.mcard-b{padding:1.05rem 1.15rem 1.2rem;display:flex;flex-direction:column;flex:1}

.mcard-b h3{font-size:1.22rem;margin:0 0 .3rem}

.mcard-b h3 a{color:var(--ink)}

.mcard-b h3 a:hover{color:var(--green)}

.mcard-b p{font-size:.92rem;color:var(--muted);margin:0 0 .85rem}

.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .95rem}

.chip{font-size:.76rem;font-weight:600;background:var(--sand);color:var(--ink-3);

  border:1px solid var(--line);border-radius:99px;padding:.2rem .6rem}

.mcard .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;

  border-top:1px solid var(--line);padding-top:.85rem}



.scard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.5rem 1.6rem;

  display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .25s ease}

.scard:hover{transform:translateY(-4px);box-shadow:var(--shadow-l)}

.scard .ico{width:50px;height:50px;border-radius:12px;background:linear-gradient(140deg,var(--green),var(--green-l));

  color:#fff;display:grid;place-items:center;margin-bottom:1.05rem;box-shadow:0 8px 18px -10px rgba(31,122,61,.9)}

.scard .ico svg{width:25px;height:25px}

.scard h3{font-size:1.3rem;margin-bottom:.35rem}

.scard p{font-size:.94rem;color:var(--muted);margin-bottom:1rem}

.scard ul{list-style:none;padding:0;margin:0 0 1.1rem;font-size:.9rem}

.scard li{display:flex;gap:.5rem;color:var(--text);margin-bottom:.38rem}

.scard li svg{width:16px;height:16px;color:var(--green);flex:none;margin-top:.24rem}

.scard .link-arrow{margin-top:auto}

.sec-ink .scard{background:var(--ink-2);border-color:var(--line-d)}

.sec-ink .scard p{color:#A9BAAE}

.sec-ink .scard li{color:#D5E0D8}



/* ---------- split / feature ---------- */

.split{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4.4vw,64px);align-items:center}

.split.rev .split-media{order:2}

.split-media{position:relative}

.split-media .m1{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-l);aspect-ratio:4/3.05}

.split-media .m1 img{width:100%;height:100%;object-fit:cover}

.split-media .m2{position:absolute;right:-16px;bottom:-34px;width:44%;border-radius:12px;overflow:hidden;

  border:6px solid #fff;box-shadow:var(--shadow-l);aspect-ratio:4/3}

.split-media .m2 img{width:100%;height:100%;object-fit:cover}

.split-media .badge{position:absolute;left:-18px;top:26px;background:var(--amber);color:#20180A;

  border-radius:12px;padding:.85rem 1.05rem;box-shadow:var(--shadow-l);max-width:172px}

.split-media .badge b{font-family:var(--display);font-size:2.1rem;display:block;line-height:1}

.split-media .badge span{font-size:.78rem;font-weight:650;line-height:1.25;display:block}

.ticks{list-style:none;padding:0;margin:0 0 1.6rem}

.ticks li{display:flex;gap:.7rem;margin-bottom:.8rem;font-size:.99rem}

.ticks li svg{width:20px;height:20px;color:var(--green);flex:none;margin-top:.22rem}

.ticks li b{display:block;color:var(--ink);font-weight:650}

.ticks li span{color:var(--muted);font-size:.93rem}

.sec-ink .ticks li b{color:#fff}

.sec-ink .ticks li span{color:#A9BAAE}



/* ---------- stats ---------- */

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);

  border-radius:var(--radius);overflow:hidden;background:#fff}

.stats div{padding:1.5rem 1.3rem;border-right:1px solid var(--line);text-align:center}

.stats div:last-child{border-right:0}

.stats b{display:block;font-family:var(--display);font-size:clamp(2.2rem,3.4vw,2.9rem);color:var(--green);line-height:1}

.stats span{font-size:.83rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}

.sec-ink .stats{background:transparent;border-color:var(--line-d)}

.sec-ink .stats div{border-color:var(--line-d)}

.sec-ink .stats b{color:var(--amber)}

.sec-ink .stats span{color:#9FB3A6}



/* ---------- band (photo strip) ---------- */

.band{position:relative;color:#fff;isolation:isolate;overflow:hidden}

.band-media{position:absolute;inset:0;z-index:-2}

.band-media img{width:100%;height:100%;object-fit:cover}

.band::after{content:"";position:absolute;inset:0;z-index:-1;

  background:linear-gradient(90deg,rgba(9,18,12,.92),rgba(9,18,12,.7) 52%,rgba(9,18,12,.42))}

.band h2{color:#fff}

.band p{color:#CBD8D0}



/* ---------- testimonials ---------- */

.tcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;

  display:flex;flex-direction:column;box-shadow:var(--shadow-s)}

.tcard .stars{display:flex;gap:.15rem;margin-bottom:.85rem}

.tcard .stars svg{width:17px;height:17px;color:var(--amber)}

.tcard blockquote{margin:0 0 1.2rem;font-size:1rem;color:var(--text);line-height:1.65}

.tcard .who{display:flex;align-items:center;gap:.75rem;margin-top:auto;border-top:1px solid var(--line);padding-top:1rem}

.tcard .who img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}

.tcard .who b{display:block;font-size:.95rem;color:var(--ink)}

.tcard .who span{font-size:.83rem;color:var(--muted)}



/* ---------- events ---------- */

.ev{display:flex;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem}

.ev .date{flex:none;width:64px;text-align:center;background:var(--sand);border-radius:10px;padding:.55rem .2rem;border:1px solid var(--line)}

.ev .date b{display:block;font-family:var(--display);font-size:1.65rem;line-height:1;color:var(--green)}

.ev .date span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}

.ev h4{margin:0 0 .18rem;font-size:1.14rem}

.ev p{margin:0;font-size:.89rem;color:var(--muted)}



/* ---------- specs table ---------- */

.spec{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff;

  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}

.spec th,.spec td{padding:.78rem 1rem;text-align:left;border-bottom:1px solid var(--line)}

.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}

.spec th{width:44%;font-weight:600;color:var(--muted);background:var(--sand);font-size:.9rem}

.spec td{font-weight:600;color:var(--ink)}

.table-scroll{overflow-x:auto}



/* ---------- filter bar ---------- */

.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}

.filters a{border:1px solid var(--line);background:#fff;border-radius:99px;padding:.48rem 1rem;

  font-size:.9rem;font-weight:600;color:var(--ink)}

.filters a:hover{border-color:var(--green);color:var(--green)}

.filters a.on{background:var(--ink);border-color:var(--ink);color:#fff}



/* ---------- forms ---------- */

.form{display:grid;gap:1rem}

.f2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

.field{display:flex;flex-direction:column;gap:.35rem}

.field label{font-size:.85rem;font-weight:650;color:var(--ink)}

.field label .req{color:#C4452F}

.field input,.field select,.field textarea{

  font:inherit;font-size:.96rem;padding:.78rem .9rem;border:1px solid var(--line);border-radius:var(--radius-s);

  background:#fff;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease;width:100%}

.field textarea{min-height:132px;resize:vertical}

.field input:focus,.field select:focus,.field textarea:focus{

  outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(31,122,61,.14)}

.field .hint{font-size:.78rem;color:var(--muted)}

.checkline{display:flex;gap:.6rem;align-items:flex-start;font-size:.87rem;color:var(--muted)}

.checkline input{width:18px;height:18px;margin-top:.16rem;flex:none;accent-color:var(--green)}

.form-note{font-size:.82rem;color:var(--muted)}

.notice{padding:.95rem 1.1rem;border-radius:var(--radius-s);font-size:.93rem;font-weight:550;

  border:1px solid;display:flex;gap:.6rem;align-items:flex-start}

.notice svg{width:19px;height:19px;flex:none;margin-top:.12rem}

.notice-ok{background:#EAF6EE;border-color:#BCDFC8;color:#1B5C33}

.notice-err{background:#FDEEEA;border-color:#F3C9BD;color:#8C2F18}

.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);

  padding:clamp(20px,2.6vw,34px);box-shadow:var(--shadow-m)}



/* ---------- contact blocks ---------- */

.cblock{display:flex;gap:.9rem;padding:1.05rem 0;border-bottom:1px solid var(--line)}

.cblock:last-child{border-bottom:0}

.cblock .ico{width:42px;height:42px;border-radius:10px;background:var(--sand);color:var(--green);

  display:grid;place-items:center;flex:none}

.cblock .ico svg{width:20px;height:20px}

.cblock b{display:block;font-size:.95rem;color:var(--ink)}

.cblock span,.cblock a{font-size:.95rem;color:var(--muted);display:block}

.cblock a:hover{color:var(--green)}

.mapbox{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-m);

  background:var(--sand-2)}

.mapbox iframe{display:block;width:100%;height:340px;border:0;filter:saturate(.92)}



/* ---------- FAQ ---------- */

.faq{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}

.faq details{border-bottom:1px solid var(--line)}

.faq details:last-child{border-bottom:0}

.faq summary{list-style:none;cursor:pointer;padding:1.1rem 1.3rem;font-weight:650;font-size:1.02rem;

  display:flex;align-items:center;gap:.8rem;color:var(--ink)}

.faq summary::-webkit-details-marker{display:none}

.faq summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--green);

  border-bottom:2px solid var(--green);transform:rotate(45deg);transition:transform .2s ease;flex:none}

.faq details[open] summary::after{transform:rotate(-135deg)}

.faq .ans{padding:0 1.3rem 1.2rem;color:var(--muted);font-size:.96rem}

.faq .ans p:last-child{margin-bottom:0}



/* ---------- prose (editor content) ---------- */

.prose{font-size:1.03rem}

.prose h2{margin-top:2.2rem}

.prose h3{margin-top:1.8rem}

.prose>*:first-child{margin-top:0}

.prose img{border-radius:var(--radius);box-shadow:var(--shadow-m);margin-block:1.6rem}

.prose ul{list-style:none;padding:0}

.prose ul li{position:relative;padding-left:1.6rem}

.prose ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:2px;

  background:var(--amber)}

.prose blockquote{margin:1.8rem 0;padding:1.1rem 1.4rem;border-left:4px solid var(--green);

  background:var(--sand);border-radius:0 10px 10px 0;font-size:1.04rem}

.prose blockquote p:last-child{margin-bottom:0}



/* ---------- cta strip ---------- */

.cta{background:linear-gradient(112deg,var(--ink) 0%,var(--ink-3) 58%,#22432D 100%);color:#fff;

  border-radius:var(--radius);padding:clamp(28px,4vw,52px);display:grid;

  grid-template-columns:1.4fr auto;gap:2rem;align-items:center;box-shadow:var(--shadow-l);position:relative;overflow:hidden}

.cta::before{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;

  background:radial-gradient(circle,rgba(242,163,27,.22),transparent 62%)}

.cta h2{color:#fff;margin-bottom:.3em}

.cta p{color:#BCCCC2;margin:0;max-width:58ch}



/* ---------- footer ---------- */

.ftr{background:var(--ink);color:#A5B7AB;padding-block:clamp(48px,5.6vw,74px) 0;font-size:.94rem}

.ftr a{color:#C7D4CB}

.ftr a:hover{color:var(--amber)}

.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.35fr;gap:clamp(24px,3vw,48px)}

.ftr h4{color:#fff;font-size:1.06rem;letter-spacing:.05em;margin-bottom:1rem}

.ftr ul{list-style:none;padding:0;margin:0}

.ftr li{margin-bottom:.52rem}

.ftr .brand svg{height:40px}

.ftr .brand-txt b{color:#fff}

.ftr .brand-txt span{color:#8FA396}

.ftr .about{margin:1.1rem 0 1.2rem;max-width:38ch;color:#9BAEA2}

.socials{display:flex;gap:.5rem}

.socials a{width:38px;height:38px;border-radius:9px;border:1px solid var(--line-d);display:grid;place-items:center;

  color:#C7D4CB;transition:background .2s ease,color .2s ease,border-color .2s ease}

.socials a:hover{background:var(--amber);border-color:var(--amber);color:#20180A}

.socials svg{width:17px;height:17px}

.nl{display:flex;gap:.5rem;margin-top:.9rem}

.nl input{flex:1;min-width:0;padding:.72rem .85rem;border-radius:8px;border:1px solid var(--line-d);

  background:var(--ink-2);color:#fff;font:inherit;font-size:.92rem}

.nl input::placeholder{color:#7E9186}

.nl input:focus{outline:0;border-color:var(--amber)}

.ftr-bar{margin-top:clamp(34px,4vw,52px);border-top:1px solid var(--line-d);padding-block:1.2rem 1.4rem;

  display:flex;gap:1rem;flex-wrap:wrap;align-items:center;font-size:.86rem;color:#8FA396}

.ftr-bar .links{display:flex;gap:1.1rem;flex-wrap:wrap;margin-left:auto}

.credit{display:inline-flex;align-items:center;gap:.4rem}

.credit a{color:#C7D4CB;font-weight:600}



/* ---------- reveal ---------- */

.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}

.rv.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){

  .rv{opacity:1;transform:none;transition:none}

  html{scroll-behavior:auto}

}



/* ---------- skip link ---------- */

.skip{position:absolute;left:-9999px;top:0;background:var(--amber);color:#20180A;padding:.7rem 1rem;

  z-index:200;font-weight:700;border-radius:0 0 8px 0}

.skip:focus{left:0}



/* ---------- responsive ---------- */

@media (max-width:1080px){

  .nav{display:none}

  .burger{display:flex}

  .hdr .wrap{min-height:72px;gap:.8rem}

  .hdr-phone{display:none}

  .g4{grid-template-columns:repeat(2,1fr)}

  .trust-grid{grid-template-columns:repeat(2,1fr)}

  .trust-i:nth-child(2){border-right:0}

  .trust-i:nth-child(1),.trust-i:nth-child(2){border-bottom:1px solid var(--line)}

  .ftr-grid{grid-template-columns:1fr 1fr}

}

@media (max-width:900px){

  .g3{grid-template-columns:repeat(2,1fr)}

  .split{grid-template-columns:1fr;gap:56px}

  .split.rev .split-media{order:0}

  .split-media .m2{width:38%;right:0;bottom:-28px}

  .cta{grid-template-columns:1fr}

  .stats{grid-template-columns:repeat(2,1fr)}

  .stats div:nth-child(2){border-right:0}

  .stats div:nth-child(1),.stats div:nth-child(2){border-bottom:1px solid var(--line)}

  .sec-ink .stats div:nth-child(1),.sec-ink .stats div:nth-child(2){border-bottom:1px solid var(--line-d)}

}

@media (max-width:680px){

  body{font-size:16px}

  .wrap,.wrap-n{width:min(100% - 32px,var(--wrap))}

  .g2,.g3,.g4{grid-template-columns:1fr}

  .f2{grid-template-columns:1fr}

  .util .wrap{min-height:auto;padding-block:.5rem;gap:.7rem;font-size:.78rem}

  .util-right{margin-left:0;width:100%;justify-content:space-between}

  .hero-in{max-width:none}

  .hero-meta{gap:1.1rem}

  .hero-meta b{font-size:1.6rem}

  .trust{margin-top:-30px}

  .trust-grid{grid-template-columns:1fr}

  .trust-i{border-right:0;border-bottom:1px solid var(--line)}

  .trust-i:last-child{border-bottom:0}

  .trust-i:nth-child(2){border-right:0}

  .stats{grid-template-columns:1fr}

  .stats div{border-right:0;border-bottom:1px solid var(--line)}

  .stats div:last-child{border-bottom:0}

  .split-media .m2{display:none}

  .split-media .badge{left:auto;right:-6px;top:-16px;max-width:150px}

  .ftr-grid{grid-template-columns:1fr}

  .ftr-bar .links{margin-left:0}

  .btn{width:auto}

}



/* ---------- mobile drawer ---------- */

.drawer{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none}

.drawer .scrim{position:absolute;inset:0;background:rgba(10,20,13,.5);opacity:0;transition:opacity .25s ease}

.drawer .panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,380px);background:#fff;

  box-shadow:var(--shadow-l);transform:translateX(102%);transition:transform .3s cubic-bezier(.2,.7,.3,1);

  display:flex;flex-direction:column;overflow-y:auto;padding:1.1rem 1.2rem 2rem}

.is-open .drawer{visibility:visible;pointer-events:auto}

.is-open .drawer .scrim{opacity:1}

.is-open .drawer .panel{transform:none}

.drawer .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}

.drawer .x{width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;

  display:grid;place-items:center;font-size:1.3rem;line-height:1;color:var(--ink)}

.drawer ul{list-style:none;margin:0;padding:0}

.drawer li{border-bottom:1px solid var(--line)}

.drawer li a{display:block;padding:.86rem .2rem;color:var(--ink);font-weight:600}

.drawer .sub-menu{padding-left:.9rem;border-top:1px solid var(--line)}

.drawer .sub-menu a{font-weight:500;font-size:.94rem;color:var(--muted)}

.drawer .d-cta{margin-top:1.4rem;display:grid;gap:.6rem}

.drawer .d-meta{margin-top:1.4rem;font-size:.9rem;color:var(--muted);display:grid;gap:.5rem}

body.is-open{overflow:hidden}



/* ---------- misc ---------- */

.pagi{display:flex;gap:.4rem;justify-content:center;margin-top:2.6rem;flex-wrap:wrap}

.pagi .page-numbers{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.5rem .85rem;

  font-weight:600;font-size:.92rem;color:var(--ink)}

.pagi .page-numbers.current{background:var(--ink);border-color:var(--ink);color:#fff}

.badge-inline{display:inline-flex;align-items:center;gap:.4rem;background:var(--sand);border:1px solid var(--line);

  border-radius:99px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:var(--ink-3)}

.badge-inline svg{width:15px;height:15px;color:var(--green)}

.pricebox{background:var(--ink);color:#fff;border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--shadow-l)}

.pricebox b{font-family:var(--display);font-size:2.4rem;display:block;line-height:1;color:var(--amber)}

.pricebox span{font-size:.88rem;color:#A9BAAE}



/* ---------- fixes: ghost buttons on dark, card layout, footer links ---------- */

.hero .btn-ghost,.band .btn-ghost,.phero .btn-ghost,.cta .btn-ghost{

  --fg:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.06)}

.hero .btn-ghost:hover,.band .btn-ghost:hover,.phero .btn-ghost:hover,.cta .btn-ghost:hover{

  --fg:var(--ink);--bg:#fff;border-color:#fff}



.ccard .ccard-in{display:block}

.ccard .ccard-in h3{display:block;margin:0 0 .3rem}

.ccard .ccard-in .desc{display:block;font-size:.88rem;color:#C3D1C7;line-height:1.4;margin-bottom:.5rem;

  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.ccard .ccard-in .more{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:650;color:#fff}

.ccard{min-height:270px}



.ftr-bar ul{display:flex;gap:1.1rem;flex-wrap:wrap;margin:0;padding:0;list-style:none}

.ftr-bar li{list-style:none;margin:0}

.ftr .nl button{padding:.6rem .9rem}



/* ---------- find-us panel ---------- */

.mapgrid{display:grid;grid-template-columns:1.15fr .85fr;background:#fff}

.mapart{position:relative;min-height:340px;background:#E8EDE6}

.mapart svg{position:absolute;inset:0;width:100%;height:100%}

.mapinfo{padding:clamp(22px,2.6vw,34px)}

.mapinfo h3{margin-bottom:.4rem}

@media (max-width:900px){.mapgrid{grid-template-columns:1fr}.mapart{min-height:230px}}



/* ---------- footer headings (h2 kept for heading order) ---------- */

.ftr .ftr-h{color:#fff;font-size:1.06rem;letter-spacing:.05em;margin:0 0 1rem;

  font-family:var(--display);font-weight:700;text-transform:uppercase}

.ftr .legal-list{display:flex;gap:1.1rem;flex-wrap:wrap;margin:0;padding:0;list-style:none}

.ftr-bar a{padding-block:.25rem;display:inline-block}

.util a{padding-block:.3rem;display:inline-flex}



/* ---------- tap targets + event heading ---------- */

.nav .sub-menu a{padding:.62rem .7rem;min-height:40px}

.ev .ev-h{margin:0 0 .18rem;font-size:1.14rem;font-family:var(--display);font-weight:700;

  text-transform:uppercase;color:var(--ink);line-height:1.05}

.lang b,.lang span{padding-block:.25rem}



/* ---------- screen-reader-only text, contrast ---------- */

.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;

  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

.lang span{opacity:1;color:#A8BBAE}