.platform-site {
    --platform-ink: #17213d;
    --platform-muted: #56617a;
    --platform-purple: #5942bd;
    --platform-blue: #365bb3;
    --platform-content-width: 1240px;
    --platform-side-gutter: 24px;
    --tenant-primary: #5942bd;
    min-height: 100vh;
    background: #fff;
    color: var(--platform-ink);
    font-family: "Inter", "Roboto", sans-serif;
    line-height: 1.65;
}
.platform-site .platform-container { width: calc(100% - var(--platform-side-gutter) - var(--platform-side-gutter)); max-width: var(--platform-content-width); min-width: 0; margin-inline: auto; text-align: left; }
.platform-site h1, .platform-site h2, .platform-site h3 { color: var(--platform-ink); line-height: 1.16; letter-spacing: -.035em; font-weight: 700; }
.platform-site h1 { font-size: clamp(2.4rem, 4.7vw, 4.1rem); margin: 0 0 24px; }
.platform-site h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin: 0 0 20px; }
.platform-site h3 { font-size: 1.2rem; margin: 16px 0 12px; }
.platform-site p { color: var(--platform-muted); margin: 0 0 20px; }
.platform-site a:focus-visible { outline: 3px solid var(--platform-purple); outline-offset: 5px; }
.platform-site a:not(.platform-button):hover { color: var(--platform-purple); text-decoration: underline; text-underline-offset: 5px; }
.platform-site .platform-header { border-bottom: 1px solid #e8eaf2; background: #fff; }
.platform-site .platform-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-block: 22px; }
.platform-site .platform-brand { display: inline-flex; gap: 10px; align-items: center; color: var(--platform-ink); font-size: 1.6rem; font-weight: 750; letter-spacing: -.045em; }
.platform-site .platform-mark { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; background: var(--platform-purple); color: #fff; font-size: 1.3rem; }
.platform-site .platform-nav { display: flex; gap: 26px; align-items: center; font-size: .94rem; font-weight: 500; }
.platform-site .platform-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 13px 22px; border: 1px solid transparent; border-radius: 9px; font-size: .96rem; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; transition: background-color .15s; }
.platform-site .platform-button-primary { background: var(--platform-purple); color: #fff; box-shadow: 0 3px 8px #35245b12; }
.platform-site .platform-button-primary:hover { background: #473297; }
.platform-site .platform-button-secondary { background: #fff; border-color: #dce0ec; color: var(--platform-ink); }
.platform-site .platform-button-secondary:hover { background: #f3f4fa; }
.platform-site .platform-hero { display: grid; grid-template-columns: 1.15fr 1fr; gap: 64px; align-items: center; padding-block: 96px; }
.platform-site .platform-eyebrow { color: var(--platform-purple); font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 18px; }
.platform-site .platform-lead { font-size: 1.17rem; line-height: 1.7; max-width: 700px; }
.platform-site .platform-actions { display: flex; justify-content: flex-start; gap: 12px; flex-wrap: wrap; margin-block: 30px 20px; }
.platform-site .platform-note { font-size: .84rem; }
.platform-site .platform-hero.platform-hero-with-screenshots { display: block; padding-bottom: 0; }
.platform-site .platform-hero-with-screenshots > div { width: 100%; max-width: 900px; margin-inline: auto; text-align: center; }
.platform-site .platform-hero-with-screenshots .platform-lead { margin-inline: auto; }
.platform-site .platform-hero-with-screenshots .platform-actions { justify-content: center; }
.platform-site .platform-screenshot-card { min-width: 0; margin: 0; overflow: hidden; border: 1px solid #dfe3ef; border-radius: 16px; background: #fff; box-shadow: 0 12px 32px #27346b0d; }
.platform-site .platform-screenshot-caption { padding: 26px; }
.platform-site .platform-screenshot-caption h3 { margin: 0 0 12px; }
.platform-site .platform-screenshot-caption p { margin: 0; }
.platform-site .platform-screenshot-featured { margin-bottom: 28px; }
.platform-site .platform-screenshot-featured h3 { font-size: clamp(1.35rem, 2.5vw, 1.8rem); }
.platform-site .platform-screenshot-frame { border-top: 1px solid #e4e7f0; background: #f7f8fc; }
.platform-site .platform-screenshot-frame img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.platform-site .platform-screenshot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; align-items: start; }
.platform-site .platform-screenshots-stacked .platform-screenshot-grid { grid-template-columns: minmax(0, 1fr); }
.platform-site .platform-section { padding-block: 80px; }
.platform-site .platform-section-tinted { background: #f7f8fc; border-block: 1px solid #edf0f7; }
.platform-site .platform-section-heading { max-width: 650px; margin-bottom: 38px; }
.platform-site .platform-screenshots > .platform-section-heading { text-align: left; }
.platform-site .platform-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.platform-site .platform-card { padding: 30px; border: 1px solid #e4e7f0; border-radius: 12px; background: #fff; }
.platform-site .platform-card p { margin-bottom: 0; font-size: .96rem; }
.platform-site .platform-card-number { font-size: .75rem; color: var(--platform-blue); font-weight: 600; letter-spacing: .035em; text-transform: uppercase; }
.platform-site .platform-text-link { display: inline-block; font-weight: 600; color: var(--platform-purple); margin-top: 24px; }
.platform-site .platform-split { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; }
.platform-site .platform-demo-panel { display: flex; align-items: center; justify-content: space-between; gap: 40px; background: #f0eef9; border: 1px solid #e5e0f6; border-radius: 18px; padding: 46px; margin-bottom: 80px; }
.platform-site .platform-demo-panel > div { max-width: 680px; }
.platform-site .platform-demo-panel p:last-child { margin-bottom: 0; }
.platform-site .platform-demo-panel > a { flex-shrink: 0; }
.platform-site .platform-page-intro { padding-block: 80px 48px; }
.platform-site .platform-page-intro h1 { max-width: 860px; }
.platform-site .platform-feature-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 0 72px; padding-bottom: 64px; }
.platform-site .platform-feature-groups article { padding-block: 32px; border-top: 1px solid #e4e7f0; }
.platform-site .platform-feature-groups h2 { font-size: 1.65rem; margin-top: 16px; }
.platform-site .platform-feature-groups ul { padding-left: 20px; color: var(--platform-muted); }
.platform-site .platform-feature-groups li { margin-bottom: 10px; }
.platform-site .platform-contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-bottom: 96px; }
.platform-site .platform-contact-grid h2 { font-size: 1.5rem; }
.platform-site .platform-contact-grid a { overflow-wrap: anywhere; }
.platform-site .platform-footer { padding-top: 58px; background: #f8f9fc; border-top: 1px solid #e7eaf3; }
.platform-site .platform-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 48px; padding-bottom: 44px; }
.platform-site .platform-footer-grid p { margin-top: 16px; font-size: .9rem; }
.platform-site .platform-footer h2 { font-size: .88rem; letter-spacing: 0; margin-bottom: 18px; }
.platform-site .platform-footer nav a { display: block; font-size: .9rem; color: var(--platform-muted); margin-bottom: 10px; }
.platform-site .platform-footer-bottom { border-top: 1px solid #e4e7f0; padding-block: 22px; color: var(--platform-muted); font-size: .8rem; }
@media (max-width: 1000px) {
    .platform-site .platform-hero { gap: 36px; padding-block: 64px; }
    .platform-site .platform-nav { gap: 16px; }
    .platform-site .platform-card-grid, .platform-site .platform-contact-grid { grid-template-columns: repeat(2, 1fr); }
    .platform-site .platform-demo-panel { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 740px) {
    .platform-site { --platform-side-gutter: 18px; }
    .platform-site .platform-header-inner { flex-direction: column; align-items: flex-start; gap: 18px; }
    .platform-site .platform-nav { width: 100%; gap: 16px; flex-wrap: wrap; font-size: .88rem; }
    .platform-site .platform-nav .platform-button { padding: 10px 14px; }
    .platform-site .platform-hero, .platform-site .platform-split, .platform-site .platform-feature-groups { grid-template-columns: 1fr; gap: 28px; }
    .platform-site .platform-hero { padding-block: 48px; }
    .platform-site .platform-card-grid, .platform-site .platform-contact-grid { grid-template-columns: 1fr; }
    .platform-site .platform-screenshot-grid { grid-template-columns: minmax(0, 1fr); }
    .platform-site .platform-section { padding-block: 48px; }
    .platform-site .platform-page-intro { padding-top: 48px; }
    .platform-site .platform-demo-panel { padding: 28px; margin-bottom: 48px; }
    .platform-site .platform-footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
    .platform-site .platform-footer-grid > div { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { .platform-site .platform-button { transition: none; } }