.mkt-site {
  --mkt-ink: #111111;
  --mkt-text: #4b4b4b;
  --mkt-muted: #6f6f6f;
  --mkt-line: #d4d4d4;
  --mkt-canvas: #f5f6f7;
  --mkt-white: #ffffff;
  --mkt-business: #b86e3d;
  --mkt-business-dark: #8f4f2a;
  --mkt-finance: #355c8a;
  --mkt-finance-dark: #29496d;
  --mkt-accent: var(--mkt-ink);
  --mkt-accent-dark: #000000;
  --mkt-soft: #f0f0f0;
  min-height: 100vh;
  color: var(--mkt-ink);
  background: var(--mkt-white);
  font-family: var(--font-family-sans, "Google Sans Flex", Arial, sans-serif);
  font-size: 16px;
  line-height: 1.5;
}
.mkt-site *, .mkt-site *::before, .mkt-site *::after { box-sizing: border-box; }
.mkt-site a { color: inherit; }
.mkt-site h1, .mkt-site h2, .mkt-site h3, .mkt-site p { margin-top: 0; }
.mkt-site h1, .mkt-site h2, .mkt-site h3 { color: var(--mkt-ink); letter-spacing: -.045em; line-height: 1.04; }
.mkt-business { --mkt-accent: var(--mkt-business); --mkt-accent-dark: var(--mkt-business-dark); --mkt-soft: #f8ede7; }
.mkt-finance { --mkt-accent: var(--mkt-finance); --mkt-accent-dark: var(--mkt-finance-dark); --mkt-soft: #eaf0f7; }
.auth-main:has(.mkt-site) { display: block; min-height: 100vh; max-width: none; padding: 0; background: var(--mkt-white); }

.mkt-header {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: min(1440px, 100%);
  min-height: 76px;
  margin: 0 auto;
  padding: 0 clamp(1.25rem, 4vw, 4rem);
  background: rgb(255 255 255 / 94%);
  border-bottom: 1px solid #e9e9e9;
}
.mkt-logo, .mkt-product-logo { display: inline-flex; width: fit-content; align-items: center; color: var(--mkt-ink); text-decoration: none; }
.mkt-brand-image { display: block; width: auto; height: auto; }
.mkt-brand-master { width: 108px; }
.mkt-brand-product { width: 178px; }
.mkt-product-logo strong { color: var(--mkt-accent); }
.mkt-nav { display: flex; align-items: center; gap: clamp(1.5rem, 3vw, 3rem); }
.mkt-nav a, .mkt-text-action { color: var(--mkt-ink); font-size: .92rem; font-weight: 650; text-decoration: none; }
.mkt-nav a:hover, .mkt-text-action:hover { color: var(--mkt-accent); }
.mkt-header-actions { display: flex; justify-content: flex-end; align-items: center; gap: 1.25rem; }
.mkt-mobile-nav { display: none; justify-self: end; }
.mkt-mobile-nav summary { display: grid; gap: 4px; width: 42px; height: 42px; padding: 11px; border: 1px solid var(--mkt-line); border-radius: .65rem; cursor: pointer; list-style: none; }
.mkt-mobile-nav summary::-webkit-details-marker { display: none; }
.mkt-mobile-nav summary span { display: block; height: 2px; background: var(--mkt-ink); border-radius: 2px; }
.mkt-mobile-nav nav { position: absolute; top: 68px; right: 1rem; display: grid; min-width: 210px; padding: .6rem; background: var(--mkt-white); border: 1px solid var(--mkt-line); border-radius: .8rem; box-shadow: 0 18px 50px rgb(17 17 17 / 12%); }
.mkt-mobile-nav nav a { padding: .75rem .85rem; font-weight: 700; text-decoration: none; border-radius: .5rem; }
.mkt-mobile-nav nav a:hover { background: var(--mkt-canvas); }

.mkt-button { display: inline-flex; justify-content: center; align-items: center; gap: .6rem; min-height: 48px; padding: .8rem 1.2rem; border: 1px solid transparent; border-radius: .55rem; font-size: .92rem; font-weight: 750; line-height: 1; text-decoration: none; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.mkt-button:hover { transform: translateY(-1px); }
.mkt-button-small { min-height: 40px; padding: .7rem 1rem; }
.mkt-button-dark { color: var(--mkt-white) !important; background: var(--mkt-ink); }
.mkt-button-dark:hover { background: #2b2b2b; }
.mkt-button-outline { color: var(--mkt-ink) !important; background: var(--mkt-white); border-color: var(--mkt-line); }
.mkt-button-outline:hover { border-color: var(--mkt-ink); }
.mkt-button-business { color: var(--mkt-white) !important; background: var(--mkt-business); }
.mkt-button-business:hover { background: var(--mkt-business-dark); }
.mkt-button-finance { color: var(--mkt-white) !important; background: var(--mkt-finance); }
.mkt-button-finance:hover { background: var(--mkt-finance-dark); }

.mkt-hero { display: grid; grid-template-columns: minmax(0, .82fr) minmax(520px, 1.3fr); gap: clamp(2.5rem, 6vw, 6.5rem); align-items: center; width: min(1440px, 100%); min-height: 650px; margin: 0 auto; padding: clamp(4rem, 8vw, 7.5rem) clamp(1.25rem, 4vw, 4rem); }
.mkt-master-hero { min-height: 690px; }
.mkt-hero-copy { max-width: 590px; }
.mkt-eyebrow { margin-bottom: 1rem; color: var(--mkt-accent); font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.mkt-master .mkt-eyebrow { color: var(--mkt-muted); }
.mkt-hero h1 { max-width: 720px; margin-bottom: 1.5rem; font-size: clamp(3.35rem, 6.4vw, 6.25rem); }
.mkt-product-page .mkt-hero h1 { font-size: clamp(3.1rem, 5.6vw, 5.65rem); }
.mkt-lede { max-width: 600px; margin-bottom: 2rem; color: var(--mkt-text); font-size: clamp(1.05rem, 1.55vw, 1.28rem); line-height: 1.65; }
.mkt-actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.mkt-verified-list { display: flex; flex-wrap: wrap; gap: .65rem 1.15rem; margin: 1.8rem 0 0; padding: 0; color: var(--mkt-text); font-size: .86rem; list-style: none; }
.mkt-verified-list li::before { content: "✓"; margin-right: .45rem; color: var(--mkt-accent); font-weight: 900; }

.mkt-preview { overflow: hidden; color: var(--mkt-ink); background: var(--mkt-white); border: 1px solid var(--mkt-line); border-radius: 1.1rem; box-shadow: 0 28px 70px rgb(17 17 17 / 11%); }
.mkt-preview-bar { display: flex; justify-content: space-between; align-items: center; min-height: 52px; padding: 0 1.25rem; border-bottom: 1px solid #e8e8e8; }
.mkt-preview-bar span { font-size: .88rem; }
.mkt-preview-bar b { color: var(--mkt-accent); }
.mkt-preview-bar small, .mkt-preview-heading > b { color: var(--mkt-muted); font-size: .66rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.mkt-preview-layout { display: grid; grid-template-columns: 112px 1fr; min-height: 390px; }
.mkt-preview-nav { display: flex; flex-direction: column; gap: .25rem; padding: 1rem .65rem; background: #fafafa; border-right: 1px solid #e8e8e8; }
.mkt-preview-nav span { padding: .58rem .65rem; color: var(--mkt-muted); border-radius: .45rem; font-size: .69rem; font-weight: 650; }
.mkt-preview-nav span.is-active { color: var(--mkt-accent-dark); background: var(--mkt-soft); }
.mkt-preview-content { min-width: 0; padding: 1.2rem; }
.mkt-preview-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.mkt-preview-heading > span { display: grid; gap: .12rem; }
.mkt-preview-heading small { color: var(--mkt-muted); font-size: .65rem; }
.mkt-preview-heading strong { font-size: 1rem; }
.mkt-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: .65rem; }
.mkt-metrics article { display: grid; gap: .3rem; padding: .85rem; border: 1px solid #e3e3e3; border-radius: .6rem; }
.mkt-metrics small { color: var(--mkt-muted); font-size: .62rem; }
.mkt-metrics strong { font-size: 1.12rem; }
.mkt-metrics span { color: var(--mkt-muted); font-size: .61rem; }
.mkt-metrics .is-positive { color: #166534; }
.mkt-metrics .is-attention { color: #92400e; }
.mkt-preview-panels { display: grid; grid-template-columns: 1.35fr .8fr; gap: .65rem; margin-top: .65rem; }
.mkt-preview-panels article { min-width: 0; padding: .9rem; border: 1px solid #e3e3e3; border-radius: .6rem; }
.mkt-preview-panels header { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; font-size: .7rem; }
.mkt-preview-panels header small { color: var(--mkt-muted); }
.mkt-line-chart { display: flex; align-items: end; gap: 6%; height: 122px; padding: .8rem .3rem .2rem; border-bottom: 1px solid #e3e3e3; background: repeating-linear-gradient(to bottom, transparent 0 31px, #f1f1f1 31px 32px); }
.mkt-line-chart i { flex: 1; min-width: 7px; height: 28%; background: var(--mkt-accent); border-radius: 3px 3px 0 0; opacity: .9; }
.mkt-line-chart i:nth-child(2) { height: 46%; opacity: .65; }
.mkt-line-chart i:nth-child(3) { height: 38%; }
.mkt-line-chart i:nth-child(4) { height: 67%; opacity: .7; }
.mkt-line-chart i:nth-child(5) { height: 56%; }
.mkt-line-chart i:nth-child(6) { height: 82%; opacity: .75; }
.mkt-line-chart i:nth-child(7) { height: 72%; }
.mkt-list-panel p, .mkt-split-panel p { display: flex; align-items: center; gap: .45rem; margin: 0; padding: .65rem 0; border-bottom: 1px solid #ededed; color: var(--mkt-text); font-size: .64rem; }
.mkt-list-panel p:last-child, .mkt-split-panel p:last-child { border-bottom: 0; }
.mkt-list-panel p span, .mkt-split-panel p span { flex: 1; }
.mkt-list-panel p b, .mkt-split-panel p b { color: var(--mkt-ink); font-size: .6rem; }
.mkt-split-panel p i { width: 8px; height: 8px; border-radius: 50%; }
.mkt-split-panel .is-business { background: var(--mkt-business); }
.mkt-split-panel .is-finance { background: var(--mkt-finance); }

.mkt-section { width: min(1440px, 100%); margin: 0 auto; padding: clamp(4.5rem, 8vw, 7.5rem) clamp(1.25rem, 4vw, 4rem); }
.mkt-section-heading { max-width: 760px; margin: 0 auto clamp(2.5rem, 5vw, 4rem); text-align: center; }
.mkt-section-heading-left { margin-left: 0; text-align: left; }
.mkt-section-heading h2 { margin-bottom: 1rem; font-size: clamp(2.25rem, 4vw, 3.75rem); }
.mkt-section-heading > span { color: var(--mkt-text); font-size: 1.05rem; line-height: 1.6; }
.mkt-products { border-top: 1px solid #ececec; }
.mkt-product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; }
.mkt-product-card { position: relative; padding: clamp(1.6rem, 4vw, 3rem); border: 1px solid var(--mkt-line); border-radius: 1rem; }
.mkt-product-card.is-business { border-top: 5px solid var(--mkt-business); }
.mkt-product-card.is-finance { border-top: 5px solid var(--mkt-finance); }
.mkt-product-icon { display: flex; align-items: end; gap: 4px; width: 44px; height: 44px; margin-bottom: 1.4rem; padding: 10px; color: var(--mkt-white); border-radius: .75rem; }
.mkt-product-card.is-business .mkt-product-icon { background: var(--mkt-business); }
.mkt-product-card.is-finance .mkt-product-icon { position: relative; background: var(--mkt-finance); border-radius: 50%; }
.mkt-product-icon i { width: 5px; background: var(--mkt-white); border-radius: 2px; }
.mkt-product-icon i:nth-child(1) { height: 12px; }.mkt-product-icon i:nth-child(2) { height: 22px; }.mkt-product-icon i:nth-child(3) { height: 17px; }
.mkt-product-card.is-finance .mkt-product-icon span { width: 22px; height: 22px; border: 4px solid var(--mkt-white); border-radius: 50%; border-right-color: transparent; transform: rotate(-20deg); }
.mkt-product-label { margin-bottom: .5rem; font-weight: 800; }
.mkt-product-card.is-business .mkt-product-label { color: var(--mkt-business-dark); }
.mkt-product-card.is-finance .mkt-product-label { color: var(--mkt-finance-dark); }
.mkt-product-card h3 { margin-bottom: 1rem; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.mkt-product-card > p:not(.mkt-product-label) { max-width: 620px; color: var(--mkt-text); }
.mkt-product-card ul { display: grid; gap: .55rem; margin: 1.5rem 0 1.8rem; padding: 0; color: var(--mkt-text); list-style: none; }
.mkt-product-card li::before { content: "✓"; margin-right: .6rem; font-weight: 900; }
.mkt-product-card.is-business li::before { color: var(--mkt-business); }
.mkt-product-card.is-finance li::before { color: var(--mkt-finance); }

.mkt-principles { background: var(--mkt-canvas); }
.mkt-principle-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--mkt-line); border-radius: .9rem; background: var(--mkt-line); }
.mkt-principle-grid article { min-height: 260px; padding: 2rem; background: var(--mkt-white); }
.mkt-principle-grid span { color: var(--mkt-muted); font-size: .75rem; font-weight: 800; letter-spacing: .08em; }
.mkt-principle-grid h3 { margin: 2.8rem 0 .8rem; font-size: 1.35rem; }
.mkt-principle-grid p { margin-bottom: 0; color: var(--mkt-text); line-height: 1.65; }

.mkt-capability-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; width: min(1320px, calc(100% - 2.5rem)); margin: 0 auto; overflow: hidden; border: 1px solid var(--mkt-line); border-radius: .9rem; background: var(--mkt-line); }
.mkt-capability-strip article { display: flex; gap: 1rem; min-height: 190px; padding: 1.7rem; background: var(--mkt-white); }
.mkt-capability-strip article > span { color: var(--mkt-accent); font-size: .72rem; font-weight: 800; }
.mkt-capability-strip h2 { margin-bottom: .7rem; font-size: 1.15rem; letter-spacing: -.025em; }
.mkt-capability-strip p { margin: 0; color: var(--mkt-text); font-size: .88rem; line-height: 1.6; }
.mkt-workflows { margin-top: 5rem; background: var(--mkt-canvas); }
.mkt-workflow-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.mkt-workflow-grid article { padding: clamp(1.5rem, 3vw, 2.4rem); background: var(--mkt-white); border: 1px solid var(--mkt-line); border-radius: .85rem; }
.mkt-workflow-grid article > span { color: var(--mkt-accent); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.mkt-workflow-grid h3 { margin: 2.4rem 0 .8rem; font-size: 1.55rem; }
.mkt-workflow-grid p { margin-bottom: 0; color: var(--mkt-text); line-height: 1.7; }
.mkt-verified { display: grid; grid-template-columns: .65fr 1fr; gap: 4rem; align-items: start; }
.mkt-verified h2 { font-size: clamp(2rem, 3.5vw, 3.3rem); }
.mkt-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.mkt-check-grid p { display: flex; gap: .8rem; margin: 0; padding: 1.2rem; color: var(--mkt-text); background: var(--mkt-canvas); border-radius: .7rem; }
.mkt-check-grid p span { color: var(--mkt-accent); font-weight: 900; }

.mkt-access { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; width: min(1360px, calc(100% - 2.5rem)); margin: 0 auto 1.25rem; padding: clamp(2rem, 4vw, 3.5rem); color: var(--mkt-white); background: var(--mkt-ink); border-radius: 1rem; }
.mkt-access h2 { margin-bottom: .65rem; color: var(--mkt-white); font-size: clamp(2rem, 3.5vw, 3.4rem); }
.mkt-access .mkt-eyebrow { color: #c5c5c5; }
.mkt-access div:first-child > span { color: #c5c5c5; }
.mkt-access > div:last-child { display: flex; flex-wrap: wrap; gap: .7rem; }
.mkt-access > div:last-child a { min-width: 210px; padding: 1rem 1.2rem; color: var(--mkt-ink); background: var(--mkt-white); border-radius: .55rem; font-weight: 800; text-align: center; text-decoration: none; }
.mkt-access > div:last-child a span { margin-left: .55rem; color: var(--mkt-accent); }
.mkt-product-access { margin-top: 1.25rem; }
.mkt-footer { display: grid; grid-template-columns: 1fr auto; gap: 3rem; width: 100%; padding: 3.5rem clamp(1.25rem, 4vw, 4rem) 2rem; color: #d6d6d6; background: #17191b; }
.mkt-footer .mkt-logo, .mkt-footer .mkt-product-logo { color: var(--mkt-white); }
.mkt-footer p { max-width: 440px; margin: .8rem 0 0; color: #a8a8a8; }
.mkt-footer nav { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: start; }
.mkt-footer nav a { color: #d6d6d6; text-decoration: none; }
.mkt-footer nav a:hover { color: var(--mkt-white); }
.mkt-footer small { grid-column: 1 / -1; padding-top: 1.5rem; color: #8e8e8e; border-top: 1px solid #343434; }

/* Product colors remain decorative unless their contrast is sufficient for text. */
.mkt-site .mkt-eyebrow { color: var(--mkt-accent) !important; }
.mkt-master .mkt-eyebrow { color: var(--mkt-muted) !important; }
.mkt-access .mkt-eyebrow { color: #c5c5c5 !important; }
.mkt-button-business { background: var(--mkt-business-dark); }
.mkt-button-business:hover { background: #743f22; }
.mkt-business .mkt-product-logo strong,
.mkt-business .mkt-preview-bar b,
.mkt-business .mkt-capability-strip article > span,
.mkt-business .mkt-workflow-grid article > span,
.mkt-business .mkt-check-grid p span,
.mkt-business .mkt-access > div:last-child a span { color: var(--mkt-business-dark); }
.mkt-business .mkt-eyebrow { color: var(--mkt-business-dark) !important; }
.mkt-business .mkt-access .mkt-eyebrow { color: #c5c5c5 !important; }
.mkt-business .mkt-footer .mkt-product-logo strong { color: #e6a06b; }
.mkt-finance .mkt-footer .mkt-product-logo strong { color: #8eafd0; }

@media (max-width: 1100px) {
  .mkt-header { grid-template-columns: 1fr auto; }
  .mkt-nav, .mkt-header-actions { display: none; }
  .mkt-mobile-nav { display: block; }
  .mkt-hero { grid-template-columns: 1fr; min-height: 0; }
  .mkt-hero-copy { max-width: 760px; }
  .mkt-preview { width: min(850px, 100%); }
  .mkt-capability-strip { grid-template-columns: 1fr 1fr; }
  .mkt-principle-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .mkt-header { min-height: 66px; padding-inline: 1rem; }
  .mkt-hero { gap: 2.5rem; padding: 3.5rem 1rem; }
  .mkt-hero h1, .mkt-product-page .mkt-hero h1 { font-size: clamp(2.75rem, 14vw, 4.2rem); }
  .mkt-actions { display: grid; }
  .mkt-preview-layout { grid-template-columns: 1fr; }
  .mkt-preview-nav { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid #e8e8e8; }
  .mkt-preview-nav span { white-space: nowrap; }
  .mkt-metrics { grid-template-columns: 1fr 1fr; }
  .mkt-metrics article:last-child { grid-column: 1 / -1; }
  .mkt-preview-panels { grid-template-columns: 1fr; }
  .mkt-product-grid, .mkt-workflow-grid, .mkt-verified, .mkt-check-grid { grid-template-columns: 1fr; }
  .mkt-principle-grid, .mkt-capability-strip { grid-template-columns: 1fr; }
  .mkt-principle-grid article { min-height: 220px; }
  .mkt-section { padding: 4rem 1rem; }
  .mkt-workflows { margin-top: 3.5rem; }
  .mkt-access { grid-template-columns: 1fr; width: calc(100% - 2rem); }
  .mkt-access > div:last-child { display: grid; }
  .mkt-footer { grid-template-columns: 1fr; gap: 2rem; padding-inline: 1.25rem; }
  .mkt-footer small { grid-column: 1; }
}
@media (max-width: 470px) {
  .mkt-preview-bar { align-items: start; flex-direction: column; gap: .2rem; padding-block: .8rem; }
  .mkt-preview-content { padding: .8rem; }
  .mkt-metrics { grid-template-columns: 1fr; }
  .mkt-metrics article:last-child { grid-column: auto; }
  .mkt-verified-list { display: grid; }
}