:root {
  --bg: #ffffff;
  --surface: #f7f9fc;
  --surface-2: #eef3f9;
  --text: #172033;
  --muted: #667085;
  --line: #dfe5ec;
  --blue: #078ed4;
  --blue-dark: #006fae;
  --navy: #003466;
  --brand-navy: #003466;
  --shadow: 0 20px 60px rgba(23, 32, 51, 0.12);
  --radius: 18px;
  --container: 1180px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; }

a { color: inherit; }

.container {
  width: min(calc(100% - 40px), var(--container));
  margin: 0 auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(223,229,236,.8);
}

.nav-wrap {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .02em;
}

.brand img {
  display: block;
  width: 246px;
  height: auto;
}

.footer-brand img {
  width: 220px;
  filter: brightness(0) invert(1);
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 26px;
  font-size: 14px;
  font-weight: 600;
}

.main-nav > a:not(.button) {
  text-decoration: none;
  color: #344054;
}

.main-nav > a:not(.button):hover { color: var(--blue); }

.nav-toggle { display: none; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  background: var(--blue);
  color: white;
  border: 1px solid var(--blue);
  transition: .2s ease;
}

.button:hover {
  transform: translateY(-1px);
  background: var(--blue-dark);
  border-color: var(--blue-dark);
}

.button-small {
  min-height: 40px;
  padding: 0 16px;
}

.button-secondary {
  background: white;
  color: var(--text);
  border-color: var(--line);
}

.button-secondary:hover {
  background: var(--surface);
  border-color: #cfd7e2;
}

.hero {
  padding: 88px 0 80px;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 12%, rgba(22,119,210,.09), transparent 32%),
    linear-gradient(180deg, #fff 0%, #f8fbfe 100%);
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(380px, .78fr) minmax(620px, 1.22fr);
  align-items: center;
  gap: 54px;
}

.eyebrow {
  margin-bottom: 14px;
  color: var(--blue);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 800;
}

.hero h1,
.section h2,
.cta-section h2 {
  margin: 0;
  letter-spacing: -.035em;
  line-height: 1.08;
}

.hero h1 {
  font-size: clamp(48px, 6vw, 76px);
  max-width: 720px;
}

.hero-lead {
  max-width: 650px;
  margin: 26px 0 0;
  color: var(--muted);
  font-size: 20px;
}

.hero-actions {
  display: flex;
  gap: 12px;
  margin-top: 32px;
}

.hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 26px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

.hero-points span::before {
  content: "•";
  color: var(--blue);
  margin-right: 8px;
}

.hero-visual {
  position: relative;
  min-width: 0;
}

.hero-screen {
  position: relative;
  width: min(1080px, 68vw);
  background: white;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: 0 26px 70px rgba(0, 52, 102, .16);
  overflow: hidden;
  transform: rotate(.35deg);
}

.hero-screen::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
  border-radius: inherit;
}

.hero-screen img {
  display: block;
  width: 100%;
  height: auto;
}

.trust-strip {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: white;
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.trust-grid div {
  padding: 24px 28px;
  border-right: 1px solid var(--line);
}

.trust-grid div:last-child { border-right: 0; }

.trust-grid strong,
.trust-grid span { display: block; }

.trust-grid span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 13px;
}

.section { padding: 100px 0; }

.section-heading {
  max-width: 760px;
  margin-bottom: 46px;
}

.section-heading.centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section h2,
.cta-section h2 {
  font-size: clamp(36px, 4.3vw, 58px);
}

.section-heading p {
  color: var(--muted);
  font-size: 18px;
}

.workflow-strip {
  padding: 34px 0;
  background: var(--surface);
  border-bottom: 1px solid var(--line);
}

.workflow-strip-inner {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 54px;
}

.workflow-intro {
  min-width: 245px;
}

.workflow-intro .eyebrow {
  margin-bottom: 4px;
}

.workflow-intro strong {
  display: block;
  font-size: 17px;
  line-height: 1.3;
}

.workflow-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.workflow-line span {
  color: var(--navy);
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}

.workflow-line i {
  color: #9aa8b8;
  font-style: normal;
  font-size: 18px;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.feature-card {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: white;
  transition: .2s ease;
}

.feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(23,32,51,.08);
  border-color: #ced7e2;
}

.icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #e8f5fc;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
}

.feature-card h3 {
  margin: 22px 0 10px;
  font-size: 21px;
}

.feature-card p {
  color: var(--muted);
  min-height: 92px;
}

.feature-card a {
  color: var(--blue);
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
}

.feature-card a span { margin-left: 4px; }

.showcase-section { padding-top: 80px; padding-bottom: 80px; }

.showcase-section.alt { background: var(--surface); }

.showcase-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 70px;
  align-items: center;
}

.showcase-grid.reverse { grid-template-columns: .95fr 1.05fr; }

.product-screen {
  position: relative;
  background: white;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 22px 55px rgba(0, 52, 102, .13);
  overflow: hidden;
}

.product-screen img {
  display: block;
  width: 100%;
  height: auto;
}

.order-showcase {
  min-width: 0;
}

.screen-placeholder {
  aspect-ratio: 16 / 10;
  display: grid;
  place-items: center;
  padding: 30px;
  text-align: center;
  color: #7b8796;
  border: 1px solid var(--line);
  border-radius: 18px;
  background:
    linear-gradient(135deg, #ffffff, #f3f7fb);
  box-shadow: var(--shadow);
}

.screen-placeholder span {
  padding: 12px 16px;
  background: white;
  border: 1px dashed #b8c2ce;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
}

.showcase-copy p {
  color: var(--muted);
  font-size: 18px;
}

.tick-list {
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.tick-list li {
  position: relative;
  padding: 9px 0 9px 30px;
  font-weight: 600;
}

.tick-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--blue);
  font-weight: 800;
}

.integrations-section {
  background: var(--navy);
  color: white;
}

.integrations-section .eyebrow {
  color: #75c9f2;
}

.integration-heading {
  max-width: 800px;
  margin-bottom: 44px;
}

