:root {
  --ink: #1c1730;
  --ink-soft: #534d63;
  --paper: #fbfaf8;
  --surface: #ffffff;
  --surface-muted: #f3f0f8;
  --line: #ddd7e5;
  --purple: #5b2db6;
  --purple-dark: #3b197d;
  --purple-pale: #e9e1fb;
  --focus: #3b197d;
  --serif: Iowan Old Style, Palatino Linotype, Book Antiqua, Georgia, serif;
  --sans: Avenir Next, Avenir, Helvetica Neue, Arial, sans-serif;
  --shell: 1160px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 17px; line-height: 1.55; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
code, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.shell { width: min(calc(100% - 48px), var(--shell)); margin: 0 auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 50; top: 12px; left: 12px; padding: 11px 15px; background: var(--ink); color: #fff; transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }

.site-header { position: relative; z-index: 20; border-bottom: 1px solid var(--line); background: rgba(251, 250, 248, .96); }
.header-inner { display: flex; align-items: center; justify-content: space-between; min-height: 76px; gap: 24px; }
.wordmark { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 44px; }
.wordmark-image { display: block; width: 132px; height: auto; }
.site-nav { display: flex; align-items: center; gap: 25px; font-size: 15px; font-weight: 650; }
.site-nav > a:not(.button) { min-height: 44px; display: inline-flex; align-items: center; color: var(--ink-soft); }
.site-nav > a:not(.button):hover, .language-switcher a:hover { color: var(--purple); }
.language-switcher { display: inline-flex; align-items: center; gap: 9px; color: var(--ink-soft); font-size: 14px; }
.language-switcher [aria-current] { color: var(--ink); font-weight: 750; }
.menu-toggle { display: none; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 19px; border: 1px solid var(--purple); border-radius: 2px; background: var(--purple); color: #fff; font-size: 17px; font-weight: 500; line-height: 1; transition: background-color .2s, border-color .2s; }
.button:hover { border-color: var(--purple-dark); background: var(--purple-dark); }
.button-small { min-height: 44px; padding: 0 15px; font-size: 16px; }
.site-nav .button { background: transparent; color: var(--purple-dark); }
.site-nav .button:hover { background: var(--purple-dark); color: #fff; }
.text-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--purple-dark); font-size: 16px; font-weight: 500; }
.text-link:hover { color: var(--purple); }

.hero { padding: 84px 0 76px; border-bottom: 1px solid var(--line); background: linear-gradient(125deg, var(--paper) 0%, var(--surface-muted) 100%); }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr); align-items: center; gap: clamp(48px, 7vw, 104px); }
.eyebrow { margin: 0 0 18px; color: var(--purple-dark); font-size: 12px; font-weight: 800; letter-spacing: .12em; line-height: 1.35; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: -.052em; }
h1 { max-width: 670px; margin-bottom: 24px; font-size: clamp(3.25rem, 6.3vw, 5.7rem); line-height: .96; }
h1 em, h2 em { color: var(--purple); font-family: var(--serif); font-weight: 400; }
.hero-intro { max-width: 590px; margin-bottom: 29px; color: var(--ink-soft); font-size: clamp(1.125rem, 1.6vw, 1.25rem); line-height: 1.62; }
.hero-actions, .contact-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.contact-actions .button, .contact-actions .text-link { font-size: 17px; }
.hero-note { margin: 39px 0 0; color: var(--ink-soft); font-size: 15px; }
.hero-note::before { display: inline-block; width: 21px; height: 8px; margin-right: 10px; border-top: 1px solid var(--purple); border-radius: 50%; content: ""; }

