/* Shared visual system. Loaded last on every route.
   Apple references and measured values: docs/APPLE-DESIGN-REFERENCE-2026-09-12.md.
   SF is supplied by the visitor's OS; Inter remains the bundled fallback. */
:root {
  --font-ui: -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", sans-serif;
  --font-heading: var(--font-ui);
  --ink: #1d1d1f;
  --muted: #6e6e73;
  --line: #d2d2d7;
  --soft: #f5f5f7;
  --purple: #6716d8;
  --max: 1200px;
  --gutter: 48px;
  --heading-weight: 700;
  --heading-tracking: -.009em;
  --type-display: 64px;
  --type-section: 48px;
  --type-feature: 28px;
  font-family: var(--font-ui);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.47059;
  letter-spacing: -.015em;
  color: var(--ink);
  scroll-padding-top: 82px;
  -webkit-font-smoothing: antialiased;
}
body { color: var(--ink); }
h1, h2, h3 { font-optical-sizing: auto; font-variation-settings: normal; }
.detail-page, .buyer-page { --detail-muted: #6e6e73; --buyer-ink: #1d1d1f; --buyer-line: #d2d2d7; color: var(--ink); }
.container, .buyer-container { width: min(var(--max), calc(100% - var(--gutter) * 2)); }

/* Clear tiers, with optical tracking instead of compressed display lettering. */
:is(.new-hero-copy, .detail-page-hero, .buyer-hero-copy, .ai-demo-intro, .demo-opening-copy) h1 {
  font-size: var(--type-display);
  font-weight: 700;
  line-height: 1.0625;
  letter-spacing: -.009em;
  text-wrap: balance;
}
:is(.new-section-heading, .operations-copy, .new-ai-grid, .home-questions,
    .detail-page, .detail-faq, .buyer-page, .new-final-cta, .demo-agenda) h2 {
  font-size: var(--type-section);
  font-weight: 700;
  line-height: 1.08349;
  letter-spacing: -.002em;
  text-wrap: balance;
}
:is(.recipient-copy, .new-story-feature, .new-story-aside, .start-steps,
    .detail-page, .buyer-page) h3 {
  font-size: var(--type-feature);
  font-weight: 700;
  line-height: 1.14286;
  letter-spacing: .007em;
  text-wrap: balance;
}
:is(.new-section-heading, .operations-copy) h2 span { color: var(--muted); }
:is(.detail-page-hero, .buyer-hero-copy, .ai-demo-intro, .demo-opening-copy) h1 span { color: var(--muted); }
.eyebrow, .detail-page .eyebrow, .detail-faq .eyebrow, .buyer-page .eyebrow {
  color: var(--muted);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.47059;
  letter-spacing: -.015em;
  text-transform: none;
  margin-bottom: 20px;
}
.eyebrow-dot { display: none; }

/* Marketing text. Conversation UI and illustration labels have their own scale. */
:is(.new-section-heading, .operations-copy, .home-questions, .detail-section-heading,
    .detail-editorial-copy, .detail-proof-copy, .detail-setup, .detail-distribution-note,
    .detail-rollout-list, .detail-faq, .ai-page-connection, .demo-agenda-list,
    .demo-preview-intro, .buyer-section-heading, .buyer-path-card, .buyer-feature-grid,
    .buyer-editorial-list, .buyer-story, .buyer-roadmap, .buyer-faq, .buyer-cta) p,
.recipient-copy p, .operations-benefits p, .new-story-feature p,
.new-story-aside p, .start-steps p, .detail-value-grid p, .detail-steps p,
.buyer-faq-answer p, .buyer-scope-list dd {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.47059;
  letter-spacing: -.015em;
  color: var(--muted);
}
:is(.new-hero-copy, .detail-page-hero, .buyer-hero-copy, .ai-demo-intro, .demo-opening-copy) > p {
  font-size: 21px;
  line-height: 1.381;
  font-weight: 400;
  letter-spacing: .005em;
  color: var(--muted);
}
:is(.text-link, .new-tour-link, .detail-quiet-link, .story-action,
    .buyer-path-card > span, .buyer-story-link, .new-review-link) {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.47059;
  letter-spacing: -.015em;
  color: var(--purple);
}
.ai-demo-actions > .text-link { font-size: 17px; }
.button {
  min-height: 44px;
  padding: 12px 22px;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -.022em;
  border-radius: 999px;
  box-shadow: none;
}
a.button > svg { display: none; }
.button-primary { background: var(--purple); box-shadow: none; }
.button-secondary { background: #eee7fa; border: 1px solid transparent; color: var(--purple); }
.button-secondary:hover { background: #e4d8f6; color: var(--purple); }
.button.button-secondary { line-height: 20px; }
.button-light { background: #fff; color: #1d1d1f; }
.button:hover { box-shadow: none; }

.turnstile-field { display: grid; justify-items: start; gap: 8px; min-width: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.turnstile-widget { justify-self: stretch; }
.turnstile-field p { margin: 0; }
.turnstile-field a { color: var(--purple); text-decoration: underline; }
.turnstile-field .button { min-height: 44px; padding: 9px 16px; font-size: 14px; white-space: normal; }

/* A compact, quiet navigation bar. */
.header, .header-inner { height: 60px; }
.header { background: #ffffffed; border-bottom: 1px solid #0000000c; backdrop-filter: saturate(180%) blur(20px); }
.header-inner { max-width: 1100px; gap: 40px; }
.header .logo { width: 79px; }
.navigation { gap: 28px; }
.nav-trigger, .nav-pricing, .signin { font-size: 13px; font-weight: 400; letter-spacing: -.01em; color: #333336; }
.header-cta { min-height: 32px; padding: 7px 15px; font-size: 13px; line-height: 18px; }
.header-actions { gap: 24px; }
.mega-menu { border: 1px solid #0000000a; border-radius: 0 0 22px 22px; background: #fff; box-shadow: 0 20px 30px #0000000d; }
.menu-heading { font-size: 13px; color: var(--muted); }
.menu-link { padding-block: 18px; }
.menu-link strong { font-size: 19px; line-height: 1.2; letter-spacing: -.01em; font-weight: 600; }
.menu-link small { font-size: 13px; line-height: 1.4; margin-top: 5px; }
.menu-icon { background: #f5f5f7; color: #6e6e73; }
.menu-bottom { background: #f5f5f7; font-size: 14px; }

/* Preserve the user's preferred dimensional homepage hero. */
.new-hero-copy h1 { font-size: clamp(48px, 4.8vw, 70px); line-height: 1.065; letter-spacing: -.02em; }
.new-hero-copy h1 span { white-space: normal; color: var(--purple); }
.new-hero-copy > p { font-size: 17px; line-height: 1.65; letter-spacing: -.015em; }
.new-hero-copy .eyebrow { font-size: 12px; color: var(--purple); letter-spacing: 0; }
.new-hero-copy .eyebrow-dot { display: inline-block; }
.new-hero-actions .button { font-size: 14px; padding: 14px 23px; }
.new-hero-actions .button > svg { display: block; }
.new-hero-actions .new-tour-link { font-size: 13px; color: var(--ink); }
.customers-strip { padding-block: 38px; }
.customers-strip > p { font-size: 13px; margin-bottom: 28px; color: var(--muted); }
.early-proof { padding-block: 30px; border-color: #e8e8ed; gap: 22px; }
.early-proof blockquote { font-size: 19px; line-height: 1.421; font-weight: 500; letter-spacing: -.01em; }
.early-proof p { font-size: 13px; line-height: 1.5; margin-top: 8px; color: var(--muted); }
.early-proof p span { color: var(--muted); }
.early-proof > a { font-size: 14px; color: var(--purple); }

/* Larger sections and neutral product surfaces replace small tinted panels. */
.new-section, .buyer-section { padding-block: 104px; }
.new-section-heading { gap: 60px; margin-bottom: 48px; }
.new-section-heading > p { max-width: 360px; }
.recipient-grid { gap: 24px; }
.recipient-card, .recipient-partners { background: #f5f5f7; border: 0; border-radius: 28px; }
.recipient-copy { padding: 40px; }
.recipient-label { font-size: 14px; color: var(--muted); margin-bottom: 22px; }
.recipient-copy h3 { margin-bottom: 19px; }
.recipient-copy p { max-width: 400px; margin-bottom: 21px; }
.recipient-image { margin-left: 30px; border-width: 4px; box-shadow: none; }
.recipient-footnote { font-size: 12px; padding: 20px 30px 25px; color: var(--muted); }
.new-operations { background: #f5f5f7; border: 0; }
/* A single large product visual gives the management story room to breathe. */
.operations-showcase { max-width: 1100px; }
.operations-showcase .operations-copy { max-width: 760px; margin-inline: auto; text-align: center; }
.operations-showcase .eyebrow { justify-content: center; }
.operations-showcase .operations-copy > p { max-width: 540px; margin: 26px auto 23px; font-size: 21px; line-height: 1.38; }
.operations-library { margin: 56px 0 0; }
.operations-library > img { display: block; width: 100%; height: auto; border: 1px solid #0000000b; border-radius: 20px; box-shadow: 0 14px 50px #2b26400b; }
.operations-library figcaption { margin-top: 16px; color: var(--muted); font-size: 12px; text-align: center; }
.operations-showcase .operations-benefits { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px; margin: 50px 0 0; }
.operations-showcase .operations-benefits > div { display: block; }
.operations-benefits h3 { font-size: 21px; font-weight: 700; line-height: 1.19; letter-spacing: .005em; margin-bottom: 12px; }
.operations-benefits p { max-width: 300px; }
.new-story-feature { background: #f5f5f7; border-radius: 28px; }
.new-story-feature > div { padding: 40px; }
.new-story-feature h3 { font-size: 32px; line-height: 1.125; }
.new-story-feature p { max-width: 450px; margin-block: 20px 24px; }
.new-story-feature .small-label, .new-story-aside .small-label { color: var(--muted); font-size: 13px; line-height: 1.4; }
.story-product { box-shadow: none; }
.new-story-aside { border: 0; border-radius: 28px; background: #f5f5f7; }
.new-story-aside a { padding: 36px; }
.new-story-aside a + a { border-top: 1px solid #dedee3; }
.new-story-aside a:hover { background: #eeeef1; }
.new-story-aside h3 { font-size: 24px; line-height: 1.167; max-width: 400px; }
.new-story-aside p { margin-block: 17px 21px; max-width: 400px; }
.story-brand-name { font-size: 24px; font-weight: 600; letter-spacing: -.005em; }
/* A quiet, colorful invitation leads to the interactive demo on /ai. */
.new-ai-section { color: #1d1d1f; position: relative; overflow: hidden; isolation: isolate; background: #eef5fc; padding-block: 112px; }
.ai-spectrum { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; }
.ai-invitation { position: relative; max-width: 800px; text-align: center; }
.ai-invitation-icon { display: block; margin: 0 auto 24px; }
.ai-invitation .eyebrow { justify-content: center; color: #5b5367; margin-bottom: 22px; }
.ai-invitation h2 { font-size: 64px; font-weight: 700; line-height: 1.06; letter-spacing: -.009em; text-wrap: balance; }
.ai-invitation h2 span { color: #615176; }
.ai-invitation > p { max-width: 540px; margin: 28px auto 30px; font-size: 21px; line-height: 1.38; color: #5d5368; }
.ai-invitation .button { margin-inline: auto; }
.ai-availability { display: block; font-size: 12px; color: #61576b; margin-top: 20px; }
.start-steps { gap: 48px; margin-block: 50px 36px; }
.start-steps article > span { color: var(--muted); font-size: 14px; }
.start-steps h3 { font-size: 24px; line-height: 1.167; margin-bottom: 18px; }
.home-questions { padding-top: 16px; }
.home-questions > div > p { max-width: 360px; margin-block: 22px 26px; }

/* Product, architecture and buyer pages share the same reading rhythm. */
.detail-page-hero { padding-top: 84px; padding-bottom: 56px; max-width: 1000px; }
.detail-page-hero h1 { margin-block: 22px 25px; }
.detail-page-hero > p { max-width: 700px; }
.detail-page-actions { margin-top: 30px; gap: 30px; }
.detail-page-actions .button { font-size: 17px; }
.detail-capture-stage, .detail-capture-peach .detail-capture-stage { background: #f5f5f7; border: 0; border-radius: 28px; padding: 30px; }
.detail-capture-stage > img { box-shadow: none; border-color: #0000000b; }
.detail-capture figcaption, .detail-capture figcaption button { font-size: 12px; color: var(--muted); }
.detail-capture figcaption button { min-height: 32px; }
.detail-value-grid { gap: 40px; }
.detail-value-grid article { padding-top: 28px; border-color: #d2d2d7; }
.detail-value-icon { color: #6e6e73; }
.detail-value-grid h3 { font-size: 24px; line-height: 1.167; letter-spacing: .009em; }
.detail-editorial-copy > p { margin-bottom: 23px; }
.detail-editorial-copy li { font-size: 17px; line-height: 1.47; align-items: flex-start; }
.detail-editorial-copy li svg { margin-top: 4px; }
.detail-brand-art-word { font-weight: 600; letter-spacing: -.009em; }
.detail-proof { padding-block: 48px; border-color: #d2d2d7; }
.detail-proof-copy h2 { font-size: 40px; line-height: 1.1; }
.detail-proof-company > strong { font-weight: 600; letter-spacing: -.005em; }
.detail-proof-company > span { font-size: 13px; }
.detail-slide-art { background: #f5f5f7; }
.detail-slide-art img { box-shadow: 0 10px 30px #0000000b; }
.detail-steps h3 { font-size: 40px; }
.detail-steps > article > span { color: var(--muted); font-size: 14px; }
.detail-distribution-note { align-items: start; }
.detail-distribution-note h2 { font-size: 40px; }
.detail-distribution-note > span { font-size: 14px; color: var(--muted); }
.detail-system { background: #f5f5f7; border: 0; border-radius: 28px; }
.detail-system-center { box-shadow: none; border-color: #e8e8ed; }
.detail-system-label { text-transform: none; letter-spacing: 0; font-size: 13px; color: var(--muted); }
.detail-system-sources strong, .detail-system-destinations > div { font-size: 14px; }
.detail-system-caption { font-size: 12px !important; color: var(--muted); }
.detail-rollout-list h3, .demo-agenda-list h3 { font-size: 24px; line-height: 1.167; }
.detail-rollout-list > article > span, .demo-agenda-list article > span { font-size: 14px; color: var(--muted); }
.buyer-hero { gap: 70px; padding-block: 90px 80px; }
.buyer-hero-copy h1 { font-size: 56px; line-height: 1.07143; letter-spacing: -.005em; margin-block: 22px 26px; }
.buyer-section-heading { max-width: 740px; margin-bottom: 48px; }
.buyer-section-heading > p { max-width: 640px; }
.buyer-plan-art, .buyer-microsoft-art, .buyer-launch-art, .buyer-brand-art { background: #f5f5f7; border: 0; box-shadow: none; border-radius: 28px; transform: none; }
.buyer-plan-layer, .buyer-plan-layer:nth-child(n) { transform: none; box-shadow: none; border-color: #ededf0; }
.buyer-art-kicker { font-size: 14px; letter-spacing: 0; text-transform: none; color: var(--muted); }
.buyer-plan-layer strong, .buyer-launch-track strong { font-size: 21px; font-weight: 600; line-height: 1.19; letter-spacing: .011em; }
.buyer-plan-layer small, .buyer-brand-art strong { font-size: 13px; color: var(--muted); }
.buyer-plan-art > p, .buyer-microsoft-art > p, .buyer-launch-art > p { font-size: 14px; line-height: 1.42857; color: var(--muted); }
.buyer-app-source, .buyer-app-destinations > div { box-shadow: none; }
.buyer-app-destinations strong { font-weight: 600; }
.buyer-app-destinations small { font-size: 13px; line-height: 1.4; color: var(--muted); }
.buyer-path-card { background: #f5f5f7; border: 0; border-radius: 24px; padding: 32px; }
.buyer-path-card:hover { box-shadow: none; background: #eeeef1; }
.buyer-path-card > svg, .buyer-feature-grid > article > svg { color: #6e6e73; }
.buyer-band { background: #f5f5f7; padding-block: 88px; }
.buyer-scope-layout { gap: 80px; }
.buyer-scope-list dt { font-size: 21px; font-weight: 600; line-height: 1.19; letter-spacing: .011em; }
.buyer-scope-list dt > span, .buyer-step-number, .buyer-roadmap-number { color: var(--muted); font-size: 14px; letter-spacing: 0; }
.buyer-editorial-list h3 { font-size: 24px; line-height: 1.167; }
.buyer-story h3 { font-size: 32px; line-height: 1.125; letter-spacing: .002em; }
.buyer-story-name { font-size: 14px; font-weight: 500; }
.buyer-product-capture { box-shadow: none; border-color: #e8e8ed; background: #f5f5f7; border-radius: 26px; }
.buyer-roadmap-result { font-size: 15px; color: var(--muted); }
.buyer-checklist li { font-size: 17px; line-height: 1.47; }
.buyer-brand-art > span { font-size: 19px; letter-spacing: .005em; }

/* Keep dividers between disclosure rows, but never after the final row. */
details:last-of-type {
  border-bottom: 0 !important;
}

/* FAQs, forms and final invitations stay readable across every route. */
.home-faq-list summary, .detail-faq-list summary, .buyer-faq-items summary {
  font-size: 19px; font-weight: 600; line-height: 1.421; letter-spacing: -.01em; padding-block: 26px;
}
.home-faq-list details > p, .detail-faq-list details > p, .buyer-faq-answer p {
  font-size: 17px; line-height: 1.47059; letter-spacing: -.015em; color: var(--muted);
}
.detail-faq, .buyer-faq { padding-block: 88px; }
.brand-cta.new-final-cta { background: #f5f5f7; padding-block: 90px; }
.new-final-cta > .container { flex-direction: column; text-align: center; gap: 30px; }
.new-final-cta .eyebrow { justify-content: center; }
.new-final-cta h2 { max-width: 800px; margin-inline: auto; }
.new-final-cta h2 span { color: #6e6e73; }
.new-final-cta p { max-width: 590px; font-size: 21px; line-height: 1.381; color: var(--muted); margin: 24px auto 0; }
.new-final-cta .brand-cta-action { align-items: center; gap: 20px; }
.new-final-cta .brand-cta-action > a:not(.button) { font-size: 17px; color: var(--purple); }
.buyer-cta { background: #f5f5f7; border: 0; padding: 60px; border-radius: 28px; }
.buyer-cta h2 { font-size: 40px; line-height: 1.1; }
.demo-page-new { background: #fff; }
.demo-opening { gap: 75px; padding-top: 80px; }
.demo-opening-copy h1 { font-size: 56px; line-height: 1.07143; }
.demo-booking { padding: 40px; background: #f5f5f7; border: 0; box-shadow: none; border-radius: 28px; }
.demo-booking:before { display: none; }
.demo-booking-kicker { font-size: 14px; letter-spacing: 0; text-transform: none; color: var(--muted); }
.demo-booking h2 { font-size: 36px; line-height: 1.111; }
.demo-booking > p { font-size: 17px; line-height: 1.47; }
.demo-booking li { font-size: 15px; line-height: 1.4; }
.demo-booking-note, .demo-opening-action > span { font-size: 12px; color: var(--muted); }
.demo-booking > p.demo-booking-context { background: #e8e8ed; color: #424245; font-size: 14px; }
.demo-preview > details { border-color: #d2d2d7; background: #f5f5f7; }
.demo-preview > details > summary { font-size: 17px; }
.demo-preview summary small { font-size: 13px; }
.demo-preview-intro h2 { font-size: 28px; line-height: 1.14286; }
.demo-field label { font-size: 14px; }
.demo-field label > small { font-size: 12px; }
.demo-page-new .demo-field :is(input,select,textarea) { font-size: 16px; border-color: #b8b8be; border-radius: 10px; padding: 14px; }
.demo-form-privacy { font-size: 13px !important; line-height: 1.5 !important; }
.demo-form-error { font-size: 14px !important; }
.demo-page-new .demo-success > p { font-size: 17px; line-height: 1.47; }

/* Preserve the conversation's timing and compact UI; refine only its framing. */
.ai-demo-hero { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 50px; padding-top: 54px; }
.ai-demo-intro h1 { font-size: 56px; line-height: 1.07143; letter-spacing: -.005em; }
.ai-demo-intro > p { font-size: 21px; max-width: 440px; }
.ai-demo-stage { background: #f5f5f7; border: 0; box-shadow: none; border-radius: 28px; }
.ai-demo-stage .ai-showcase { --ai-ink: #1d1d1f; --ai-muted: #6e6e73; --ai-chrome: #6e6e73; --ai-line: #dedee3; --ai-inset-bg: #f5f5f7; }
.ai-demo-stage .ai-showcase-assistant-bubble { border-color: #e8e8ed; box-shadow: none; }
.ai-page-connection strong { font-size: 24px; font-weight: 600; line-height: 1.167; letter-spacing: .009em; }
.ai-page-connection li:before { color: var(--muted); font-size: 14px; }
.footer { background: #f5f5f7; padding-top: 48px; }
.footer-main { padding-bottom: 40px; }
.footer-column h3 { font-size: 13px; font-weight: 600; line-height: 1.333; letter-spacing: -.01em; }
.footer-column a { font-size: 13px; line-height: 1.5; color: #6e6e73; }
.concept-note { color: #6e6e73; font-size: 14px; line-height: 1.43; }
.footer-bottom { border-color: #d2d2d7; color: #626268; font-size: 12px; }

@media(max-width:1068px) {
  :root { --gutter: 32px; --type-display: 56px; --type-section: 40px; --type-feature: 24px; }
  .header-inner { gap: 28px; }
  .navigation { gap: 20px; }
  .new-section-heading { gap: 36px; }
  .new-section-heading > p { max-width: 300px; }
  .new-operations-grid, .new-ai-grid { gap: 42px; }
  .new-story-feature > div, .recipient-copy { padding: 30px; }
  .buyer-hero, .demo-opening { gap: 44px; }
  .buyer-hero-copy h1, .demo-opening-copy h1, .ai-demo-intro h1 { font-size: 48px; line-height: 1.08349; }
  .buyer-scope-layout, .buyer-faq { gap: 48px; }
  .ai-demo-hero { gap: 30px; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
  .ai-demo-stage { padding-inline: 18px; }
}
@media(max-width:800px) {
  :root { --gutter: 24px; --type-display: 48px; --type-section: 36px; }
  .header, .header-inner { height: 60px; }
  .navigation { top: 60px; background: #fff; }
  .nav-trigger, .nav-pricing { font-size: 17px; min-height: 48px; }
  .header-cta { min-height: 36px; font-size: 13px; padding-inline: 14px; }
  .header-actions { gap: 16px; }
  .mega-menu { box-shadow: none; border-radius: 0; }
  .menu-link strong { font-size: 17px; }
  .menu-link small { font-size: 13px; }
  .early-proof { gap: 16px; }
  .new-section, .buyer-section { padding-block: 72px; }
  .new-section-heading { flex-direction: column; align-items: flex-start; gap: 22px; margin-bottom: 34px; }
  .new-section-heading > p { max-width: 560px; }
  .new-operations-grid, .new-ai-grid { gap: 40px; }
  .new-ai-section { padding-block: 76px; }
  .buyer-hero { grid-template-columns: 1fr; gap: 40px; padding-block: 58px; }
  .buyer-hero-copy h1 { max-width: 680px; }
  .buyer-plan-art, .buyer-microsoft-art, .buyer-launch-art, .buyer-brand-art { width: min(540px,100%); justify-self: center; }
  .buyer-section-heading { margin-bottom: 34px; }
  .buyer-section-heading > p { font-size: 17px; }
  .buyer-cta { padding: 40px; }
  .detail-page-hero { padding-top: 56px; padding-bottom: 42px; }
  .detail-page-hero > p { font-size: 21px; }
  .detail-capture-stage, .detail-capture-peach .detail-capture-stage { padding: 18px; border-radius: 22px; }
  .detail-system { grid-template-columns: 1fr; padding: 30px 24px; }
  .detail-system-sources { padding: 0; }
  .detail-system-connector { width: 1px; height: 32px; justify-self: center; }
  .detail-system-destinations { padding: 0; }
  .detail-proof-copy h2, .detail-distribution-note h2 { font-size: 32px; line-height: 1.125; }
  .detail-faq, .buyer-faq { padding-block: 66px; }
  .ai-demo-hero { grid-template-columns: minmax(0,1fr); gap: 34px; padding-top: 44px; }
  .ai-demo-intro { max-width: 620px; }
  .ai-demo-intro h1 { max-width: 620px; }
  .ai-demo-intro > p { max-width: 580px; font-size: 21px; }
  .new-final-cta > .container { gap: 28px; }
  .brand-cta.new-final-cta { padding-block: 70px; }
  .demo-opening { grid-template-columns: 1fr; padding-top: 56px; }
  .demo-booking { padding: 32px; }
  .home-faq-list summary, .detail-faq-list summary, .buyer-faq-items summary { font-size: 17px; line-height: 1.47; }
}
@media(max-width:540px) {
  :root { --gutter: 22px; --type-display: 40px; --type-section: 32px; --type-feature: 24px; }
  :is(.detail-page-hero, .buyer-hero-copy, .ai-demo-intro, .demo-opening-copy) h1 { font-size: 40px; line-height: 1.1; letter-spacing: 0; }
  :is(.new-section-heading, .operations-copy, .new-ai-grid, .home-questions,
      .detail-page, .detail-faq, .buyer-page, .new-final-cta, .demo-agenda) h2 { line-height: 1.125; letter-spacing: .002em; }
  :is(.new-hero-copy, .detail-page-hero, .buyer-hero-copy, .ai-demo-intro, .demo-opening-copy) > p { font-size: 19px; line-height: 1.421; letter-spacing: .005em; }
  .eyebrow, .detail-page .eyebrow, .detail-faq .eyebrow, .buyer-page .eyebrow { font-size: 14px; line-height: 1.42857; }
  .button, .detail-page-actions .button, .ai-demo-actions .button { font-size: 17px; }
  .header-cta { font-size: 12px; min-height: 34px; }
  .customers-strip > p { font-size: 12px; }
  .early-proof blockquote { font-size: 17px; line-height: 1.47; }
  .early-proof p { font-size: 12px; }
  .early-proof > a { font-size: 14px; }
  .new-section, .buyer-section { padding-block: 64px; }
  .recipient-copy { padding: 28px; }
  .recipient-copy h3 { font-size: 28px; }
  .recipient-label { font-size: 13px; }
  .recipient-footnote { padding-inline: 22px; }
  .operations-product { padding-left: 18px; }
  .new-story-feature > div, .new-story-aside a { padding: 28px; }
  .new-story-feature h3 { font-size: 28px; }
  .new-story-aside h3 { font-size: 24px; }
  .start-steps h3 { font-size: 24px; }
  .start-steps p { max-width: none; }
  .detail-section { padding-block: 65px; }
  .detail-value-grid h3, .detail-rollout-list h3, .demo-agenda-list h3 { font-size: 24px; }
  .detail-proof-copy h2 { font-size: 32px; }
  .detail-capture-stage, .detail-capture-peach .detail-capture-stage { padding: 12px; }
  .detail-capture figcaption { flex-wrap: wrap; gap: 5px; font-size: 12px; }
  .detail-capture figcaption > span { max-width: 100%; }
  .detail-capture figcaption button { font-size: 12px; max-width: none; }
  .detail-brand-art-word { font-size: 36px; letter-spacing: -.005em; }
  .buyer-hero { padding-top: 46px; }
  .buyer-section-heading > p { font-size: 17px; }
  .buyer-path-card { padding: 28px; }
  .buyer-band { padding-block: 62px; }
  .buyer-cta { padding: 32px 26px; }
  .buyer-cta h2 { font-size: 32px; }
  .buyer-faq-answer { padding-right: 10px; }
  .buyer-roadmap > li { gap: 12px; }
  .new-final-cta p { font-size: 19px; line-height: 1.421; }
  .new-final-cta .brand-cta-action > a:not(.button) { font-size: 15px; }
  .demo-booking { padding: 28px; }
  .demo-booking h2 { font-size: 32px; }
  .demo-opening-action .button { font-size: 17px; }
  .demo-field label { font-size: 14px; }
  .ai-demo-hero { gap: 28px; padding-top: 36px; }
  .ai-demo-actions { gap: 17px; }
  .ai-demo-stage { padding: 17px 13px 12px; border-radius: 24px; }
  .footer-column h3, .footer-column a { font-size: 13px; }
}
@media(max-width:359px) {
  :root { --gutter: 18px; }
  .header-inner { gap: 12px; }
  .header-actions { gap: 10px; }
  .buyer-plan-art, .buyer-launch-art { padding-inline: 22px; }
  .ai-content-tokens > span { min-width: 160px; padding-inline: 12px; }
}
@media(prefers-reduced-motion:reduce) {
  :root { scroll-behavior: auto; }
}

/* The restored hero keeps its composition while using the shared typeface. */
@media(max-width:1100px) and (min-width:801px) {
  .new-hero-copy h1 { font-size: 4.7vw; }
}
@media(max-width:800px) {
  .new-hero-copy h1 { font-size: clamp(42px, 6.5vw, 58px); }
}
@media(max-width:540px) {
  .new-hero-copy h1 { font-size: 40px; letter-spacing: -.02em; line-height: 1.1; }
  .new-hero-copy > p { font-size: 16px; line-height: 1.6; }
  .new-hero-copy .eyebrow { font-size: 11px; }
  .new-hero-actions .button { font-size: 13px; padding-inline: 18px; }
  .new-hero-actions .new-tour-link { font-size: 12px; }
}
@media(max-width:359px) {
  .new-hero-copy h1 { font-size: 36px; }
}

/* Presentation-page refinement: short leads, quieter cards and medium actions. */
:is(.text-link, .new-tour-link, .detail-quiet-link, .story-action,
    .buyer-path-card > span, .buyer-story-link, .new-review-link),
.nav-trigger, .nav-pricing, .signin, .scene-options button,
.detail-capture figcaption button, .ai-demo-stage button { font-weight: 500; }
.new-workflows .new-section-heading { justify-content: center; text-align: center; }
.new-workflows .eyebrow { justify-content: center; }
.recipient-office { background: #edf4fa; }
.recipient-partners { background: #faf2ed; }
.recipient-copy p { max-width: 340px; }
.recipient-copy h3 { font-size: 36px; line-height: 1.11; }
.new-story-feature > div > img { margin-bottom: 26px; }
.new-story-aside { background: transparent; border-radius: 0; }
.new-story-aside a { padding: 28px 12px 32px 32px; }
.new-story-aside a:hover { background: #fafafa; }
.story-brand-name { font-size: 17px; color: #6e6e73; margin-bottom: 22px; }
.new-start .start-steps { margin-bottom: 0; }
.home-questions > div > .text-link { margin-top: 26px; }
:is(.detail-page-dam, .detail-page-distribution, .detail-page-powerpoint) .detail-page-hero { text-align: center; max-width: 1000px; }
:is(.detail-page-dam, .detail-page-distribution, .detail-page-powerpoint) .detail-page-hero .eyebrow { justify-content: center; }
:is(.detail-page-dam, .detail-page-distribution, .detail-page-powerpoint) .detail-page-hero > p { margin-inline: auto; max-width: 660px; }
:is(.detail-page-dam, .detail-page-distribution, .detail-page-powerpoint) .detail-page-actions { justify-content: center; }
.detail-capture-spectrum .detail-capture-stage { background: #ecf3fb url('/assets/generated/calm-spectrum-v1.webp') center/cover; padding: 44px; }
.detail-capture-spectrum .detail-capture-stage > img { width: 100%; height: auto; max-width: 100%; transform: none; }
.detail-value-grid article { display: block; padding-top: 0; border: 0; }
.detail-value-icon, .buyer-feature-grid > article > svg, .buyer-path-card > svg { display: none; }
.buyer-path-card { background: transparent; border-radius: 0; border-top: 1px solid #d2d2d7; padding: 28px 10px 12px 0; }
.buyer-path-card:hover { background: transparent; }
.buyer-path-card:hover > span { text-decoration: underline; text-underline-offset: 4px; }
.buyer-plan-art, .buyer-launch-art { background: #f0f5fb url('/assets/generated/calm-spectrum-v1.webp') center/cover; }
.buyer-cta { background: #f0f5fb url('/assets/generated/calm-spectrum-v1.webp') center/cover; }
.buyer-cta p { color: #5d5368; }
.buyer-brand-art { background: #eef3fa; }

@media(max-width:1068px) {
  .ai-invitation h2 { font-size: 56px; }
  .recipient-copy h3 { font-size: 32px; }
}
@media(max-width:800px) {
  .operations-showcase .operations-benefits { gap: 28px; }
  .new-ai-section { padding-block: 90px; }
  .ai-invitation h2 { font-size: 48px; }
  .new-workflows .new-section-heading { align-items: center; }
  .detail-capture-spectrum .detail-capture-stage { padding: 22px; }
}
@media(max-width:540px) {
  .operations-showcase .operations-copy > p { font-size: 19px; margin-top: 22px; }
  .operations-library { margin-top: 34px; }
  .operations-library > img { border-radius: 12px; }
  .operations-showcase .operations-benefits { grid-template-columns: 1fr; gap: 26px; margin-top: 34px; }
  .operations-benefits h3 { font-size: 21px; }
  .operations-benefits p { max-width: none; }
  .recipient-copy h3 { font-size: 28px; }
  .new-story-aside a { padding: 28px 0; }
  .new-ai-section { padding-block: 72px; }
  .ai-invitation h2 { font-size: 40px; line-height: 1.1; }
  .ai-invitation > p { font-size: 19px; }
  .ai-invitation-icon { width: 44px; height: 44px; }
  .detail-main-capture .detail-capture-spectrum .detail-capture-stage { height: auto; padding: 12px; }
  .detail-capture-spectrum .detail-capture-stage > img { width: 100%; height: auto; max-width: 100%; }
  .buyer-path-card { padding: 25px 0 10px; }
}

/* Put the examples first in the workflow cards. */
.recipient-image { margin: 28px 28px 0; border: 1px solid #0000000b; border-radius: 12px; }
.recipient-image img { aspect-ratio: 16/10; }
.recipient-footnote { padding-top: 0; }
@media(max-width:540px) {
  .recipient-image { margin: 18px 18px 0; border-radius: 9px; }
}

/* Color defines the chapters. Keep linework for controls, not page separation. */
:root {
  --chapter-peach: radial-gradient(ellipse at 12% 90%, #ffdbbc 0, transparent 55%), linear-gradient(125deg, #fff9f3, #f9f2fc);
  --chapter-blue: radial-gradient(ellipse at 100% 80%, #dbddff 0, transparent 55%), linear-gradient(145deg, #f6fbff, #dfedfc);
  --chapter-mint: radial-gradient(ellipse at 92% 95%, #dceef0 0, transparent 55%), linear-gradient(120deg, #f2faf4, #e6f4f2);
  --chapter-lilac: radial-gradient(ellipse at 10% 95%, #f6dff2 0, transparent 55%), linear-gradient(125deg, #faf7ff, #eeebff);
}
/* Match links to clear chapter colors; neutral and lilac sections keep purple. */
:is(.home-analytics, .company-today, .detail-page-dam .detail-section,
    .buyer-pricing .buyer-band, .buyer-roadmap, .it-tinted-band) .text-link,
.buyer-pricing .buyer-path-card:first-child > span { color: #3160a7; }
:is(.home-analytics, .company-today, .detail-page-dam .detail-section,
    .buyer-pricing .buyer-band, .buyer-roadmap, .it-tinted-band) .text-link:hover,
.buyer-pricing .buyer-path-card:first-child:hover > span { color: #234879; }

:is(.company-roots, .detail-page-distribution .detail-section,
    .buyer-microsoft .buyer-band) .text-link,
.buyer-pricing .buyer-path-card:nth-child(3) > span { color: #21694c; }
:is(.company-roots, .detail-page-distribution .detail-section,
    .buyer-microsoft .buyer-band) .text-link:hover,
.buyer-pricing .buyer-path-card:nth-child(3):hover > span { color: #134b35; }

:is(.home-page .new-workflows, .buyer-start .buyer-band) .text-link,
.buyer-pricing .buyer-path-card:nth-child(2) > span { color: #95502f; }
:is(.home-page .new-workflows, .buyer-start .buyer-band) .text-link:hover,
.buyer-pricing .buyer-path-card:nth-child(2):hover > span { color: #7e3e22; }

.hero-bottom-note { border: 0; }
.early-proof { border: 0; border-radius: 28px; background: #f6f3fc; padding: 30px; }
.new-workflows { background: var(--chapter-peach); margin-top: 64px; }
.new-workflows .recipient-card { background: #ffffffc9; }
.recipient-concept { background: transparent; border: 0; }
.recipient-concept img { object-fit: contain; background: #f7eff9; }
.new-operations { background: var(--chapter-blue); }
.operations-library > img { border: 0; box-shadow: 0 18px 60px #3145840b; }
.new-story-feature { background: #f3f5fc; }
.new-story-aside { display: grid; gap: 20px; }
.new-story-aside a { padding: 34px; border-radius: 28px; background: #faf0e9; }
.new-story-aside a + a { border: 0; background: #eff5f1; }
.new-story-aside a:hover { filter: brightness(.985); background: #faf0e9; }
.new-story-aside a + a:hover { background: #eff5f1; }
.new-start { background: var(--chapter-mint); }
.start-steps article { border: 0; }
.new-start .start-steps article > span { display: inline-grid; place-items: center; width: 42px; height: 42px; background: #ffffffb8; border-radius: 50%; color: #49766d; margin-bottom: 22px; }
.home-questions { padding-top: 88px; }
.brand-cta.new-final-cta { background: var(--chapter-lilac); }
.new-final-cta .brand-cta-action { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 16px; }
.new-final-cta .button-secondary { background: #ffffffb8; }
.new-final-cta .button-secondary:hover { background: #fff; }
.new-hero-actions .new-tour-link { color: var(--purple); }
.detail-page-actions { gap: 16px; }
.detail-page-actions .button-secondary { color: var(--purple); min-height: 44px; padding: 12px 22px; }

/* Product illustrations stay whole, especially the Pickit panel on the right. */
.detail-capture-concept .detail-capture-stage { background: transparent; padding: 0; }
.detail-capture-concept .detail-capture-stage > img { width: 100%; height: auto; max-width: 100%; border: 0; border-radius: 28px; transform: none; }
.buyer-microsoft .buyer-product-capture { border: 0; background: #f8f4fc; }
.buyer-microsoft .buyer-product-capture > img { display: block; }
.detail-page .detail-section { padding: 72px 48px; margin-block: 48px; border-radius: 36px; background: var(--chapter-blue); }
.detail-page-powerpoint .detail-section { background: var(--chapter-peach); }
.detail-page-distribution .detail-section, .ai-page .detail-section { background: var(--chapter-mint); }
.detail-steps > article { border: 0; }
.detail-proof { border: 0; padding: 60px 48px; border-radius: 36px; background: var(--chapter-lilac); }
.detail-setup { padding: 60px 48px; margin-top: 64px; border-radius: 36px; background: var(--chapter-mint); }
.detail-rollout-list > article { border: 0; }
.demo-agenda { border: 0; padding: 64px 48px; border-radius: 36px; background: var(--chapter-mint); }
.demo-booking { background: var(--chapter-peach); }
.detail-system { background: var(--chapter-blue); }

/* Buyer stories and rollout planning use color fields instead of divider lists. */
.buyer-band { background: var(--chapter-blue); }
.buyer-microsoft .buyer-band { background: var(--chapter-mint); }
.buyer-start .buyer-band { background: var(--chapter-peach); }
.buyer-brand .buyer-band { background: var(--chapter-lilac); }
.buyer-scope-list > div, .buyer-checklist li { border: 0; }
.buyer-path-card { background: #f0f5fc; border: 0; border-radius: 28px; padding: 32px; }
.buyer-path-card:nth-child(2) { background: #faf0e9; }
.buyer-path-card:nth-child(3) { background: #eef6f0; }
.buyer-path-card:hover { background: #e9f0fa; }
.buyer-path-card:nth-child(2):hover { background: #f7eae1; }
.buyer-path-card:nth-child(3):hover { background: #e7f2ea; }
.buyer-story { border: 0; padding: 34px; border-radius: 28px; background: #f3effb; }
.buyer-story:nth-child(2) { background: #eff6f5; }
.buyer-roadmap { background: var(--chapter-blue); border-radius: 32px; padding: 18px 34px; }
.buyer-roadmap > li { border: 0; padding-block: 28px; }
.buyer-roadmap-number { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border-radius: 50%; background: #ffffffbd; color: #5f6793; }
.buyer-feature-grid > article { border: 0; }

/* Quiet, recognizable disclosure surfaces replace the remaining FAQ rules. */
.home-faq-list details, .detail-faq-list details, .buyer-faq-items details,
.home-faq-list details:first-child, .detail-faq-list details:first-child, .buyer-faq-items details:first-child {
  border: 0; background: #f5f4f9; border-radius: 18px; padding-inline: 22px; margin-bottom: 12px;
}
.home-faq-list summary, .detail-faq-list summary, .buyer-faq-items summary { padding-block: 22px; }

@media(max-width:800px) {
  .detail-page .detail-section, .detail-proof, .detail-setup, .demo-agenda { padding: 52px 32px; border-radius: 28px; }
  .early-proof { padding: 28px; }
  .buyer-roadmap { padding-inline: 26px; }
}
@media(max-width:540px) {
  .new-workflows { margin-top: 48px; }
  .early-proof { padding: 24px; border-radius: 22px; }
  .new-story-aside a { padding: 28px; border-radius: 24px; }
  .home-questions { padding-top: 64px; }
  .new-hero-actions { gap: 12px; }
  .new-final-cta .brand-cta-action { flex-direction: column; width: 100%; }
  .new-final-cta .brand-cta-action .button { max-width: 100%; }
  .detail-page .detail-section, .detail-proof, .detail-setup, .demo-agenda { padding: 40px 24px; border-radius: 24px; }
  .detail-page .detail-section { margin-block: 36px; }
  .detail-main-capture .detail-capture-concept .detail-capture-stage { height: auto; padding: 0; }
  .detail-main-capture .detail-capture-concept .detail-capture-stage > img { width: 100%; height: auto; max-width: 100%; border-radius: 20px; }
  .buyer-path-card, .buyer-story { padding: 28px; border-radius: 24px; }
  .buyer-roadmap { padding: 12px 20px; border-radius: 24px; }
  .buyer-roadmap > li { grid-template-columns: 34px minmax(0,1fr); gap: 14px; }
  .buyer-roadmap-number { width: 32px; height: 32px; font-size: 12px; }
  .home-faq-list details, .detail-faq-list details, .buyer-faq-items details { padding-inline: 18px; }
}

/* Keep supporting copy clear over the colored surfaces. */
.new-workflows, .new-operations, .new-start, .new-story-aside a,
.detail-page .detail-section, .detail-proof, .detail-setup, .demo-agenda,
.buyer-band, .buyer-roadmap, .buyer-story, .buyer-path-card,
.brand-cta.new-final-cta { --muted: #605c6c; }

/* Language is explicit, shareable and available at every screen size. */
.language-switcher { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 4px; }
.language-switcher a { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 7px 10px; border-radius: 8px; color: #626268; font-size: 13px; font-weight: 500; line-height: 20px; text-decoration: none; }
.language-switcher a:hover { color: var(--purple); background: #eee7fa; }
.language-switcher a[aria-current="true"] { color: var(--purple); background: #eee7fa; }
.language-switcher a:focus-visible { outline: 2px solid #6716d8; outline-offset: 3px; }
.language-switcher-compact { gap: 0; }
.language-switcher-compact a { padding-inline: 7px; font-size: 11px; min-width: 30px; }
.header-actions { gap: 18px; }
.customer-logos { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); justify-items: center; }
.customer-logos img { width: 100%; height: 34px; max-height: 34px; object-fit: contain; }
.demo-customer-marks img { object-fit: contain; max-width: 30%; }
@media (max-width: 1068px) and (min-width: 801px) {
  .header-inner { gap: 22px; }
  .navigation { gap: 15px; }
  .header-actions { gap: 12px; }
  .signin { display: none; }
}
@media (max-width: 800px) {
  .customer-logos { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px 30px; }
  .customer-logos img { height: 30px; max-height: 30px; }
}
@media (max-width: 480px) {
  .header-inner { gap: 8px; }
  .header .logo { width: 68px; }
  .header-actions { gap: 6px; }
  .header-cta { padding-inline: 10px; white-space: nowrap; }
  .header-cta > svg { display: none; }
  .language-switcher-compact a { padding-inline: 5px; min-width: 26px; }
  .mobile-toggle { width: 30px; flex-shrink: 0; }
}

/* Long translated compounds must not dictate a grid track's minimum width. */
.detail-proof > *, .buyer-stories > *, .buyer-story { min-width: 0; }
:lang(sv) :is(.detail-proof-copy h2, .buyer-story h3) { overflow-wrap: anywhere; hyphens: auto; }
.demo-customer-marks { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
.demo-customer-marks img { width: 100%; max-width: 100%; }
@media (max-width: 480px) {
  .ai-demo-stage .ai-showcase-tabs { flex-wrap: wrap; justify-content: flex-start; }
  .ai-demo-stage .ai-showcase-tabs > button { flex: 0 1 auto; min-width: 0; max-width: 100%; }
}

/* Shared navigation and closing copy need the same room as the page content. */
.menu-link, .menu-link > span, .footer-main > * { min-width: 0; }
.text-link { max-width: 100%; }
:is(.text-link, .menu-link, .menu-bottom, .footer-column a, .footer-bottom a) > svg { flex-shrink: 0; }
.new-final-cta .brand-cta-action .button { max-width: 100%; white-space: normal; text-align: center; }
.new-final-cta > .container > div { min-width: 0; }
:lang(sv) :is(.menu-link strong, .footer-column a, .new-final-cta h2) { overflow-wrap: break-word; hyphens: auto; }
.footer-bottom { flex-wrap: wrap; align-items: center; }
@media(max-width:1000px) {
  .header .navigation { top: 100%; max-height: calc(100dvh - 60px); }
}
@media(max-width:800px) {
  .header .navigation { left: calc(-1 * var(--gutter)); right: calc(-1 * var(--gutter)); padding-inline: var(--gutter); }
  .navigation-open .mega-menu { padding-inline: 0; }
  .navigation-open .menu-link { padding-inline: 0; }
  .navigation-open .menu-link > svg { display: none; }
}
@media(max-width:540px) {
  .new-final-cta .page-heading-break { display: none; }
  .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}