/* Buyer selection, resources and conversion components. */
:root { --ex-ink:#163e35; --ex-green:#1f674d; --ex-line:#d7e3da; --ex-soft:#eff5ef; }
.ex-main { max-width:1360px; margin:auto; padding:140px 40px 80px; color:var(--ex-ink); }
.ex-section { max-width:1280px; margin:0 auto; padding:48px 32px; color:var(--ex-ink); }
.ex-main>.ex-section { padding-inline:0; }
.ex-section h1 { font-size:clamp(32px,4vw,52px); line-height:1.15; margin:0 0 20px; }
.ex-section h1,.ex-main>h1 { overflow-wrap:anywhere; hyphens:auto; }
.ex-section h2,.ex-main>h1 { font-size:clamp(25px,3vw,36px); line-height:1.25; margin:0 0 20px; }
.ex-section p,.ex-section li { line-height:1.7; }
.ex-lead { max-width:850px; font-size:19px; }
.ex-note { font-size:13px; color:#516a5d; line-height:1.6; max-width:1000px; }
.ex-eyebrow { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.ex-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin:22px 0; }
.ex-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:12px 22px;
  border:1px solid var(--ex-green); border-radius:7px; background:var(--ex-green); color:#fff!important;
  font-size:14px; line-height:1.35; font-weight:650; text-decoration:none!important; text-align:center; }
.ex-button:hover { background:#154733; }
.ex-button-light { color:var(--ex-ink)!important; background:#fff; border-color:var(--ex-line); }
.ex-button-light:hover { background:var(--ex-soft); }
.ex-button:focus-visible,.ex-filters input:focus-visible,.ex-filters select:focus-visible {
  outline:3px solid #91c3a5; outline-offset:3px; }
.ex-text-link { color:var(--ex-green); text-decoration:underline; text-underline-offset:3px; }
.ex-hero { position:relative; isolation:isolate; min-height:590px; display:flex; align-items:center;
  padding:130px max(40px,8vw) 70px; color:#fff; background:#143b31; overflow:hidden; }
.ex-hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.ex-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#092d2be8,#0a302d55); z-index:-1; }
[dir=rtl] .ex-hero::before { background:linear-gradient(270deg,#092d2be8,#0a302d55); }
.ex-hero>div { max-width:760px; }
.ex-hero h1 { font-size:clamp(36px,4.7vw,66px); line-height:1.12; color:#fff; margin:20px 0; }
.ex-hero p { max-width:650px; line-height:1.7; font-size:17px; }
.ex-hero .ex-button { border-color:#fff; background:#fff; color:#163e35!important; }
.ex-hero .ex-button-light { background:transparent; color:#fff!important; }
.ex-filters { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto; gap:16px; align-items:end; margin:28px 0 14px; }
.ex-filters label { display:flex; flex-direction:column; gap:8px; font-size:13px; font-weight:650; }
.ex-filters input,.ex-filters select { min-width:0; width:100%; min-height:46px; padding:10px 12px;
  background:#fff; border:1px solid #b7cbbc; border-radius:6px; color:#173c30; font:inherit; }
.ex-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:24px 0; }
.ex-product { min-width:0; border:1px solid var(--ex-line); border-radius:14px; overflow:hidden; background:#fff; }
.ex-product>img { width:100%; height:190px; object-fit:cover; display:block; }
.ex-product-body { padding:23px; }
.ex-product h2 { font-size:23px; }
.ex-product details { margin:20px 0; }
.ex-product summary { cursor:pointer; font-size:14px; font-weight:650; padding:12px 0; }
.ex-product .ex-actions { align-items:flex-start; }
.ex-compare-choice { display:flex; align-items:center; gap:9px; font-size:13px; cursor:pointer; }
.ex-compare-choice input { width:18px; height:18px; }
.ex-table-wrap { width:100%; overflow-x:auto; margin:20px 0; }
.ex-table-wrap table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.6; background:#fff; }
.ex-table-wrap th,.ex-table-wrap td { border:1px solid var(--ex-line); padding:13px 15px; text-align:start; vertical-align:top; }
.ex-table-wrap th { background:var(--ex-soft); font-weight:650; width:40%; }
.ex-commerce { border-block:1px solid var(--ex-line); }
.ex-comparison { padding:24px; background:var(--ex-soft); border-radius:12px; }
.ex-comparison-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-top:22px; }
.ex-comparison button { padding:10px 16px; border:1px solid var(--ex-green); background:white; border-radius:6px; cursor:pointer; }
.ex-workflow { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:28px 0 44px; }
.ex-workflow article { border:1px solid var(--ex-line); border-radius:12px; padding:28px; background:#fff; }
.ex-workflow h2 { font-size:24px; }
.ex-step { display:inline-block; color:#347650; font-size:13px; font-weight:700; margin-bottom:18px; }
.ex-capability-image { display:block; width:100%; max-height:430px; object-fit:cover; border-radius:16px; margin:32px 0 45px; }
.ex-conversion { padding:26px; border:1px solid #c6d9ca; border-radius:12px; background:#edf5ed; margin:26px 0; }
.ex-conversion h2 { font-size:24px; margin:0 0 12px; }
.ex-conversion p { font-size:15px; line-height:1.65; margin:0; }
.ex-conversion .ex-actions { margin-bottom:0; }
.ex-mobile-conversion { display:none; }
.ex-nav-sample { display:inline-flex!important; align-items:center; justify-content:center; width:auto!important;
  min-width:96px; max-width:190px; min-height:36px; padding:8px 12px!important; border-radius:6px!important;
  background:#f1f7ec!important; color:#173c30!important; font-size:12px!important; line-height:1.25; font-weight:700; text-decoration:none; }
.form-grid>label { display:block!important; }
.form-grid>label>span[aria-hidden=true] { display:inline!important; margin-inline-start:4px; }
.form-grid>label>input,.form-grid>label>textarea { display:block; margin-top:8px; }
.form-grid { row-gap:20px!important; }
.form-grid .hidden-field { display:none!important; }
.ex-product[hidden],.ex-comparison[hidden],[data-catalog-empty][hidden] { display:none!important; }
.ex-pagination { display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:space-between; margin:32px 0; }
.ex-pagination a { color:var(--ex-green); padding:10px 16px; border:1px solid var(--ex-line); border-radius:6px; text-decoration:none; }
.ex-latest .geo-cards { margin-top:26px; }
@media(max-width:1050px) { .ex-products { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) {
  .ex-main { padding:140px 20px 64px; }
  .ex-section { padding:36px 20px; }
  .ex-hero { min-height:570px; padding:146px 24px 48px; }
  .ex-hero h1 { font-size:38px; }
  .ex-hero p { font-size:16px; }
  .ex-hero .ex-actions { gap:10px; }
  .ex-products,.ex-workflow { grid-template-columns:1fr; }
  .ex-filters { grid-template-columns:1fr; gap:14px; }
  .ex-filters .ex-button { width:100%; }
  .ex-product-body { padding:20px; }
  .ex-conversion { padding:22px; }
  .ex-nav-sample { min-width:75px; max-width:134px; font-size:11px!important; padding:7px 9px!important; }
  .ex-mobile-conversion { position:fixed; inset-inline:0; bottom:0; z-index:48; display:flex; justify-content:center;
    gap:10px; padding:10px 14px max(10px,env(safe-area-inset-bottom)); background:#fff; border-top:1px solid var(--ex-line); }
  .ex-mobile-conversion a { flex:1; max-width:260px; }
  .geo-page:has(.geo-article) { padding-bottom:74px; }
}
@media(prefers-reduced-motion:reduce) { .ex-product * { transition:none!important; } }
@media print { .ex-actions,.ex-filters,.ex-comparison,header,footer,.ex-mobile-conversion { display:none!important; } }