.hero-connection { position: relative; min-height: 430px; }
.connection-orbit { position: absolute; border: 1px solid var(--purple-pale); border-radius: 50%; }
.connection-orbit-one { top: 0; left: 0; width: 410px; height: 410px; background: radial-gradient(circle at 42% 51%, var(--surface) 0 24%, var(--surface-muted) 25% 37%, transparent 66%); }
.connection-orbit-two { top: 47px; left: 48px; width: 320px; height: 320px; border-color: #cdbdea; transform: rotate(-24deg); }
.connection-card { position: absolute; z-index: 2; top: 84px; left: 52px; width: 265px; padding: 29px 26px 25px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); box-shadow: 14px 14px 0 var(--purple-pale); transform: rotate(-5deg); }
.connection-label, .team-card small { display: block; margin-bottom: 14px; color: var(--purple-dark); font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.connection-card strong { display: block; margin-bottom: 25px; font-family: var(--serif); font-size: 27px; letter-spacing: -.05em; line-height: 1.05; }
.connection-lines { display: grid; gap: 6px; }.connection-lines span { display: block; height: 4px; border-radius: 99px; background: var(--surface-muted); }.connection-lines span:nth-child(1) { width: 87%; }.connection-lines span:nth-child(2) { width: 62%; }.connection-lines span:nth-child(3) { width: 77%; }
.connection-route { position: absolute; z-index: 1; top: 261px; left: 280px; width: 144px; height: 118px; border-top: 1px dashed var(--purple); border-right: 1px dashed var(--purple); border-radius: 0 24px 0 0; transform: rotate(18deg); }.connection-route span, .connection-route b { position: absolute; width: 8px; height: 8px; border-radius: 50%; }.connection-route span { right: -4px; bottom: -4px; background: var(--purple); }.connection-route b { top: -4px; left: -4px; background: var(--purple-dark); }
.team-card { position: absolute; z-index: 3; right: 0; bottom: 68px; display: flex; align-items: center; gap: 13px; padding: 15px 19px; border: 1px solid #44375c; border-radius: 4px; background: var(--ink); box-shadow: 10px 10px 0 var(--purple-pale); color: #fff; transform: rotate(5deg); }.team-card small { margin-bottom: 3px; color: #cbb8f8; }.team-card strong { display: block; font-size: 14px; }.team-card-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; background: var(--purple); font-weight: 800; }.team-card-icon .icon { width: 15px; height: 15px; fill: currentColor; }.team-card-icon-route::before { width: 15px; height: 15px; background: currentColor; content: ""; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E") center / contain no-repeat; }
.connection-caption { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; margin: 0; color: var(--ink-soft); font-size: 10px; font-weight: 700; letter-spacing: .05em; }.connection-caption span { width: 20px; height: 1px; background: currentColor; }.connection-caption-top { top: 36px; right: 8px; }.connection-caption-bottom { bottom: 15px; left: 26px; }

.proof-bar { border-bottom: 1px solid var(--line); background: var(--surface); }
.proof-items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; min-height: 76px; align-items: center; color: var(--ink-soft); font-size: 13px; font-weight: 700; letter-spacing: .03em; text-align: center; text-transform: uppercase; }
.proof-items span + span { border-left: 1px solid var(--line); }
.section { padding: clamp(76px, 11vw, 138px) 0; }
.split-heading { display: grid; grid-template-columns: minmax(180px, .55fr) minmax(0, 1.45fr); gap: 42px; margin-bottom: 53px; }
.split-heading h2, .workflow-intro h2, .integration-layout h2, .contact-panel h2 { margin-bottom: 18px; font-size: clamp(2.4rem, 4.7vw, 4.35rem); line-height: .98; }
.split-heading div > p, .workflow-intro > p:not(.eyebrow), .integration-layout > div > p { max-width: 630px; margin-bottom: 0; color: var(--ink-soft); font-size: 18px; line-height: 1.65; }
.value-section { background: var(--surface); }
.value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.value-card { min-height: 340px; padding: 30px; border: 1px solid var(--line); background: var(--paper); }
.value-card:nth-child(2) { background: var(--surface-muted); }
.value-card:nth-child(3) { border-color: var(--purple-dark); background: var(--ink); color: #fff; }
.card-number { float: right; color: #c4becb; font-size: 28px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.value-card:nth-child(2) .card-number { color: #beb7c7; }
.value-card:nth-child(3) .card-number { color: #81778f; }
.value-icon { display: grid; width: 49px; height: 49px; place-items: center; margin: 71px 0 33px; border-radius: 50%; background: var(--purple-pale); color: var(--purple-dark); font-size: 21px; font-weight: 750; }.value-icon .icon { width: 19px; height: 19px; fill: currentColor; }.value-icon-route::before, .value-icon-check::before, .value-icon-send::before { width: 19px; height: 19px; background: currentColor; content: ""; -webkit-mask: var(--icon-mask) center / contain no-repeat; mask: var(--icon-mask) center / contain no-repeat; }.value-icon-route { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z'/%3E%3C/svg%3E"); }.value-icon-check { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3E%3C/svg%3E"); }.value-icon-send { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E"); }
.value-card:nth-child(3) .value-icon { background: var(--purple); color: #fff; }
.value-card h3 { max-width: 275px; margin-bottom: 10px; font-family: var(--serif); font-size: 27px; letter-spacing: -.04em; line-height: 1.07; }
.value-card p { margin: 0; color: var(--ink-soft); font-size: 17px; }
.value-card:nth-child(3) p { color: #ded8e9; }

.workflow-section { background: var(--paper); }
.workflow-layout { display: grid; grid-template-columns: minmax(250px, .75fr) minmax(0, 1.25fr); gap: clamp(48px, 10vw, 140px); }
.workflow-intro { align-self: start; position: sticky; top: 32px; }
.workflow-intro .text-link { margin-top: 22px; }
.workflow-steps { padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--line); }
.workflow-steps li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 21px; padding: 33px 0; border-bottom: 1px solid var(--line); }
.step-index { color: #b7b0be; font-size: 28px; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.workflow-steps h3 { margin: -5px 0 8px; font-family: var(--serif); font-size: 27px; letter-spacing: -.04em; line-height: 1.1; }
.workflow-steps p { max-width: 540px; margin: 0; color: var(--ink-soft); font-size: 17px; }

.reliability-section { padding-top: 0; background: var(--paper); }
.reliability-panel { display: grid; grid-template-columns: .88fr 1.12fr; overflow: hidden; background: var(--ink); color: #fff; }
.reliability-intro { padding: clamp(48px, 7vw, 84px); background: linear-gradient(145deg, var(--purple-dark), var(--ink) 62%); }
.reliability-intro .eyebrow { color: #e5dbfb; }
.reliability-intro h2 { margin-bottom: 19px; font-size: clamp(2.4rem, 4.3vw, 4rem); line-height: .98; }
.reliability-intro h2 em { color: #e3d6ff; }
.reliability-intro p:last-child { max-width: 360px; margin: 0; color: #ded8e9; font-size: 17px; }
.reliability-list { padding: clamp(34px, 5.5vw, 62px); }
.reliability-list article { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 17px; padding: 23px 0; border-bottom: 1px solid #4c435e; }
.reliability-list article:last-child { border-bottom: 0; }
.security-glyph { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid #9a86c8; border-radius: 50%; color: #d9c9ff; font-size: 17px; }.security-glyph .icon { width: 15px; height: 15px; fill: currentColor; }.security-glyph-origin::before, .security-glyph-rate::before, .security-glyph-turnstile::before { width: 15px; height: 15px; background: currentColor; content: ""; -webkit-mask: var(--icon-mask) center / contain no-repeat; mask: var(--icon-mask) center / contain no-repeat; }.security-glyph-origin { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.48 1.48 0 0 1 0-2.098zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z'/%3E%3C/svg%3E"); }.security-glyph-rate { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3C/svg%3E"); }.security-glyph-turnstile { --icon-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828z'/%3E%3C/svg%3E"); }
.reliability-list h3 { margin: 1px 0 6px; font-size: 17px; }
.reliability-list p { margin: 0; color: #c9c1d5; font-size: 16px; }

/* Local Bootstrap Icons keep visual glyphs independent of browser font support. */
.team-card-icon-team::before, .team-card-icon-route::before { width: 15px; height: 15px; background: currentColor; content: ""; -webkit-mask: url("../icons/people-fill.svg") center / contain no-repeat; mask: url("../icons/people-fill.svg") center / contain no-repeat; }
.value-icon-browser::before, .value-icon-chat::before, .value-icon-send::before { width: 19px; height: 19px; background: currentColor; content: ""; -webkit-mask: var(--icon-mask) center / contain no-repeat; mask: var(--icon-mask) center / contain no-repeat; }
.value-icon-browser, .value-icon-route { --icon-mask: url("../icons/browser-chrome.svg"); }
.value-icon-chat, .value-icon-check { --icon-mask: url("../icons/chat-square-text.svg"); }
.value-icon-send { --icon-mask: url("../icons/send.svg"); }
.security-glyph-shield::before, .security-glyph-speed::before, .security-glyph-patch::before { width: 15px; height: 15px; background: currentColor; content: ""; -webkit-mask: var(--icon-mask) center / contain no-repeat; mask: var(--icon-mask) center / contain no-repeat; }
.security-glyph-shield, .security-glyph-origin { --icon-mask: url("../icons/shield-check.svg"); }
.security-glyph-speed, .security-glyph-rate { --icon-mask: url("../icons/speedometer2.svg"); }
.security-glyph-patch, .security-glyph-turnstile { --icon-mask: url("../icons/patch-check.svg"); }

.audience-section { padding-bottom: clamp(76px, 10vw, 120px); }
.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.audience-grid article { min-height: 245px; padding: 29px 28px 28px 0; border-right: 1px solid var(--line); }
.audience-grid article + article { padding-left: 28px; }
.audience-grid article:last-child { border: 0; }
.audience-grid span { color: var(--purple-dark); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.audience-grid h3 { margin: 46px 0 11px; font-family: var(--serif); font-size: 26px; letter-spacing: -.04em; line-height: 1.08; }
.audience-grid p { margin: 0; color: var(--ink-soft); font-size: 16px; }

.integration-section { background: var(--surface-muted); }
.integration-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: clamp(40px, 8vw, 100px); align-items: center; }
.integration-notes { display: grid; gap: 9px; padding: 0; margin: 25px 0 0; list-style: none; color: var(--ink-soft); font-size: 16px; }
.integration-notes li::before { margin-right: 9px; color: var(--purple); content: "→"; }
.integration-notes code { padding: 2px 4px; background: #e1d9ef; color: var(--ink); font-size: .92em; }
.code-card { overflow: hidden; border: 1px solid #44375c; border-radius: 4px; background: var(--ink); box-shadow: 10px 10px 0 var(--purple-pale); color: #f4f0fb; }
.code-card-bar { display: flex; justify-content: space-between; gap: 16px; padding: 14px 18px; border-bottom: 1px solid #4c435e; color: #c9c1d5; font-size: 11px; }
.code-card pre { margin: 0; padding: 27px; overflow-x: auto; font-size: clamp(11px, 1.3vw, 13px); line-height: 1.7; }
.code-card code { color: #f4f0fb; }
.code-tag { color: #d8bbff; }
.code-attribute { color: #90c8ff; }
.code-string { color: #f6d391; }
.contact-plan { padding: 0 0 24px; background: var(--paper); }
.contact-panel { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr); gap: 52px; padding: clamp(42px, 7vw, 76px); background: var(--purple-pale); }
.contact-panel h2 { margin-bottom: 0; }
.contact-panel > div:last-child { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 28px; }
.contact-panel > div:last-child > p { max-width: 445px; margin: 0; color: var(--ink-soft); font-size: 17px; }
.site-footer { border-top: 1px solid var(--line); background: var(--paper); }
.footer-inner { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 25px; min-height: 112px; }
.footer-inner p { margin: 0; color: var(--ink-soft); font-size: 14px; }
.footer-meta { text-align: right; }
.footer-meta a { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 900px) {
  .hero { padding-top: 63px; }.hero-grid, .integration-layout, .reliability-panel, .contact-panel { grid-template-columns: 1fr; }
  .menu-toggle { display: grid; width: 44px; height: 44px; place-content: center; gap: 6px; padding: 0; border: 1px solid var(--line); border-radius: 2px; background: var(--surface); }.menu-toggle span:not(.sr-only) { display: block; width: 21px; height: 1px; background: var(--ink); }
  .site-nav { position: absolute; top: calc(100% + 1px); right: 0; left: 0; display: none; align-items: stretch; gap: 0; padding: 12px 16px 18px; border-bottom: 1px solid var(--line); background: var(--surface); box-shadow: 0 12px 22px rgba(28, 23, 48, .12); }.site-nav.is-open { display: flex; flex-direction: column; }
  .site-nav > a:not(.button), .language-switcher { min-height: 44px; }.site-nav > a:not(.button) { border-bottom: 1px solid var(--line); }.language-switcher { order: -1; gap: 13px; border-bottom: 1px solid var(--line); }.site-nav .button { margin-top: 14px; }
  .hero-grid { gap: 53px; }.hero-connection { max-width: 520px; width: 100%; min-height: 430px; margin: 0 auto; }
  .split-heading, .workflow-layout { grid-template-columns: 1fr; gap: 24px; }.workflow-layout { gap: 50px; }.workflow-intro { position: static; }
  .proof-items { grid-template-columns: repeat(2, 1fr); padding: 15px 0; }.proof-items span + span { border: 0; }.proof-items span:nth-child(even) { border-left: 1px solid var(--line); }
  .integration-layout { gap: 44px; }.contact-panel { gap: 28px; }
}

@media (max-width: 680px) {
  .shell { width: min(calc(100% - 32px), var(--shell)); }.header-inner { min-height: 68px; }.wordmark-image { width: 118px; }
  .hero { padding: 48px 0 59px; }.hero-grid { gap: 38px; } h1 { font-size: clamp(2.9rem, 15vw, 4.2rem); }.hero-intro { font-size: 16px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 10px; }.hero-note { margin-top: 30px; }
  .hero-connection { min-height: 390px; }.connection-orbit-one { width: 350px; height: 350px; }.connection-orbit-two { width: 275px; height: 275px; }.connection-card { top: 69px; left: 25px; width: 245px; }.connection-route { top: 242px; left: 230px; width: 122px; }.team-card { right: 0; bottom: 54px; }.connection-caption-top { right: 0; }.connection-caption-bottom { left: 0; }
  .proof-items { grid-template-columns: 1fr; gap: 0; padding: 10px 0; text-align: left; }.proof-items span { min-height: 36px; display: flex; align-items: center; }.proof-items span:nth-child(even), .proof-items span + span { border-left: 0; border-top: 1px solid var(--line); }
  .section { padding: 75px 0; }.split-heading { margin-bottom: 36px; }.split-heading h2, .workflow-intro h2, .integration-layout h2, .contact-panel h2 { font-size: 2.55rem; }.value-grid, .audience-grid { grid-template-columns: 1fr; }.value-card { min-height: 290px; }.value-icon { margin: 45px 0 27px; }.audience-grid article, .audience-grid article + article { min-height: auto; padding: 25px 0; border-right: 0; border-bottom: 1px solid var(--line); }.audience-grid h3 { margin-top: 29px; }
  .workflow-steps li { grid-template-columns: 50px minmax(0, 1fr); gap: 12px; }.workflow-steps h3 { font-size: 24px; }.reliability-section { padding-top: 0; }.reliability-intro, .reliability-list { padding: 42px 25px; }.reliability-list article { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; }
  .code-card { box-shadow: 6px 6px 0 var(--purple-pale); }.code-card-bar { padding: 12px 14px; }.code-card pre { padding: 20px 14px; }.contact-panel { padding: 42px 24px; }.contact-plan { padding-bottom: 0; }.footer-inner { grid-template-columns: 1fr; align-items: start; gap: 12px; padding: 28px 0; }.footer-meta { text-align: left; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }