.commercial .c-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.commercial .c-plan{display:flex;flex-direction:column;border:1px solid var(--c-line);border-radius:20px;padding:28px 23px;background:linear-gradient(160deg,#fff,#f1fbff)}
.commercial .c-plan h2{font-size:1.3rem;line-height:1.35;margin:0 0 14px}
.commercial .c-plan p{font-size:.9rem;color:var(--c-muted);line-height:1.7;margin:0 0 30px;flex:1}
.commercial .c-plan .c-button{width:100%}
.commercial .c-commerce-note{margin:28px 0 8px;color:var(--c-muted);font-size:.88rem}
.commercial .c-commerce-terms{margin:0;font-size:.78rem;color:var(--c-muted)}
.commercial .c-contact-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(30px,5vw,80px)}
.commercial .c-contact-intro h2{margin:0 0 15px;font-size:1.8rem}
.commercial .c-contact-intro p{margin:0;color:var(--c-muted)}
.commercial .c-contact-intro .c-text-link{display:block;margin-top:20px}
.commercial .c-contact-form{padding:clamp(22px,4vw,38px);border:1px solid var(--c-line);border-radius:20px;background:#fff}
.commercial .c-contact-form label{display:block;font-size:.86rem;font-weight:600;color:var(--c-ink);margin-bottom:18px}
.commercial .c-contact-form input:not([type=checkbox]),.commercial .c-contact-form select,.commercial .c-contact-form textarea{font:inherit;display:block;width:100%;min-height:48px;margin-top:8px;padding:10px 13px;border:1px solid #abc5d2;border-radius:9px;background:#fff;color:var(--c-ink)}
.commercial .c-contact-form textarea{min-height:125px}
.commercial .c-form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:17px}
.commercial .c-consent{display:flex!important;gap:12px;align-items:flex-start;margin-top:20px;font-size:.78rem!important;line-height:1.65}
.commercial .c-consent input{width:19px;height:19px;flex-shrink:0}
.commercial .c-consent a{color:var(--c-cyan-dark)}
.commercial .c-honeypot{position:absolute;left:-10000px}
.commercial .c-turnstile{min-height:65px}
.commercial #veetz-contact-feedback{margin:16px 0 0;color:#005c80;font-size:.85rem}
@media(max-width:990px){.commercial .c-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.commercial .c-contact-grid{grid-template-columns:1fr}}
@media(max-width:530px){.commercial .c-plan-grid,.commercial .c-form-grid{grid-template-columns:1fr}}


/* Pricing visual direction: Airtable-like clarity, Veetz's own cyan identity.
   No highlighted "popular" plan or fictitious features before product approval. */
.commercial .c-pricing-hero {
  padding-block: clamp(64px, 8vw, 104px) clamp(43px, 5vw, 66px);
  background: #fff;
  text-align: center;
}
.commercial .c-pricing-hero .c-container { max-width: 970px; }
.commercial .c-pricing-hero .c-eyebrow { letter-spacing: .075em; }
.commercial .c-pricing-hero h1 {
  margin: 0 auto 21px;
  font-size: clamp(2.15rem, 4vw, 3.8rem);
  letter-spacing: -.045em;
}
.commercial .c-pricing-hero p:last-child {
  max-width: 710px;
  margin: 0 auto;
}
.commercial .c-pricing-hero + .c-commerce {
  padding-top: 0;
  padding-bottom: clamp(70px, 8vw, 110px);
}
.commercial .c-plan-grid { gap: 16px; align-items: stretch; }
.commercial .c-plan {
  position: relative;
  padding: clamp(23px, 2.3vw, 33px);
  border-radius: 20px;
  background: #fff;
  border: 1px solid #dbe9f1;
  box-shadow: 0 10px 30px rgba(13, 55, 80, .035);
}
.commercial .c-plan h2 { margin: 0 0 13px; font-size: clamp(1.16rem, 1.5vw, 1.34rem); }
.commercial .c-plan p { margin-bottom: 35px; }
.commercial .c-plan .c-button { margin-top: auto; }
.commercial .c-pricing-hero + .c-commerce .c-commerce-note {
  margin-top: 28px;
  color: #486577;
  text-align: center;
}
.commercial .c-pricing-hero + .c-commerce .c-commerce-terms {
  text-align: center;
}


/* VE-727: modern pricing cards, original veetz styling, responsive comparison. */
.commercial .c-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.commercial .c-pricing-showcase{padding-top:clamp(34px,4vw,55px)!important}
.commercial .c-pricing-tools{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:35px}
.commercial .c-pricing-disclaimer{margin:0;color:#55717e;font-size:.77rem;line-height:1.6;max-width:760px}
.commercial .c-pricing-jump{color:#0078a6;text-decoration:none;font-size:.83rem;font-weight:700;white-space:nowrap}
.commercial .c-pricing-jump:hover{text-decoration:underline}
.commercial .c-plan-grid-modern{gap:16px;align-items:stretch}
.commercial .c-plan-grid-modern .c-plan{position:relative;display:flex;min-height:465px;padding:0;border:1px solid #d3e6ee;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(8,35,55,.05);transition:transform 150ms ease,box-shadow 150ms ease}
.commercial .c-plan-grid-modern .c-plan:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(8,35,55,.11)}
.commercial .c-plan-grid-modern .c-plan-featured{border:2px solid #04bfe9;box-shadow:0 13px 35px rgba(2,156,200,.12)}
.commercial .c-plan-ribbon{position:absolute;top:-17px;left:21px;right:21px;margin:0!important;padding:6px 12px;background:#057eaa;color:#fff!important;text-align:center;border-radius:9px 9px 0 0;font-size:.75rem!important;font-weight:700}
.commercial .c-plan-content{display:flex;flex-direction:column;width:100%;padding:30px clamp(17px,1.7vw,26px) 28px}
.commercial .c-plan-audience{margin:0 0 9px!important;color:#007b9b!important;font-size:.72rem!important;font-weight:700}
.commercial .c-plan-grid-modern h3.c-plan-title{margin:0 0 10px;font-size:clamp(1.16rem,1.5vw,1.38rem);line-height:1.3;letter-spacing:-.025em}
.commercial .c-plan-grid-modern .c-plan-summary{margin:0!important;color:#506b7a;font-size:.8rem;line-height:1.65;min-height:60px;flex:none}
.commercial .c-plan-price-area{display:flex;flex-direction:column;justify-content:flex-end;min-height:86px;margin:21px 0 17px}
.commercial .c-plan-price-caption{margin-bottom:5px;color:#577684;font-size:.69rem;font-weight:600}
.commercial .c-plan-price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px}
.commercial .c-plan-price-line strong{font-size:clamp(1.44rem,2vw,1.92rem);line-height:1.27;letter-spacing:-.045em;font-weight:800;color:#0b293b;overflow-wrap:anywhere}
.commercial .c-plan-cadence{font-size:.72rem;color:#64808a}
.commercial .c-plan-grid-modern .c-plan-action{margin:0 0 23px;min-height:48px;width:100%;padding-inline:10px;font-size:.77rem}
.commercial .c-plan-inclusions{flex:1;padding-top:21px;border-top:1px solid #e1edf2}
.commercial .c-plan-inclusions h4{margin:0 0 14px;color:#233c4d;font-size:.74rem}
.commercial .c-plan-inclusions ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.commercial .c-plan-inclusions li{display:flex;align-items:flex-start;gap:8px;color:#496676;font-size:.76rem;line-height:1.55}
.commercial .c-plan-inclusions svg{flex:0 0 17px;color:#009bc6;margin-top:1px}
.commercial .c-compare{margin-top:clamp(70px,8vw,105px);scroll-margin-top:28px}
.commercial .c-compare-intro h2,.commercial .c-pricing-faq h2{margin:0 0 12px;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.28;letter-spacing:-.035em}
.commercial .c-compare-intro p{margin:0 0 26px;font-size:.9rem;color:var(--c-muted)}
/* Contain the table's absolutely positioned screen-reader labels in its scroller. */
.commercial .c-compare-scroller{position:relative;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #d7e8ef;border-radius:15px}
.commercial .c-compare-scroller:focus-visible{outline:3px solid #009cc5;outline-offset:3px}
.commercial .c-compare-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff;text-align:center}
.commercial .c-compare-table th,.commercial .c-compare-table td{padding:16px 13px;border-bottom:1px solid #e3edf2;font-size:.82rem}
.commercial .c-compare-table tr:last-child th,.commercial .c-compare-table tr:last-child td{border-bottom:0}
.commercial .c-compare-table thead th{padding-block:20px;background:#f0faff;color:#0d344b;font-weight:700}
.commercial .c-compare-table th:first-child{text-align:left;width:28%}
.commercial .c-compare-table tbody th{font-weight:600;color:#264a5b}
.commercial .c-table-yes{display:inline-flex;color:#0096bf}
.commercial .c-table-no{color:#b2c5cc;font-size:1.1rem}
.commercial .c-compare .c-commerce-terms{margin-top:14px;font-size:.72rem;text-align:left}
.commercial .c-pricing-faq{max-width:1120px;margin:clamp(68px,7vw,100px) auto 0}
.commercial .c-pricing-faq h2{max-width:850px;margin-bottom:32px}
.commercial .c-faq-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:36px clamp(28px,4vw,64px)}
.commercial .c-faq-group{min-width:0}
.commercial .c-faq-group h3{margin:0 0 16px;font-size:1.1rem;line-height:1.5;color:var(--c-ink)}
.commercial .c-faq-list{border-top:1px solid #d8e7ef}
.commercial .c-faq-list details{border-bottom:1px solid #d8e7ef}
.commercial .c-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:19px 8px;font-size:.93rem;font-weight:600;color:#1b384c}
.commercial .c-faq-list summary::-webkit-details-marker{display:none}
.commercial .c-faq-list summary::marker{content:""}
.commercial .c-faq-list summary:hover{color:#007aa5}
.commercial .c-faq-list summary:focus-visible{outline:3px solid #007aa5;outline-offset:2px;border-radius:6px}
.commercial .c-faq-plus{flex:0 0 18px;position:relative;width:18px;height:18px;color:#007aa5}
.commercial .c-faq-plus::before,.commercial .c-faq-plus::after{content:"";position:absolute;background:currentColor;border-radius:1px}
.commercial .c-faq-plus::before{width:14px;height:2px;left:2px;top:8px}
.commercial .c-faq-plus::after{width:2px;height:14px;left:8px;top:2px}
.commercial .c-faq-list details[open] .c-faq-plus::after{display:none}
.commercial .c-faq-list details p{margin:0;padding:0 9px 23px;color:#516d7b;font-size:.88rem;line-height:1.7}
.commercial .c-faq-list a{color:var(--c-cyan-dark);text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:900px){.commercial .c-faq-groups{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1060px){.commercial .c-plan-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 16px}.commercial .c-plan-grid-modern .c-plan{min-height:0}.commercial .c-plan-grid-modern .c-plan-summary{min-height:0}}
@media(max-width:620px){.commercial .c-pricing-tools{flex-direction:column;align-items:flex-start;gap:11px}.commercial .c-plan-grid-modern{grid-template-columns:1fr;gap:33px}.commercial .c-plan-grid-modern .c-plan{width:100%;max-width:475px;margin-inline:auto}.commercial .c-plan-content{padding:27px 24px}.commercial .c-compare-table th,.commercial .c-compare-table td{padding:13px 11px}}


/* Jane-inspired feature discovery: scan categories first, open only what matters.
   Separate value of each module from the illustrative commercial entitlements. */
.commercial .c-feature-comparison {
  position: relative;
  margin-top: clamp(72px, 8vw, 110px);
}
.commercial .c-feature-comparison .c-compare-intro {
  text-align: center;
  max-width: 870px;
  margin: 0 auto 24px;
}
.commercial .c-feature-comparison .c-compare-intro .c-eyebrow {
  margin-bottom: 15px;
}
.commercial .c-feature-comparison .c-compare-intro h2 {
  max-width: 800px;
  margin: 0 auto 15px;
  font-size: clamp(2rem, 3.2vw, 3.35rem);
}
.commercial .c-feature-comparison .c-compare-intro > p:last-child {
  margin: 0 auto;
  max-width: 680px;
}
.commercial .c-matrix-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 35px 0 27px;
}
.commercial .c-matrix-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid #cee7f2;
  border-radius: 999px;
  color: #235366;
  background: #f3fbff;
  text-decoration: none;
  font-size: .78rem;
  line-height: 1.5;
  font-weight: 600;
  transition: background-color .16s ease, border-color .16s ease;
}
.commercial .c-matrix-nav a:hover,
.commercial .c-matrix-nav a:focus-visible {
  border-color: #00b3da;
  background: #ddf5ff;
  color: #075075;
}
.commercial .c-matrix-groups {
  display: grid;
  gap: 11px;
}
.commercial .c-matrix-section {
  scroll-margin-top: 28px;
  overflow: hidden;
  border: 1px solid #d4e8f2;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(8, 61, 91, .035);
}
.commercial .c-matrix-section > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 78px;
  padding: clamp(17px, 2.2vw, 25px);
  background: #f1faff;
  cursor: pointer;
  list-style: none;
  color: #0d3349;
}
.commercial .c-matrix-section > summary::-webkit-details-marker { display: none; }
.commercial .c-matrix-section > summary::marker { content: ""; }
.commercial .c-matrix-section > summary:hover { background: #e6f7ff; }
.commercial .c-matrix-section > summary:focus-visible {
  outline: 3px solid #008cb8;
  outline-offset: -3px;
}
.commercial .c-matrix-section[open] > summary {
  background: linear-gradient(110deg, #ebfaff 0%, #d5f2fc 100%);
  border-bottom: 1px solid #d0e7f1;
}
.commercial .c-matrix-heading {
  display: grid;
  gap: 5px;
}
.commercial .c-matrix-heading strong {
  font-size: clamp(.98rem, 1.55vw, 1.16rem);
  letter-spacing: -.01em;
  line-height: 1.4;
}
.commercial .c-matrix-heading > span {
  font-size: .78rem;
  font-weight: 400;
  line-height: 1.6;
  color: #526b79;
}
.commercial .c-matrix-toggle {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #006e96;
  border: 1px solid #aacbda;
  border-radius: 50%;
  font-size: 1.35rem;
  line-height: 1;
  transition: transform .15s ease;
}
.commercial .c-matrix-section[open] .c-matrix-toggle { transform: rotate(45deg); }
.commercial .c-matrix-section .c-compare-scroller {
  border: none;
  border-radius: 0;
}
.commercial .c-matrix-section .c-compare-table {
  min-width: 820px;
}
.commercial .c-matrix-section .c-compare-table thead th {
  background: #fcfeff;
  font-size: .76rem;
  padding-block: 16px;
}
.commercial .c-matrix-section .c-compare-table thead th:not(:first-child) {
  width: 17%;
}
.commercial .c-matrix-section .c-compare-table tbody th {
  width: 32%;
  font-size: .81rem;
  vertical-align: middle;
}
.commercial .c-matrix-feature-name {
  display: block;
  font-weight: 600;
  color: #1f485d;
}
.commercial .c-matrix-feature-note {
  display: block;
  margin-top: 5px;
  color: #6b8190;
  font-size: .68rem;
  font-weight: 400;
  line-height: 1.5;
}
.commercial .c-table-optional {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 9px;
  border: 1px solid #c4e6ef;
  border-radius: 999px;
  color: #086f91;
  font-size: .68rem;
  line-height: 1.4;
  white-space: nowrap;
  background: #e9faff;
  font-weight: 700;
}
.commercial .c-matrix-regional {
  color: #4e6d7c;
  font-size: .75rem;
  line-height: 1.65;
  margin: 17px 0 0;
}
.commercial .c-feature-comparison .c-matrix-disclaimer {
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 760px) {
  .commercial .c-matrix-nav {
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    padding: 3px 0 14px;
    scrollbar-width: thin;
  }
  .commercial .c-matrix-nav a {
    flex-shrink: 0;
    font-size: .75rem;
  }
  .commercial .c-matrix-section > summary { min-height: 68px; }
  .commercial .c-matrix-section .c-compare-table { min-width: 740px; }
}
@media (prefers-reduced-motion: reduce) {
  .commercial .c-matrix-toggle { transition: none; }
  .commercial .c-matrix-nav a { transition: none; }
}

/* Explicit included user accounts — same limits in cards and comparison. */
.commercial .c-plan-grid-modern .c-plan-seats {
  display: flex;
  align-items: center;
  flex: none;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  gap: 5px;
  margin: 0 0 17px;
  padding: 7px 12px;
  border: 1px solid #c7e9f5;
  border-radius: 10px;
  background: #ebfaff;
  color: #135671;
  font-size: .78rem;
  font-weight: 500;
  line-height: 1.5;
}
.commercial .c-plan-grid-modern .c-plan-seats strong {
  color: #086b93;
  font-weight: 800;
}
.commercial .c-matrix-seats { background: #f6fcff; }
.commercial .c-matrix-seats td strong { font-weight: 800; color: #0d5f7f; }

/* Production market selector: clear billing country and currency, no locale guessing. */
.commercial .c-market-selection {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: min(100%, 320px);
  max-width: 530px;
}
.commercial .c-market-selection label {
  font-weight: 700;
  font-size: .85rem;
  color: #16394d;
}
.commercial .c-market-selection select {
  appearance: auto;
  font-family: var(--veetz-font-family);
  font-weight: 600;
  font-size: .88rem;
  width: min(100%, 345px);
  padding: 12px 15px;
  min-height: 48px;
  border: 1px solid #9dcddd;
  border-radius: 11px;
  background: #fff;
  color: #09344c;
}
.commercial .c-market-selection select:focus-visible {
  outline: 3px solid #04bfe9;
  outline-offset: 3px;
}
.commercial .c-market-selection p {
  margin: 0;
  font-size: .76rem;
  line-height: 1.65;
  color: #57707f;
}
.commercial .c-market-terms {
  color: #557280;
  margin: 18px 0 0;
  line-height: 1.7;
  font-size: .76rem;
}
@media(max-width:760px) {
  .commercial .c-pricing-tools { align-items: stretch; }
  .commercial .c-market-selection { max-width: 100%; }
  .commercial .c-market-selection select { width: 100%; max-width: 460px; }
}