:root{
  --ink:#142019;
  --ink-2:#27342d;
  --muted:#657268;
  --muted-2:#879188;
  --paper:#f7f8f4;
  --white:#ffffff;
  --line:#dde3dc;
  --line-2:#ccd4cc;
  --green:#70c817;
  --green-dark:#3c8f19;
  --green-soft:#edf8df;
  --green-pale:#f5fbe9;
  --green-wash:#eef8e6;
  --lime:#a6ed19;
  --lime-bright:#b7f536;
  --charcoal:#1d2521;
  --warm:#f2f1eb;
  --max:1260px;
  --shadow:0 28px 70px rgba(25,45,32,.10);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--white);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 44px),var(--max));margin:auto}
.narrow{width:min(calc(100% - 44px),900px);margin:auto}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.overline{
  font-size:.72rem;
  letter-spacing:.14em;
  font-weight:800;
  text-transform:uppercase;
  color:var(--green-dark);
  margin-bottom:16px;
}
.display{
  margin:0;
  font-size:clamp(3.15rem,7vw,6.7rem);
  line-height:.94;
  letter-spacing:-.065em;
  font-weight:680;
}
.page-title{
  margin:0;
  font-size:clamp(2.8rem,5.5vw,5.35rem);
  line-height:.98;
  letter-spacing:-.058em;
  font-weight:680;
}
.section-title{
  margin:0;
  font-size:clamp(2.25rem,4.2vw,4.25rem);
  line-height:1;
  letter-spacing:-.052em;
  font-weight:660;
}
.lede{
  font-size:clamp(1.08rem,1.8vw,1.35rem);
  line-height:1.6;
  color:var(--muted);
  max-width:760px;
}
.section{padding:104px 0}
.section-sm{padding:74px 0}
.paper{
  background:
    radial-gradient(circle at 92% 8%,rgba(165,237,25,.10),transparent 28%),
    linear-gradient(180deg,#f8faf5,#f5f8f1);
}
.warm{
  background:
    radial-gradient(circle at 5% 0%,rgba(112,200,23,.08),transparent 25%),
    var(--warm);
}
.dark{
  background:var(--charcoal);
  color:white;
}
.dark .muted,.dark .lede{color:#bdc7c0}
.dark .overline{color:#a4e660}
.rule{border-top:1px solid var(--line)}
.grid{display:grid;gap:22px}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.card-pad{padding:30px}
.soft-card{
  background:linear-gradient(180deg,#fbfdf8,#f3f8ef);
  border:1px solid #d8e7cf;
  border-radius:var(--radius);
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:46px;
  padding:0 18px;
  border-radius:7px;
  font-weight:750;
  font-size:.92rem;
  border:1px solid var(--ink);
  transition:.18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  background:var(--ink);
  color:white;
}
.btn-green{
  background:linear-gradient(135deg,var(--lime-bright),var(--green));
  border-color:var(--green);
  color:#122010;
  box-shadow:0 8px 20px rgba(112,200,23,.16);
}
.btn-light{
  background:#fff;
  border-color:var(--line-2);
}
.link{
  display:inline-flex;
  gap:7px;
  align-items:center;
  color:var(--green-dark);
  font-weight:760;
}
.link:after{content:"→";transition:.15s ease}
.link:hover:after{transform:translateX(4px)}
.kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:.88rem;
}
.kicker:before{
  content:"";
  width:7px;height:7px;
  border-radius:50%;
  background:var(--green);
}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  border-bottom:1px solid rgba(73,138,28,.38);
  background:
    radial-gradient(circle at 7% 48%,rgba(184,244,62,.31),transparent 22%),
    radial-gradient(circle at 95% 20%,rgba(96,191,22,.25),transparent 25%),
    linear-gradient(90deg,#eef8df 0%,#f8fdf1 25%,#ffffff 57%,#edf7df 100%);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 34px rgba(52,91,25,.10);
}
.site-header:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:6px;
  background:linear-gradient(90deg,#286f17 0%,#58b313 24%,#a8ec31 52%,#76cf1d 76%,#2a7a18 100%);
  box-shadow:0 2px 8px rgba(83,154,24,.20);
}
.header-row{
  min-height:82px;
  display:flex;
  align-items:center;
  gap:34px;
}
.brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
  letter-spacing:-.035em;
  white-space:nowrap;
}
.brand img{
  width:41px;height:41px;object-fit:contain;
  filter:drop-shadow(0 5px 10px rgba(76,145,21,.14));
}
.brand-copy{display:flex;flex-direction:column;line-height:1.04}
.brand-copy strong{
  font-size:1.05rem;
  background:linear-gradient(90deg,#243329,#4f9d1d 62%,#78c719);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand-copy span{font-size:.61rem;letter-spacing:.18em;color:#62705f;text-transform:uppercase;margin-top:4px}
.nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:25px;
  font-size:.9rem;
  font-weight:680;
  color:#3c493f;
}
.nav a{
  position:relative;
  padding:30px 0 27px;
  border-bottom:2px solid transparent;
}
.nav a:after{
  content:"";
  position:absolute;
  left:50%;right:50%;bottom:19px;
  height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--green-dark),var(--lime));
  transition:.18s ease;
}
.nav a:hover,.nav a.active{color:#294a24;border-color:transparent}
.nav a:hover:after,.nav a.active:after{left:0;right:0}
.header-actions{display:flex;gap:9px}
.header-actions .btn-light{
  background:rgba(255,255,255,.78);
  border-color:rgba(78,137,38,.25);
}
.header-actions .btn-primary{
  background:linear-gradient(135deg,#2a7119,#5fb518 55%,#8bd825);
  border-color:#3d8b1d;
  box-shadow:0 9px 24px rgba(68,130,29,.25);
}
.menu-btn{display:none;background:#f7fbf1;border:1px solid rgba(95,153,45,.28);border-radius:7px;padding:8px 11px;color:#36522d}
.mobile-menu{
  display:none;
  border-top:1px solid rgba(105,170,46,.18);
  padding:13px 0 20px;
  background:rgba(249,253,244,.9);
}
.mobile-menu a{display:block;padding:11px 0;font-weight:650}

/* Hero */
.hero{
  padding:78px 0 52px;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 16%,rgba(170,239,52,.13),transparent 24%),
    radial-gradient(circle at 12% 0%,rgba(112,200,23,.075),transparent 20%),
    linear-gradient(180deg,#fff 0%,#fbfcf8 100%);
}
.hero-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:72px;
  align-items:center;
}
.hero-copy .lede{margin:27px 0 0}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:31px}
.hero-fineprint{margin-top:22px;color:var(--muted-2);font-size:.85rem}
.hero-art{
  min-height:535px;
  position:relative;
}
.product-canvas{
  position:absolute;
  inset:18px 0 0 0;
  border:1px solid var(--line);
  background:#f9faf7;
  box-shadow:var(--shadow);
  border-radius:13px;
  overflow:hidden;
}
.canvas-top{
  height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  border-bottom:1px solid var(--line);
  background:white;
}
.canvas-dots{display:flex;gap:6px}
.canvas-dots i{width:7px;height:7px;border-radius:50%;background:#bcc6bd}
.canvas-label{font-size:.72rem;color:var(--muted);font-weight:700}
.canvas-body{display:grid;grid-template-columns:128px 1fr;height:calc(100% - 45px)}
.canvas-side{padding:17px 12px;border-right:1px solid var(--line);background:#fff}
.canvas-side b{display:block;height:9px;background:#e7ece7;border-radius:2px;margin-bottom:13px}
.canvas-side b:nth-child(2){width:74%}.canvas-side b:nth-child(3){width:86%}.canvas-side b:nth-child(4){width:64%}
.canvas-main{padding:24px}
.canvas-title{width:43%;height:16px;background:#233128;border-radius:2px;margin-bottom:20px}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.metric-card{padding:15px;background:#fff;border:1px solid var(--line);border-radius:8px}
.metric-card small{color:var(--muted);font-size:.68rem}
.metric-card strong{display:block;font-size:1.22rem;margin-top:5px}
.chart{
  height:180px;
  margin-top:18px;
  padding:16px 14px 0;
  display:flex;align-items:end;gap:10px;
  background:#fff;border:1px solid var(--line);border-radius:8px;
}
.chart i{
  flex:1;
  background:linear-gradient(180deg,var(--lime),var(--green));
  border-radius:3px 3px 0 0;
}
.floating-card{
  position:absolute;
  border:1px solid var(--line);
  box-shadow:0 18px 45px rgba(22,42,28,.14);
  background:#fff;
  border-radius:10px;
  padding:18px;
}
.float-a{right:-24px;top:4px;width:210px}
.float-b{left:-28px;bottom:5px;width:230px}
.float-value{font-size:1.55rem;font-weight:800;letter-spacing:-.04em}
.float-label{font-size:.72rem;color:var(--muted);margin-top:2px}
.float-row{display:flex;align-items:center;justify-content:space-between;padding-top:11px;margin-top:11px;border-top:1px solid var(--line);font-size:.78rem}

/* trust strip */
.trust-strip{
  border-top:1px solid #d8e5d0;
  border-bottom:1px solid #d8e5d0;
  background:linear-gradient(90deg,#fbfef7,#eef8e6 48%,#fbfef7);
}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding:24px 24px 24px 0;border-right:1px solid var(--line);margin-right:24px}
.trust-item:last-child{border:0;margin:0}
.trust-item strong{display:block;font-size:.96rem}
.trust-item span{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}

/* Split feature */
.split{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:72px;
  align-items:start;
}
.split-copy p{font-size:1.06rem;color:var(--muted)}
.feature-list{border-top:1px solid var(--line)}
.feature-row{
  padding:26px 0;
  display:grid;
  grid-template-columns:58px 1fr;
  gap:18px;
  border-bottom:1px solid var(--line);
}
.feature-row .num{font-size:.72rem;color:var(--green-dark);letter-spacing:.12em;font-weight:800}
.feature-row h3{margin:0;font-size:1.22rem;letter-spacing:-.025em}
.feature-row p{margin:7px 0 0;color:var(--muted)}

/* product cards */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.product-card{
  min-height:355px;
  border:1px solid #dbe5d7;
  border-radius:14px;
  padding:26px;
  display:flex;
  flex-direction:column;
  background:
    linear-gradient(180deg,rgba(161,232,45,.055),rgba(255,255,255,0) 30%),
    #fff;
  position:relative;
  overflow:hidden;
}
.product-card:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#3e8c1a,#8dd91f,#b5f13a);
  opacity:.68;
}
.product-card .product-tag{font-size:.7rem;color:var(--green-dark);letter-spacing:.12em;font-weight:800;text-transform:uppercase}
.product-card h3{font-size:1.65rem;letter-spacing:-.04em;margin:48px 0 9px}
.product-card p{color:var(--muted);margin:0}
.product-card .link{margin-top:auto;padding-top:26px}
.product-card.featured{
  background:var(--charcoal);
  color:white;
  border-color:var(--charcoal);
}
.product-card.featured p{color:#bdc8c0}
.product-card.featured .link,.product-card.featured .product-tag{color:#a5ec61}

/* editorial band */
.editorial-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:end}
.big-quote{font-size:clamp(2.2rem,4.2vw,4.1rem);line-height:1.03;letter-spacing:-.05em;margin:0}
.stat-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat-box{padding:24px;border-top:1px solid rgba(255,255,255,.22)}
.stat-box strong{font-size:2rem;letter-spacing:-.04em}
.stat-box span{display:block;font-size:.8rem;color:#aebbb2;margin-top:4px}

/* logos/wordmarks */
.wordmark-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.wordmark-strip span{
  border:1px solid var(--line);
  background:white;
  padding:10px 13px;
  border-radius:5px;
  color:#49574e;
  font-size:.8rem;
  font-weight:700;
}

/* process */
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px}
.process-step{padding:25px 22px 28px;border-right:1px solid var(--line)}
.process-step:last-child{border-right:0}
.process-step small{color:var(--green-dark);font-weight:800;letter-spacing:.12em}
.process-step h3{font-size:1.05rem;margin:28px 0 9px}
.process-step p{font-size:.84rem;color:var(--muted);margin:0}

/* case studies */
.case-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:42px}
.case-card{
  min-height:410px;
  padding:34px;
  border-radius:14px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  position:relative;
}
.case-card.primary{background:var(--green-soft);border:1px solid #d3e8bb}
.case-card.secondary{background:var(--paper);border:1px solid var(--line)}
.case-card h3{margin:auto 0 10px;font-size:2rem;line-height:1.04;letter-spacing:-.045em}
.case-card p{color:var(--muted);max-width:570px}
.case-card .case-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--green-dark)}
.case-graphic{
  position:absolute;
  top:32px;right:32px;
  width:135px;height:135px;border:1px solid rgba(60,143,25,.23);
  border-radius:50%;
}
.case-graphic:before,.case-graphic:after{
  content:"";position:absolute;border-radius:50%;border:1px solid rgba(60,143,25,.25)
}
.case-graphic:before{inset:18px}.case-graphic:after{inset:38px}

/* page hero */
.page-hero{
  padding:82px 0 66px;
  border-bottom:1px solid #dce7d6;
  background:
    radial-gradient(circle at 92% 5%,rgba(168,238,46,.12),transparent 26%),
    linear-gradient(180deg,#fff,#fafcf7);
}
.page-hero-grid{display:grid;grid-template-columns:1fr .72fr;gap:72px;align-items:end}
.page-hero .lede{margin:0}

/* page cards */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.info-card{
  padding:28px;
  border-top:3px solid transparent;
  border-image:linear-gradient(90deg,#32831a,#91d921,#b9f13c) 1;
  background:linear-gradient(180deg,#fff,#fbfdf9);
}
.info-card h3{margin:18px 0 8px;font-size:1.25rem}
.info-card p{margin:0;color:var(--muted)}
.icon-box{
  width:40px;height:40px;
  display:grid;place-items:center;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--green-dark);
  font-weight:900;
}

/* product detail */
.product-hero{
  padding:84px 0 66px;
  background:
    radial-gradient(circle at 90% 10%,rgba(177,241,58,.14),transparent 25%),
    radial-gradient(circle at 8% 100%,rgba(73,143,31,.055),transparent 23%),
    linear-gradient(180deg,#fff,#f7faf3);
  border-bottom:1px solid #dce6d8;
}
.product-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:64px;align-items:center}
.product-ui{
  border:1px solid var(--line-2);
  box-shadow:var(--shadow);
  border-radius:12px;
  background:white;
  overflow:hidden;
  min-height:400px;
}
.ui-head{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;justify-content:space-between}
.ui-body{padding:19px;background:#f7f9f5;min-height:355px}
.ui-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ui-tile{height:76px;background:white;border:1px solid var(--line);border-radius:7px}
.ui-list{margin-top:12px;background:white;border:1px solid var(--line);border-radius:7px}
.ui-list div{height:40px;border-bottom:1px solid var(--line)}
.ui-list div:last-child{border:0}

/* industry */
.industry-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
.industry-card{
  padding:32px;
  background:
    linear-gradient(180deg,rgba(165,237,25,.07),rgba(255,255,255,0) 34%),
    white;
  border:1px solid #dce7d7;
  border-radius:12px;
}
.industry-card h3{font-size:1.45rem;margin:42px 0 9px}
.industry-card p{color:var(--muted);margin:0}

/* FAQ */
.faq{border-top:1px solid var(--line);margin-top:36px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;border:0;background:none;text-align:left;padding:21px 0;display:flex;justify-content:space-between;font-weight:760;color:var(--ink)}
.faq-a{display:none;padding:0 0 22px;color:var(--muted);max-width:800px}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q span{transform:rotate(45deg)}
.faq-q span{transition:.15s ease}

/* forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:7px}
.field.full{grid-column:1/-1}
.field label{font-size:.78rem;font-weight:760}
.field input,.field textarea,.field select{
  border:1px solid var(--line-2);
  border-radius:7px;
  padding:13px 14px;
  background:white;
  outline:none;
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green-dark)}
.field textarea{min-height:140px;resize:vertical}
.form-note{font-size:.78rem;color:var(--muted);margin-top:12px}

/* CTA */
.cta-band{
  padding:52px 0;
  background:
    linear-gradient(100deg,#5dad19 0%,#7fce1c 42%,#a6e82d 72%,#78c917 100%);
  color:#142011;
  border-top:1px solid #5ca516;
  border-bottom:1px solid #62ae17;
}
.cta-row{display:flex;align-items:center;justify-content:space-between;gap:32px}
.cta-row h2{margin:0;font-size:clamp(2rem,3.8vw,3.8rem);line-height:1;letter-spacing:-.05em}
.cta-row p{max-width:530px;margin:10px 0 0;color:#31451e}
.cta-band .btn{background:#142019;color:white;border-color:#142019}

/* footer */
.site-footer{
  padding:70px 0 28px;
  background:
    radial-gradient(circle at 8% 0%,rgba(156,225,48,.10),transparent 25%),
    linear-gradient(180deg,#f7f9f3,#f3f6ee);
  border-top:1px solid #d8e5d1;
}
.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:35px}
.footer-brand p{color:var(--muted);max-width:350px;font-size:.88rem}
.footer-col h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 17px}
.footer-col a{display:block;color:var(--muted);font-size:.87rem;margin:10px 0}
.footer-col a:hover{color:var(--ink)}
.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;color:var(--muted-2);font-size:.78rem}

/* reveal */
.reveal{opacity:0;transform:translateY(16px);transition:.55s ease}
.reveal.show{opacity:1;transform:none}

@media(max-width:1050px){
  .nav{display:none}
  .header-actions .btn-light{display:none}
  .menu-btn{display:block;margin-left:auto}
  .hero-grid,.page-hero-grid,.product-hero-grid,.split,.editorial-grid{grid-template-columns:1fr}
  .hero-art{max-width:720px;width:100%;margin:auto}
  .product-grid,.info-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .process-step:nth-child(2n){border-right:0}
  .process-step:nth-child(-n+4){border-bottom:1px solid var(--line)}
  .case-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:700px){
  .container,.narrow{width:min(calc(100% - 26px),var(--max))}
  .section{padding:78px 0}
  .section-sm{padding:58px 0}
  .header-row{min-height:68px}
  .brand-copy span{display:none}
  .header-actions .btn{display:none}
  .hero{padding-top:55px}
  .hero-art{min-height:390px}
  .product-canvas{inset:10px 0 0 0}
  .canvas-body{grid-template-columns:80px 1fr}
  .float-a{right:-9px;width:175px}
  .float-b{left:-8px;width:185px}
  .trust-grid,.product-grid,.info-grid,.industry-list,.cols-2,.cols-3,.cols-4,.form-grid{grid-template-columns:1fr}
  .trust-item{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:19px 0}
  .process-grid{grid-template-columns:1fr}
  .process-step{border-right:0;border-bottom:1px solid var(--line)}
  .metric-grid{grid-template-columns:1fr}
  .metric-card:nth-child(n+2){display:none}
  .page-hero{padding-top:58px}
  .cta-row{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .field.full{grid-column:auto}
}

/* Product detail pages — intentionally not fake screenshots */
.product-overview{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:64px;
  align-items:center;
}
.product-map{
  border:1px solid #d8e5d1;
  border-radius:18px;
  padding:28px;
  min-height:390px;
  background:
    radial-gradient(circle at 84% 14%,rgba(166,237,25,.14),transparent 28%),
    linear-gradient(180deg,#fbfef8,#f2f8ec);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.product-map .map-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding-bottom:18px;border-bottom:1px solid #dbe6d5;
}
.product-map .map-head strong{font-size:1rem;letter-spacing:-.02em}
.product-map .map-head span{font-size:.72rem;color:var(--green-dark);font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.capability-map{
  display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px;
}
.capability-node{
  padding:17px;border:1px solid #d9e4d4;border-radius:10px;background:rgba(255,255,255,.78)
}
.capability-node b{display:block;font-size:.86rem}
.capability-node small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}
.product-promise{
  margin-top:22px;padding-top:18px;border-top:1px solid #dbe6d5;color:#536153;font-size:.8rem
}
.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.usecase{
  border:1px solid var(--line);border-radius:12px;padding:26px;background:#fff
}
.usecase .num{font-size:.67rem;color:var(--green-dark);font-weight:900;letter-spacing:.12em}
.usecase h3{font-size:1.15rem;margin:44px 0 8px}
.usecase p{color:var(--muted);font-size:.88rem;margin:0}
.product-spec-list{border-top:1px solid var(--line);margin-top:34px}
.product-spec{
  display:grid;grid-template-columns:180px 1fr;gap:24px;padding:21px 0;border-bottom:1px solid var(--line)
}
.product-spec b{font-size:.8rem}
.product-spec span{color:var(--muted);font-size:.9rem}
.software-index{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px
}
.software-tile{
  min-height:300px;border:1px solid #dbe5d7;border-radius:14px;padding:27px;background:
  linear-gradient(180deg,rgba(163,232,47,.07),rgba(255,255,255,0) 34%),#fff;
  display:flex;flex-direction:column;position:relative;overflow:hidden
}
.software-tile:before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#338019,#83d31f,#b6f23a)
}
.software-tile .category{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--green-dark)}
.software-tile h3{font-size:1.55rem;letter-spacing:-.04em;margin:46px 0 9px}
.software-tile p{color:var(--muted);font-size:.9rem;margin:0}
.software-tile .link{margin-top:auto;padding-top:22px}
.coming-support{
  padding:44px;border:1px solid #d7e5cf;border-radius:16px;
  background:linear-gradient(135deg,#f7fcec,#fff);
}
.email-card{
  display:inline-flex;align-items:center;gap:9px;padding:13px 16px;border-radius:8px;
  border:1px solid #cfe1c5;background:#f3faed;color:#326f1c;font-weight:800
}
@media(max-width:950px){
  .product-overview{grid-template-columns:1fr}
  .software-index,.usecase-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .software-index,.usecase-grid,.capability-map{grid-template-columns:1fr}
  .product-spec{grid-template-columns:1fr;gap:5px}
  .coming-support{padding:28px}
}

/* v7: restrained premium header refinement */
.site-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(48,83,48,.12)!important;
  box-shadow:0 8px 28px rgba(31,55,34,.055)!important;
}
.site-header:before{
  height:4px!important;
  background:linear-gradient(90deg,#2f7d19,#69bd18 38%,#a6e832 50%,#69bd18 62%,#2f7d19)!important;
  box-shadow:none!important;
}
.header-row{min-height:78px!important}
.brand{padding-right:20px;border-right:1px solid rgba(39,65,41,.10)}
.nav{gap:22px!important}
.nav a{padding-top:28px!important;padding-bottom:26px!important}
.header-actions .btn-primary{
  background:linear-gradient(135deg,#3d8e1b,#72c819)!important;
  border-color:#4b9b1c!important;
  box-shadow:0 8px 20px rgba(68,130,29,.15)!important;
}
.hero{
  background:
    radial-gradient(circle at 88% 10%,rgba(163,232,47,.10),transparent 28%),
    linear-gradient(180deg,#fff,#fafcf7)!important;
}
@media(max-width:1050px){.brand{border-right:0;padding-right:0}}

@media(max-width:1100px){
  .brand-full{min-width:auto;padding-right:10px}
  .brand-full img{width:185px}
}
@media(max-width:760px){
  .brand-full img{width:165px}
}


/* v11 header logo fix */
.brand,
.brand-full{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
  padding-right:18px;
}
.brand-full img{
  display:block;
  width:260px;
  height:auto;
  max-height:64px;
  object-fit:contain;
  object-position:left center;
}
.header-row{
  min-height:88px !important;
}
.nav{
  align-items:center;
}
.site-footer .brand-full img{
  width:280px;
  max-height:78px;
}
@media (max-width: 1200px){
  .brand-full img{width:230px;max-height:58px;}
}
@media (max-width: 980px){
  .brand-full img{width:210px;max-height:54px;}
}
@media (max-width: 760px){
  .header-row{min-height:76px !important;}
  .brand-full img{width:180px;max-height:48px;}
}


/* v12 header logo sizing + true transparent asset */
.site-header .brand-full{
  padding-right:24px;
}
.site-header .brand-full img{
  width:240px;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:left center;
  filter:none;
}
.header-row{
  min-height:96px !important;
}
@media (max-width:1200px){
  .site-header .brand-full img{width:220px;max-height:none;}
}
@media (max-width:980px){
  .site-header .brand-full img{width:200px;max-height:none;}
}
@media (max-width:760px){
  .header-row{min-height:80px !important;}
  .site-header .brand-full img{width:180px;max-height:none;}
}