.integration-heading p {
  max-width: 760px;
  color: #c7d6e5;
  font-size: 18px;
}

.integration-three-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.integration-feature {
  display: flex;
  flex-direction: column;
  min-height: 390px;
  padding: 30px;
  background: rgba(255,255,255,.065);
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 18px;
}

.integration-kicker {
  color: #8bd0f2;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.integration-stat {
  margin-top: 24px;
  color: white;
  font-size: clamp(42px, 4.5vw, 62px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.045em;
}

.integration-name {
  min-height: 76px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  color: white;
  font-size: clamp(27px, 2.4vw, 36px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.integration-name span {
  color: #68c3ee;
  font-weight: 500;
}

.integration-feature h3 {
  margin: 8px 0 10px;
  font-size: 20px;
  line-height: 1.25;
}

.integration-feature p {
  margin: 0;
  color: #c3d0de;
  font-size: 15px;
}

.integration-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: auto;
  padding-top: 24px;
}

.integration-tags span,
.integration-note {
  color: #d8e5f0;
  font-size: 11px;
  font-weight: 700;
}

.integration-tags span {
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 7px;
  background: rgba(255,255,255,.05);
}

.integration-note {
  margin-top: auto;
  padding-top: 24px;
  color: #8fc9e6;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.api-callout {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: center;
  margin-top: 20px;
  padding: 24px 28px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 15px;
}

.api-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: rgba(117,201,242,.12);
  color: #86d0f3;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-weight: 800;
}

.api-callout strong {
  display: block;
  font-size: 17px;
}

.api-callout p {
  margin: 3px 0 0;
  color: #bdccda;
  font-size: 14px;
}

.flexibility-section { background: var(--surface); }

.flexibility-card {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 60px;
  padding: 52px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: 0 16px 40px rgba(23,32,51,.06);
}

.flexibility-card p {
  margin: 0;
  align-self: center;
  color: var(--muted);
  font-size: 18px;
}

.support-grid {
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: 70px;
  align-items: center;
}

.support-copy p {
  color: var(--muted);
  font-size: 18px;
}

.support-panel {
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
}

.support-panel div {
  padding: 24px 26px;
  border-bottom: 1px solid var(--line);
}

.support-panel div:last-child { border-bottom: 0; }

.support-panel strong,
.support-panel span { display: block; }

.support-panel span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
}

.cta-section {
  padding: 74px 0;
  background: linear-gradient(135deg, #14243c, #263b59);
  color: white;
}

.cta-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 50px;
}

.cta-section p {
  max-width: 700px;
  color: #c8d3e2;
  font-size: 18px;
}

.eyebrow.light { color: #8cc8ff; }

.button-light {
  background: white;
  color: var(--navy);
  border-color: white;
}

.button-light:hover {
  background: #f4f7fa;
  color: var(--navy);
  border-color: white;
}

.site-footer {
  padding: 58px 0 26px;
  background: #0f1b2d;
  color: white;
}

.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 70px;
}

.footer-grid p {
  max-width: 420px;
  color: #9eacbf;
}

.footer-grid > div:not(:first-child) {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.footer-grid strong {
  margin-bottom: 4px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.footer-grid a:not(.brand) {
  color: #aab7c8;
  text-decoration: none;
  font-size: 14px;
}

.footer-grid a:hover { color: white; }

.footer-bottom {
  margin-top: 42px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.1);
  color: #8190a4;
  font-size: 12px;
}

@media (max-width: 980px) {
  .hero-grid,
  .showcase-grid,
  .showcase-grid.reverse,
  .integrations-grid,
  .support-grid,
  .flexibility-card {
    grid-template-columns: 1fr;
  }

  .hero { padding-top: 64px; }

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

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

  .workflow-arrow { display: none; }

  .trust-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-grid div:nth-child(2) { border-right: 0; }
  .trust-grid div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }

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

  .main-nav {
    position: absolute;
    top: 82px;
    left: 0;
    right: 0;
    padding: 18px 20px 24px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    background: white;
    border-bottom: 1px solid var(--line);
  }

  .main-nav.open { display: flex; }

  .main-nav > a { padding: 10px 0; }

  .nav-toggle {
    display: inline-flex;
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: white;
    font: inherit;
    font-weight: 700;
    color: var(--text);
  }
}

@media (max-width: 680px) {
  .container { width: min(calc(100% - 28px), var(--container)); }

  .hero { padding: 50px 0 58px; }

  .hero h1 { font-size: 46px; }

  .hero-lead { font-size: 18px; }

  .hero-actions { flex-direction: column; align-items: stretch; }

  .section { padding: 72px 0; }

  .feature-grid,
  .workflow,
  .integration-cards,
  .trust-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .feature-card p { min-height: auto; }

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

  .trust-grid div:last-child { border-bottom: 0; }

  .workflow-step { min-height: 88px; }

  .flexibility-card { padding: 30px; }

  .footer-grid { gap: 34px; }
}

@media (max-width: 680px) {
  .brand img { width: 190px; }
  .footer-brand img { width: 205px; }
}

@media (min-width: 1180px) {
  .hero .container {
    width: min(calc(100% - 40px), 1320px);
  }

  .hero-screen {
    width: min(1120px, 66vw);
  }
}

@media (max-width: 980px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-screen {
    width: 100%;
    transform: none;
  }
}

@media (max-width: 680px) {
  .hero-screen {
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(0, 52, 102, .14);
  }
}

@media (min-width: 981px) {
  .showcase-section:not(.alt) .showcase-grid {
    grid-template-columns: 1.18fr .82fr;
    gap: 58px;
  }
}

@media (max-width: 980px) {
  .product-screen {
    border-radius: 12px;
  }
}

@media (min-width: 981px) {
  .showcase-section.alt .showcase-grid.reverse {
    grid-template-columns: .72fr 1.28fr;
    gap: 54px;
  }

  .wip-screen {
    width: 100%;
  }
}

@media (max-width: 980px) {
  .workflow-strip-inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .workflow-line {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 9px 12px;
  }
}

@media (max-width: 680px) {
  .workflow-strip {
    padding: 28px 0;
  }

  .workflow-line {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
  }

  .workflow-line span {
    text-align: center;
    padding: 7px 9px;
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
  }

  .workflow-line i {
    text-align: center;
  }

  .workflow-line span:last-child {
    grid-column: 1 / 2;
  }
}

@media (max-width: 980px) {
  .integration-three-grid {
    grid-template-columns: 1fr;
  }

  .integration-feature {
    min-height: auto;
  }

  .integration-name {
    min-height: 0;
  }

  .integration-tags,
  .integration-note {
    margin-top: 22px;
    padding-top: 0;
  }
}

@media (max-width: 680px) {
  .integration-feature {
    padding: 25px;
  }

  .api-callout {
    grid-template-columns: 1fr;
    padding: 24px;
  }
}

/* Sales & CRM page */
.crm-hero { padding: 92px 0 70px; background: linear-gradient(180deg,#fff 0%,#f6fafe 100%); overflow:hidden; }
.crm-hero-copy { max-width: 820px; text-align:center; }
.crm-hero-copy h1 { max-width: 780px; margin: 10px auto 18px; font-size: clamp(42px,5vw,68px); line-height:1.02; letter-spacing:-.045em; }
.crm-hero-copy p { max-width: 720px; margin:0 auto 28px; font-size:19px; color:var(--muted); }
.crm-screen-wrap { margin-top:54px; }
.crm-main-screen { border-radius:18px; box-shadow:0 28px 75px rgba(0,52,102,.16); }
.crm-benefits { background:#fff; }
.crm-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.crm-benefit-grid article { padding:30px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.crm-benefit-grid article > span { color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.08em; }
.crm-benefit-grid h3 { margin:16px 0 10px; font-size:22px; }
.crm-benefit-grid p { margin:0; color:var(--muted); }
.crm-followup { background:var(--surface); }
.crm-two-col { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:start; }
.crm-two-col h2 { margin-top:8px; }
.crm-two-col p { color:var(--muted); font-size:17px; }
.crm-detail-list { display:grid; gap:12px; }
.crm-detail-list div { padding:20px 22px; background:white; border:1px solid var(--line); border-radius:12px; }
.crm-detail-list strong,.crm-detail-list span { display:block; }
.crm-detail-list span { margin-top:4px; color:var(--muted); font-size:14px; }
.crm-connected { background:white; }
.text-link { display:inline-block; margin-top:10px; color:var(--blue); font-weight:700; text-decoration:none; }
@media(max-width:980px){.crm-benefit-grid,.crm-two-col{grid-template-columns:1fr}.crm-two-col{gap:28px}.crm-hero{padding-top:70px}}
@media(max-width:680px){.crm-hero-copy{text-align:left}.crm-hero-copy h1{font-size:42px}.crm-hero-copy p{font-size:17px}.crm-screen-wrap{margin-top:36px}}

/* V9 CRM CTA spacing */
.final-cta .cta-box {
  column-gap: 64px;
  row-gap: 28px;
}

.final-cta .cta-box .button {
  margin-left: 24px;
}

@media (max-width: 980px) {
  .final-cta .cta-box .button {
    margin-left: 0;
    margin-top: 10px;
  }
}

/* Quotes & Ideas page */
.qi-hero{padding:92px 0 70px;background:linear-gradient(180deg,#fff 0%,#f6fafe 100%);overflow:hidden}
.qi-hero-copy{max-width:920px;text-align:center}
.qi-hero-copy h1{max-width:900px;margin:10px auto 18px;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.045em}
.qi-hero-copy p{max-width:780px;margin:0 auto 28px;font-size:19px;color:var(--muted)}
.qi-screen-wrap{margin-top:54px}.qi-main-screen{border-radius:18px;box-shadow:0 28px 75px rgba(0,52,102,.16)}
.qi-sources{background:#fff}.qi-source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.qi-source-grid article{padding:27px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.qi-source-grid article>span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em}
.qi-source-grid h3{margin:15px 0 9px;font-size:19px}.qi-source-grid p{margin:0;color:var(--muted);font-size:14px}
.qi-pricing{background:var(--surface)}.qi-two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.qi-two-col p{color:var(--muted);font-size:17px}.qi-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qi-mini-grid div{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}
.qi-mini-grid strong,.qi-mini-grid span{display:block}.qi-mini-grid span{margin-top:5px;color:var(--muted);font-size:13px}
.qi-output{background:#fff}.qi-output-grid{display:grid;grid-template-columns:minmax(300px,.72fr) 1fr;gap:80px;align-items:center}
.qi-document{max-width:520px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 55px rgba(0,52,102,.13);transform:rotate(-1deg)}
.qi-document img{display:block;width:100%;height:auto}.qi-output-copy{max-width:590px}.qi-output-copy p{color:var(--muted);font-size:17px}
.qi-ideas{background:var(--navy);color:#fff;overflow:hidden}.qi-ideas .eyebrow{color:#75c9f2}
.qi-ideas-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.qi-ideas-copy p{color:#c7d6e5;font-size:17px}
.qi-paper-stack{position:relative;min-height:670px;max-width:720px;margin-left:auto;width:100%}
.qi-paper-stack img{position:absolute;width:55%;height:auto;border-radius:4px;box-shadow:0 28px 65px rgba(0,0,0,.3)}
.qi-paper-back{left:5%;top:7%;transform:rotate(-6deg)}.qi-paper-front{right:4%;top:0;transform:rotate(4deg);z-index:2}
.qi-order{background:#fff}.qi-order-box{padding:38px 42px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.qi-order-box>div:first-child{max-width:780px}.qi-order-box p{color:var(--muted);font-size:16px}
.qi-flow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.qi-flow span{padding:9px 13px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--navy);font-weight:700;font-size:13px}
.qi-flow i{color:#91a1b2;font-style:normal}
@media(max-width:980px){.qi-source-grid{grid-template-columns:1fr 1fr}.qi-two-col,.qi-output-grid,.qi-ideas-grid{grid-template-columns:1fr}.qi-two-col,.qi-output-grid,.qi-ideas-grid{gap:38px}.qi-paper-stack{margin:0 auto;min-height:610px}.qi-document{margin:0 auto}.qi-hero{padding-top:70px}}
@media(max-width:680px){.qi-hero-copy{text-align:left}.qi-hero-copy h1{font-size:40px}.qi-hero-copy p{font-size:17px}.qi-screen-wrap{margin-top:36px}.qi-source-grid,.qi-mini-grid{grid-template-columns:1fr}.qi-paper-stack{min-height:500px}.qi-paper-stack img{width:62%}.qi-order-box{padding:28px 24px}}

/* Orders & Purchasing page */
.op-hero{padding:92px 0 70px;background:linear-gradient(180deg,#fff 0%,#f6fafe 100%);overflow:hidden}
.op-hero-copy{max-width:850px;text-align:center}.op-hero-copy h1{margin:10px auto 18px;font-size:clamp(46px,5.5vw,74px);line-height:1;letter-spacing:-.05em}
.op-hero-copy p{max-width:750px;margin:0 auto 28px;font-size:19px;color:var(--muted)}
.op-screen-wrap{margin-top:54px}.op-main-screen{border-radius:18px;box-shadow:0 28px 75px rgba(0,52,102,.16)}
.op-continuity{background:#fff}.op-flow{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:32px}
.op-flow span{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--navy);font-size:12px;font-weight:750;white-space:nowrap}
.op-flow i{color:#9aa9b9;font-style:normal}
.op-purchasing{background:var(--surface);overflow:hidden}.op-po-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;align-items:center}
.op-po-copy p{color:var(--muted);font-size:17px}.op-points{display:grid;gap:10px;margin-top:26px}
.op-points div{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:11px}.op-points strong,.op-points span{display:block}
.op-points span{margin-top:3px;color:var(--muted);font-size:13px}
.op-po-frame{height:560px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(0,52,102,.14)}
.op-po-frame img{height:100%;width:auto;max-width:none;display:block;transform:translateX(-8%)}
.op-production{background:#fff}.op-production-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.op-production-grid p{color:var(--muted);font-size:17px}.op-status-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.op-status-list div{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.op-status-list strong,.op-status-list span{display:block}.op-status-list span{margin-top:5px;color:var(--muted);font-size:13px}
.op-wip{background:var(--navy);color:#fff}.op-wip .eyebrow{color:#75c9f2}.op-wip-heading{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:end;margin-bottom:35px}
.op-wip-heading p{margin:0;color:#c7d6e5;font-size:16px}.op-wip-screen{border-radius:15px;box-shadow:0 28px 65px rgba(0,0,0,.28)}
.op-benefits{background:#fff}.op-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.op-benefit-grid article{padding:29px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.op-benefit-grid article>span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em}.op-benefit-grid h3{margin:15px 0 9px;font-size:20px}
.op-benefit-grid p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:1050px){.op-flow{justify-content:flex-start;flex-wrap:wrap}.op-po-grid,.op-production-grid,.op-wip-heading{grid-template-columns:1fr}.op-po-grid,.op-production-grid{gap:38px}.op-po-frame{height:auto}.op-po-frame img{width:100%;height:auto;transform:none}.op-wip-heading{gap:18px}}
@media(max-width:680px){.op-hero-copy{text-align:left}.op-hero-copy h1{font-size:44px}.op-hero-copy p{font-size:17px}.op-screen-wrap{margin-top:36px}.op-status-list,.op-benefit-grid{grid-template-columns:1fr}.op-flow i{display:none}}

/* v12: purchasing capability cards sit beneath the image/copy row */
.op-po-grid .op-points{
  grid-column:1 / -1;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:-18px;
}
.op-po-grid .op-points div{
  min-height:0;
  padding:18px 20px;
}
@media(max-width:760px){
  .op-po-grid .op-points{grid-template-columns:1fr;margin-top:0}
}

/* Products & Suppliers page */
.ps-hero{padding:92px 0 72px;background:linear-gradient(180deg,#fff 0%,#f4f9fd 100%);overflow:hidden}
.ps-hero-copy{max-width:900px;text-align:center}.ps-hero-copy h1{margin:10px auto 18px;font-size:clamp(45px,5.3vw,72px);line-height:1.02;letter-spacing:-.05em}
.ps-hero-copy p{max-width:780px;margin:0 auto 28px;font-size:19px;color:var(--muted)}
.ps-catalogue-wrap{margin-top:52px}.ps-catalogue-screen{border-radius:18px;box-shadow:0 28px 75px rgba(0,52,102,.16)}
.ps-api{background:#fff}.ps-api-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.ps-api-grid>div:first-child p,.ps-own-copy p,.ps-supplier-copy>p{color:var(--muted);font-size:17px}
.ps-api-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ps-api-points div{padding:21px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.ps-api-points strong,.ps-api-points span{display:block}.ps-api-points span{margin-top:6px;color:var(--muted);font-size:13px}
.ps-own{background:var(--surface);overflow:hidden}.ps-own-grid{display:grid;grid-template-columns:.64fr 1.36fr;gap:54px;align-items:center}
.ps-own-screen{border-radius:16px;box-shadow:0 24px 60px rgba(0,52,102,.13)}
.ps-routes{background:#fff}.ps-route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.ps-route-grid article{padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.ps-route-grid article>span{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--blue)}
.ps-route-grid h3{margin:14px 0 8px;font-size:19px}.ps-route-grid p{margin:0;color:var(--muted);font-size:13px}
.ps-suppliers{background:var(--navy);color:#fff;overflow:hidden}.ps-supplier-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center}
.ps-suppliers .eyebrow{color:#75c9f2}.ps-supplier-screen{border-radius:15px;box-shadow:0 26px 65px rgba(0,0,0,.3)}
.ps-supplier-copy>p{color:#c7d6e5}.ps-supplier-points{display:grid;gap:9px;margin-top:24px}
.ps-supplier-points div{padding:14px 16px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.06)}
.ps-supplier-points strong,.ps-supplier-points span{display:block}.ps-supplier-points span{margin-top:3px;color:#c7d6e5;font-size:13px}
.ps-note{margin-top:18px!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:13px!important}
.ps-connect{background:#fff}.ps-connect-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;padding:42px 46px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.ps-connect-box h2{margin-bottom:0}.ps-connect-box>p{margin:0;color:var(--muted);font-size:16px}
@media(max-width:1050px){.ps-api-grid,.ps-own-grid,.ps-supplier-grid,.ps-connect-box{grid-template-columns:1fr;gap:35px}.ps-api-points{grid-template-columns:1fr 1fr}.ps-route-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ps-hero-copy{text-align:left}.ps-hero-copy h1{font-size:43px}.ps-hero-copy p{font-size:17px}.ps-catalogue-wrap{margin-top:36px}.ps-api-points,.ps-route-grid{grid-template-columns:1fr}.ps-connect-box{padding:28px 24px}}

/* Invoicing & Profit page */
.ip-hero{padding:92px 0 72px;background:linear-gradient(180deg,#fff 0%,#f4f9fd 100%);overflow:hidden}
.ip-hero-copy{max-width:940px;text-align:center}.ip-hero-copy h1{margin:10px auto 18px;font-size:clamp(46px,5.5vw,74px);line-height:1;letter-spacing:-.05em}
.ip-hero-copy p{max-width:830px;margin:0 auto 28px;font-size:19px;color:var(--muted)}
.ip-cost-wrap{margin-top:54px}.ip-cost-screen{border-radius:18px;box-shadow:0 30px 80px rgba(0,52,102,.17)}
.ip-profit{background:#fff}.ip-profit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.ip-profit-grid article{padding:29px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.ip-profit-grid article>span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em}
.ip-profit-grid h3{margin:15px 0 9px;font-size:20px}.ip-profit-grid p{margin:0;color:var(--muted);font-size:14px}
.ip-heritage{padding-top:0;background:#fff}.ip-heritage-box{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;padding:34px 40px;border-radius:17px;background:var(--navy);color:#fff}
.ip-year{font-size:clamp(48px,6vw,78px);font-weight:800;line-height:1;color:#75c9f2;letter-spacing:-.05em}
.ip-heritage .eyebrow{color:#75c9f2}.ip-heritage h2{margin:5px 0 8px}.ip-heritage p{max-width:780px;margin:0;color:#c7d6e5}
.ip-invoice{background:var(--surface);overflow:hidden}.ip-invoice-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:55px;align-items:center}
.ip-invoice-copy>p{color:var(--muted);font-size:17px}.ip-invoice-points{display:grid;gap:10px;margin-top:25px}
.ip-invoice-points div{padding:16px 18px;border:1px solid var(--line);border-radius:11px;background:#fff}
.ip-invoice-points strong,.ip-invoice-points span{display:block}.ip-invoice-points span{margin-top:3px;color:var(--muted);font-size:13px}
.ip-invoice-screen{border-radius:16px;box-shadow:0 25px 65px rgba(0,52,102,.14)}
.ip-credit{background:#fff}.ip-credit-box{display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:center;max-width:920px;padding:29px 34px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.ip-credit-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#e8f4fb;color:var(--blue);font-size:27px;font-weight:700}
.ip-credit-box h2{margin:4px 0 7px;font-size:25px}.ip-credit-box p{margin:0;color:var(--muted)}
.ip-flow-section{background:var(--navy);color:#fff}.ip-flow-section .eyebrow{color:#75c9f2}
.ip-flow-heading{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:end;margin-bottom:30px}
.ip-flow-heading p{margin:0;color:#c7d6e5}.ip-flow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ip-flow span{padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.06);font-size:12px;font-weight:700;white-space:nowrap}
.ip-flow i{color:#78c8ef;font-style:normal}
@media(max-width:1050px){.ip-invoice-grid,.ip-flow-heading{grid-template-columns:1fr;gap:35px}.ip-flow{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:760px){.ip-profit-grid{grid-template-columns:1fr}.ip-heritage-box{grid-template-columns:1fr}.ip-flow i{display:none}}
@media(max-width:680px){.ip-hero-copy{text-align:left}.ip-hero-copy h1{font-size:43px}.ip-hero-copy p{font-size:17px}.ip-cost-wrap{margin-top:36px}.ip-credit-box{grid-template-columns:1fr;padding:25px}}

/* Reporting & Insights page */
.ri-hero{padding:92px 0 72px;background:linear-gradient(180deg,#fff 0%,#f4f9fd 100%);overflow:hidden}
.ri-hero-copy{max-width:930px;text-align:center}.ri-hero-copy h1{margin:10px auto 18px;font-size:clamp(46px,5.5vw,74px);line-height:1;letter-spacing:-.05em}
.ri-hero-copy>p{max-width:820px;margin:0 auto 25px;font-size:19px;color:var(--muted)}
.ri-promise{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;margin-top:25px;font-size:14px}
.ri-promise strong{color:var(--blue)}.ri-promise span{color:var(--navy);font-weight:650}
.ri-trend-wrap{margin-top:50px}.ri-trend-screen{border-radius:18px;box-shadow:0 30px 80px rgba(0,52,102,.16)}
.ri-overview{background:#fff}.ri-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.ri-card-grid article{padding:29px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.ri-card-grid article>span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em}.ri-card-grid h3{margin:15px 0 9px;font-size:20px}
.ri-card-grid p{margin:0;color:var(--muted);font-size:14px}
.ri-pipeline{background:var(--surface);overflow:hidden}.ri-pipeline-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}
.ri-pipeline-copy>p{color:var(--muted);font-size:17px}.ri-pipeline-screen{border-radius:16px;box-shadow:0 25px 65px rgba(0,52,102,.14)}
.ri-probabilities{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}
.ri-probabilities div{padding:14px 15px;border:1px solid var(--line);border-radius:10px;background:#fff}
.ri-probabilities strong,.ri-probabilities span{display:block}.ri-probabilities strong{color:var(--blue);font-size:18px}.ri-probabilities span{margin-top:2px;color:var(--muted);font-size:12px}
.ri-detail{background:#fff;overflow:hidden}.ri-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:center}
.ri-report-screen{border-radius:16px;box-shadow:0 25px 65px rgba(0,52,102,.13)}.ri-detail-copy>p{color:var(--muted);font-size:16px}
.ri-report-list{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.ri-report-list span{padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--navy);font-size:11px;font-weight:700}
.ri-continuity{background:var(--navy);color:#fff}.ri-continuity .eyebrow{color:#75c9f2}.ri-continuity-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.ri-continuity-box h2{margin-bottom:0}.ri-data-flow{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.ri-data-flow span,.ri-data-flow strong{padding:9px 11px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.06);font-size:11px;white-space:nowrap}
.ri-data-flow strong{background:rgba(117,201,242,.14);border-color:rgba(117,201,242,.3);color:#9bdcff}.ri-data-flow i{color:#75c9f2;font-style:normal}
@media(max-width:1050px){.ri-pipeline-grid,.ri-detail-grid,.ri-continuity-box{grid-template-columns:1fr;gap:35px}.ri-data-flow{justify-content:flex-start}}
@media(max-width:760px){.ri-card-grid{grid-template-columns:1fr}.ri-probabilities{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ri-hero-copy{text-align:left}.ri-hero-copy h1{font-size:43px}.ri-hero-copy>p{font-size:17px}.ri-promise{justify-content:flex-start}.ri-trend-wrap{margin-top:36px}.ri-probabilities{grid-template-columns:1fr}.ri-data-flow i{display:none}}

/* About page */
.ab-hero{padding:100px 0 74px;background:linear-gradient(180deg,#fff 0%,#f4f9fd 100%)}
.ab-hero-copy{max-width:950px;text-align:center}.ab-hero-copy h1{margin:10px auto 18px;font-size:clamp(45px,5.3vw,72px);line-height:1.02;letter-spacing:-.05em}
.ab-hero-copy p{max-width:790px;margin:0 auto;font-size:19px;color:var(--muted)}
.ab-origin{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center;margin-top:62px;padding:42px 46px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 24px 65px rgba(0,52,102,.09)}
.ab-origin-main p{color:var(--muted);font-size:16px}.ab-origin-stat{padding:30px;border-left:1px solid var(--line)}
.ab-origin-stat strong,.ab-origin-stat span,.ab-origin-stat small{display:block}.ab-origin-stat strong{font-size:72px;line-height:.95;letter-spacing:-.06em;color:var(--blue)}
.ab-origin-stat span{margin-top:9px;font-size:18px;font-weight:750;color:var(--navy)}.ab-origin-stat small{margin-top:7px;color:var(--muted)}
.ab-timeline-section{background:#fff}.ab-timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.ab-timeline:before{content:"";position:absolute;left:0;right:0;top:25px;height:1px;background:var(--line)}
.ab-timeline article{position:relative;padding:52px 25px 25px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.ab-timeline article:before{content:"";position:absolute;top:20px;left:25px;width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #fff}
.ab-date{position:absolute;top:15px;left:51px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.06em}
.ab-timeline h3{margin:10px 0 8px;font-size:19px}.ab-timeline p{margin:0;color:var(--muted);font-size:13px}
.ab-timeline .ab-today{background:var(--navy);border-color:var(--navy);color:#fff}.ab-timeline .ab-today:before{background:#75c9f2;box-shadow:0 0 0 5px var(--navy)}
.ab-timeline .ab-today .ab-date{color:#75c9f2}.ab-timeline .ab-today p{color:#c7d6e5}
.ab-principle{background:var(--navy);color:#fff}.ab-principle .eyebrow{color:#75c9f2}.ab-principle-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.ab-principle-grid>div:first-child p{color:#c7d6e5;font-size:17px}.ab-principle-cards{display:grid;gap:11px}
.ab-principle-cards div{padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.06)}
.ab-principle-cards strong,.ab-principle-cards span{display:block}.ab-principle-cards span{margin-top:5px;color:#c7d6e5;font-size:13px}
.ab-team{background:#fff}.ab-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.ab-team-grid article{padding:30px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.ab-initial{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#e8f4fb;color:var(--blue);font-weight:800;font-size:20px}
.ab-team-grid h3{margin:17px 0 2px;font-size:22px}.ab-team-grid article>strong{font-size:12px;color:var(--blue)}
.ab-team-grid p{margin-bottom:0;color:var(--muted);font-size:14px}
.ab-founder{padding-top:0;background:#fff}.ab-founder-box{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;max-width:1000px;padding:31px 36px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.ab-founder-mark{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:18px}
.ab-founder-box h2{margin:4px 0 8px;font-size:26px}.ab-founder-box p{margin:0;color:var(--muted)}
.ab-closing{background:var(--surface)}.ab-closing-box{display:flex;justify-content:space-between;gap:45px;align-items:center}
.ab-closing-box>div{max-width:760px}.ab-closing-box p{color:var(--muted);font-size:16px}
@media(max-width:1000px){.ab-origin,.ab-principle-grid{grid-template-columns:1fr;gap:35px}.ab-origin-stat{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.ab-timeline{grid-template-columns:1fr 1fr}.ab-timeline:before{display:none}.ab-team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ab-hero-copy{text-align:left}.ab-hero-copy h1{font-size:42px}.ab-hero-copy p{font-size:17px}.ab-origin{padding:28px 24px;margin-top:40px}.ab-timeline,.ab-team-grid{grid-template-columns:1fr}.ab-founder-box{grid-template-columns:1fr}.ab-closing-box{display:block}.ab-closing-box .button{margin-top:18px}}

/* Integrations page */
.int-hero{padding:100px 0 82px;background:linear-gradient(180deg,#fff 0%,#f4f9fd 100%)}
.int-hero-copy{max-width:980px;text-align:center}.int-hero-copy h1{margin:10px auto 18px;font-size:clamp(46px,5.5vw,74px);line-height:1;letter-spacing:-.05em}.int-hero-copy>p{max-width:850px;margin:0 auto;color:var(--muted);font-size:19px}
.int-hero-flow{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:38px auto 0}.int-hero-flow span,.int-hero-flow strong{padding:11px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13px}.int-hero-flow strong{background:var(--navy);border-color:var(--navy);color:#fff}.int-hero-flow i{font-style:normal;color:var(--blue);font-weight:800}
.int-business{background:#fff}.int-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:36px}.int-system-grid article{padding:27px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.int-system-name{font-size:24px;font-weight:800;color:var(--navy);letter-spacing:-.03em}.int-system-type{display:inline-block;margin:7px 0 14px;padding:4px 8px;border-radius:6px;background:#e7f4fb;color:var(--blue-dark);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.int-system-grid h3{margin:0 0 8px;font-size:18px}.int-system-grid p{margin:0;color:var(--muted);font-size:13px}
.int-supplier{background:var(--navy);color:#fff}.int-supplier-grid{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}.int-supplier .eyebrow{color:#75c9f2}.int-supplier-copy>p{color:#c7d6e5;font-size:16px}.int-supplier-points{display:grid;gap:9px;margin-top:26px}.int-supplier-points div{padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.05)}.int-supplier-points strong,.int-supplier-points span{display:block}.int-supplier-points span{margin-top:3px;color:#c7d6e5;font-size:12px}.int-feed-card{padding:30px;border-radius:18px;background:#fff;color:var(--text);box-shadow:0 28px 70px rgba(0,0,0,.18)}.int-feed-label{text-align:center;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.09em}.int-feed-suppliers{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:19px 0}.int-feed-suppliers span{padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:11px;font-weight:700}.int-feed-arrow{text-align:center;color:var(--blue);font-size:28px}.int-feed-core{display:grid;justify-items:center;text-align:center;padding:23px;border-radius:12px;background:#eef6fb}.int-feed-core img{width:220px;margin-bottom:10px}.int-feed-core strong,.int-feed-core small{display:block}.int-feed-core small{margin-top:2px;color:var(--muted)}
.int-distinction{background:var(--surface)}.int-distinction-box{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center;padding:38px 42px;border:1px solid var(--line);border-radius:17px;background:#fff}.int-distinction-box p{color:var(--muted)}.int-compare{display:grid;grid-template-columns:1fr 1fr;gap:11px}.int-compare div{padding:21px;border-radius:11px;background:var(--surface);border:1px solid var(--line)}.int-compare strong,.int-compare span{display:block}.int-compare strong{color:var(--navy)}.int-compare span{margin-top:5px;color:var(--muted);font-size:12px}
.int-custom{background:#fff}.int-custom-grid{display:grid;grid-template-columns:1.15fr .65fr;gap:70px;align-items:center}.int-custom-grid>div:first-child p{color:var(--muted);font-size:16px}.int-api-card{padding:32px;border-radius:16px;background:var(--navy);color:#fff}.int-api-icon{font-size:35px;font-weight:800;color:#75c9f2}.int-api-card strong,.int-api-card span{display:block}.int-api-card strong{margin-top:13px;font-size:20px}.int-api-card span{margin-top:7px;color:#c7d6e5;font-size:13px}
.int-closing{background:var(--surface)}.int-closing-box{display:flex;justify-content:space-between;gap:45px;align-items:center}.int-closing-box>div{max-width:760px}.int-closing-box p{color:var(--muted);font-size:16px}
@media(max-width:1000px){.int-system-grid{grid-template-columns:1fr 1fr}.int-supplier-grid,.int-distinction-box,.int-custom-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:680px){.int-hero-copy{text-align:left}.int-hero-copy h1{font-size:42px}.int-hero-copy>p{font-size:17px}.int-hero-flow{justify-content:flex-start}.int-system-grid,.int-compare{grid-template-columns:1fr}.int-distinction-box{padding:28px 24px}.int-closing-box{display:block}.int-closing-box .button{margin-top:18px}}


/* Support page */
.sup-hero{padding:100px 0 82px;background:linear-gradient(180deg,#fff 0%,#f4f9fd 100%)}
.sup-hero-copy{max-width:990px;text-align:center}.sup-hero-copy h1{margin:10px auto 18px;font-size:clamp(46px,5.5vw,74px);line-height:1;letter-spacing:-.05em}.sup-hero-copy>p{max-width:820px;margin:0 auto;color:var(--muted);font-size:19px}
.sup-hero-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:34px}.sup-hero-strip span{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font-size:12px;font-weight:700}
.sup-benefits{background:#fff}.sup-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:36px}.sup-card-grid article{padding:28px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.sup-card-grid .sup-card-feature{background:var(--navy);color:#fff;border-color:var(--navy)}.sup-card-no{margin-bottom:28px;color:var(--blue);font-size:12px;font-weight:800}.sup-card-grid h3{margin:0 0 10px;font-size:19px}.sup-card-grid p{margin:0;color:var(--muted);font-size:13px}.sup-card-feature p{color:#c7d6e5}.sup-card-feature .sup-card-no{color:#75c9f2}
.sup-remote{background:var(--navy);color:#fff}.sup-remote-grid{display:grid;grid-template-columns:.9fr 1fr;gap:80px;align-items:center}.sup-remote .eyebrow{color:#75c9f2}.sup-remote p{color:#c7d6e5;font-size:16px}.sup-remote-visual{position:relative;padding:20px 0 35px}.sup-screen{overflow:hidden;border:7px solid #fff;border-radius:15px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.25)}.sup-screen-top{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#edf2f7;color:#536579;font-size:10px}.sup-screen-top i{width:7px;height:7px;border-radius:50%;background:#aebac7}.sup-screen-top span{margin-left:8px;font-weight:700}.sup-screen-body{display:grid;grid-template-columns:70px 1fr;min-height:235px;background:#f8fbfd}.sup-screen-nav{background:#3d0068}.sup-screen-main{padding:24px}.sup-screen-main b{display:block;width:58%;height:11px;margin-bottom:10px;border-radius:3px;background:#d8e5ef}.sup-screen-main b:nth-child(2){width:83%}.sup-screen-main b:nth-child(3){width:43%}.sup-screen-main div{height:115px;margin-top:23px;border:1px solid #dbe5ec;border-radius:8px;background:#fff}.sup-connect-badge{position:absolute;right:-12px;bottom:0;padding:15px 20px;border-radius:10px;background:#fff;color:var(--text);box-shadow:0 14px 35px rgba(0,0,0,.22)}.sup-connect-badge strong,.sup-connect-badge span{display:block}.sup-connect-badge strong{color:var(--navy)}.sup-connect-badge span{margin-top:3px;color:var(--muted);font-size:11px}
.sup-development{background:var(--surface)}.sup-development-box{display:grid;grid-template-columns:.85fr 1fr;gap:70px;padding:42px;border:1px solid var(--line);border-radius:17px;background:#fff}.sup-development-box p{margin-top:0;color:var(--muted);font-size:15px}
.sup-training{background:#fff}.sup-training-grid{display:grid;grid-template-columns:110px 1fr;gap:35px;align-items:center;max-width:1000px}.sup-training-mark{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#e7f4fb;color:var(--blue);font-size:40px;font-weight:800}.sup-training-grid p{max-width:800px;color:var(--muted);font-size:16px}
.sup-contact{background:var(--surface)}.sup-contact-grid{display:grid;grid-template-columns:.8fr 1fr;gap:70px;align-items:start}.sup-contact-grid>div:first-child>p{color:var(--muted);font-size:16px}.sup-contact-details{display:grid;gap:12px;margin-top:28px}.sup-contact-details div{padding:17px 19px;border:1px solid var(--line);border-radius:10px;background:#fff}.sup-contact-details small,.sup-contact-details a{display:block}.sup-contact-details small{margin-bottom:3px;color:var(--muted)}.sup-contact-details a{color:var(--navy);font-size:17px;font-weight:700;text-decoration:none}.sup-form{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff}.sup-form h3{margin:0 0 5px;font-size:22px}.sup-form>p{margin:0 0 22px;color:var(--muted);font-size:13px}.sup-form label{display:block;margin:0 0 15px;color:var(--navy);font-size:12px;font-weight:700}.sup-form input,.sup-form textarea{box-sizing:border-box;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #cdd9e2;border-radius:7px;background:#fff;font:inherit}.sup-form textarea{resize:vertical}.sup-form .button{border:0;cursor:pointer}
@media(max-width:1000px){.sup-card-grid{grid-template-columns:1fr 1fr}.sup-remote-grid,.sup-development-box,.sup-contact-grid{grid-template-columns:1fr;gap:38px}}
@media(max-width:680px){.sup-hero-copy{text-align:left}.sup-hero-copy h1{font-size:42px}.sup-hero-copy>p{font-size:17px}.sup-hero-strip{justify-content:flex-start}.sup-card-grid{grid-template-columns:1fr}.sup-development-box{padding:28px 24px}.sup-training-grid{grid-template-columns:1fr}.sup-connect-badge{position:relative;right:auto;margin:-15px 12px 0}.sup-contact-grid{gap:30px}}

/* Artwork & Production */
.ap-hero{padding:95px 0 0;background:linear-gradient(180deg,#fff,#f3f8fc);overflow:hidden}.ap-copy{max-width:940px;text-align:center}.ap-copy h1{margin:10px auto 18px;font-size:clamp(48px,5.6vw,76px);line-height:1;letter-spacing:-.05em}.ap-copy p{max-width:820px;margin:0 auto 27px;color:var(--muted);font-size:19px}.ap-main{margin-top:50px;transform:translateY(25px)}.ap-main .product-screen{max-height:520px;overflow:hidden;border-radius:18px;box-shadow:0 30px 80px rgba(0,52,102,.17)}.ap-flowsec{padding-top:115px}.ap-flow{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:35px}.ap-flow span{padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--navy);font-size:12px;font-weight:700}.ap-flow i{color:var(--blue);font-style:normal;font-weight:800}.ap-todos{background:var(--surface)}.ap-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}.ap-grid p,.ap-proofgrid p{color:var(--muted);font-size:16px}.ap-todoimg{border-radius:15px;box-shadow:0 24px 65px rgba(0,52,102,.13)}.ap-proofgrid{display:grid;grid-template-columns:.85fr 1fr;gap:80px;align-items:center}.ap-visual{position:relative;min-height:510px}.ap-proofimg{position:absolute;left:18%;top:0;width:54%;max-height:485px;overflow:hidden;border:7px solid #fff;border-radius:15px;background:#fff;box-shadow:0 25px 60px rgba(0,52,102,.18)}.ap-proofimg img{width:100%;display:block}.ap-doc{position:absolute;left:0;bottom:30px;width:46%;padding:24px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(0,52,102,.16);transform:rotate(-2deg)}.ap-doc small,.ap-doc strong,.ap-doc b{display:block}.ap-doc small{color:var(--blue);font-weight:800}.ap-doc strong{margin-top:10px;color:var(--navy);font-size:18px}.ap-doc b{margin-top:24px;color:#d43b45;font-size:11px}.ap-history{background:var(--navy);color:#fff}.ap-historygrid{display:grid;grid-template-columns:.72fr 1.28fr;gap:65px}.ap-history .eyebrow{color:#75c9f2}.ap-historygrid p{color:#c7d6e5}.ap-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ap-cards div{padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.05)}.ap-cards strong,.ap-cards span{display:block}.ap-cards span{margin-top:5px;color:#c7d6e5;font-size:12px}.ap-close{background:var(--surface)}.ap-closegrid{display:flex;justify-content:space-between;gap:50px;align-items:center}.ap-closegrid>div{max-width:820px}.ap-closegrid p{color:var(--muted)}@media(max-width:900px){.ap-grid,.ap-proofgrid,.ap-historygrid{grid-template-columns:1fr}.ap-closegrid{display:block}.ap-closegrid .button{margin-top:18px}}