.reinvent-page { max-width: 1100px; }
.reinvent-page main { padding-top: 1.5rem; }
.reinvent-page h1, .reinvent-page h2, .reinvent-page h3 { line-height: 1.15; letter-spacing: -.035em; }
.reinvent-page h2 { font-size: clamp(1.8rem, 3.2vw, 2.5rem); margin: 0 0 1rem; }
.reinvent-page h3 { font-size: 1.2rem; margin: 0 0 .75rem; letter-spacing: -.015em; }
.reinvent-page p { margin: 0 0 1rem; }
.reinvent-page a { text-underline-offset: .25em; }
.reinvent-page a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.reinvent-page .reinvent-eyebrow { font: .75rem/1.6 monospace; letter-spacing: .08em; text-transform: uppercase; color: var(--secondary-text-color); margin-bottom: 1.5rem; }
.reinvent-page .reinvent-note { color: var(--secondary-text-color); font-size: .875rem; line-height: 1.65; }
.reinvent-skip { position: absolute; top: -5rem; padding: .75rem 1rem; background: var(--background-color); z-index: 1; }
.reinvent-skip:focus { top: 1rem; }
.reinvent-hero { padding: 3rem 0 4rem; max-width: 58rem; }
.reinvent-hero h1 { font-size: clamp(2.6rem, 5vw, 4rem); margin: 0 0 1.5rem; line-height: 1.08; letter-spacing: -.05em; }
.reinvent-lead { font-size: 1.15rem; max-width: 42em; }
.reinvent-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin: 1.75rem 0 1rem; }
.reinvent-page .cta-button { margin: 0; text-align: center; border: 1px solid var(--text-color); border-radius: 4px; }
.reinvent-page .cta-button:hover { background: var(--card-background-color); color: var(--text-color); }
.reinvent-text-link { font-size: .875rem; }
.reinvent-section { border-top: 1px solid var(--card-border-color); padding: 3.5rem 0; scroll-margin-top: 1.5rem; }
.reinvent-reliability { max-width: 48em; padding: 1rem 0; border-top: 1px solid var(--card-border-color); }
.reinvent-reliability summary { cursor: pointer; font-weight: 600; }
.reinvent-reliability p { margin: 1rem 0; }
.reinvent-section-intro { max-width: 42em; }
.reinvent-demo-list { padding-left: 1.25rem; margin: 1.5rem 0; }
.reinvent-demo-list li { margin-bottom: .5rem; }
.reinvent-host { display: flex; align-items: center; gap: 1.25rem; max-width: 48em; margin: 2rem 0; }
.reinvent-host img { border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.reinvent-host h3 { margin-bottom: .5rem; }
.reinvent-host p { margin: 0; font-size: .9375rem; color: var(--secondary-text-color); }
.reinvent-flow { margin: 2rem 0; padding: 1.75rem; border: 1px solid var(--card-border-color); border-radius: 6px; background: var(--card-background-color); color: var(--text-color); }
.reinvent-flow * { color: inherit; }
.reinvent-flow figcaption { font: .75rem/1.6 monospace; text-transform: uppercase; letter-spacing: .06em; }
.reinvent-flow ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; margin: 1.75rem 0; list-style: none; gap: 2rem; }
.reinvent-flow li { display: flex; flex-direction: column; position: relative; }
.reinvent-flow li + li::before { content: "\2192"; position: absolute; left: -1.65rem; top: 1.4rem; }
.reinvent-flow strong { font-size: 1.25rem; margin: .25rem 0; }
.reinvent-flow span, .reinvent-flow p { font-size: .8125rem; }
.reinvent-flow .reinvent-flow-label { font-family: monospace; }
.reinvent-flow .reinvent-versions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: .4rem 0; }
.reinvent-flow .reinvent-versions span { font-size: 1rem; }
.reinvent-versions span:first-child, .reinvent-versions span:last-child { border: 1px solid currentColor; padding: .25rem .5rem; border-radius: 3px; }
.reinvent-versions span:first-child { border-style: dashed; }
.reinvent-flow p { margin-bottom: 0; padding-top: 1rem; border-top: 1px solid currentColor; }
.reinvent-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.reinvent-benefits { margin: 2rem 0 1rem; }
.reinvent-grid p { color: var(--secondary-text-color); }
.reinvent-use-cases { margin: 2rem 0 1.5rem; }
.reinvent-use-cases article { display: flex; flex-direction: column; align-items: flex-start; border-top: 2px solid var(--text-color); padding-top: 1rem; }
.reinvent-use-cases a { margin-top: auto; }
.reinvent-case-number { font: .875rem/1.6 monospace; color: var(--secondary-text-color); margin-bottom: 1rem; }
.reinvent-meet > p:not(.reinvent-eyebrow):not(.reinvent-email) { max-width: 42em; }
.reinvent-meeting-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin: 2rem 0 1.5rem; }
.reinvent-meeting-card { display: flex; flex-direction: column; align-items: flex-start; padding: 2rem; border: 1px solid var(--card-border-color); border-radius: 6px; background: var(--card-background-color); }
.reinvent-meeting-card h3 { font-size: 1.5rem; }
.reinvent-meeting-card .reinvent-eyebrow { margin-bottom: .75rem; }
.reinvent-meeting-card .cta-button { margin: auto 0 1rem; }
.reinvent-meeting-card .reinvent-note { margin: 0; }
.reinvent-meeting-card { scroll-margin-top: 1.5rem; }
.reinvent-email { font-size: .9375rem; }
.reinvent-marketplace { display: flex; gap: 3rem; align-items: center; padding: 2.5rem; border: 1px solid var(--card-border-color); border-radius: 6px; background: var(--card-background-color); }
.reinvent-marketplace .reinvent-eyebrow { margin-bottom: 1rem; }
.reinvent-marketplace img { flex-shrink: 0; max-width: 100%; height: auto; }
.reinvent-marketplace .reinvent-actions { margin-bottom: 0; }

@media (max-width: 850px) {
    .reinvent-grid { gap: 1.25rem; }
    .reinvent-meeting-card { padding: 1.5rem; }
    .reinvent-marketplace { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
}

@media (max-width: 640px) {
    .reinvent-page main { padding-top: 0; }
    .reinvent-hero { padding: 1.5rem 0 2.5rem; }
    .reinvent-hero h1 { font-size: clamp(2.35rem, 9.5vw, 3.5rem); }
    .reinvent-lead { font-size: 1.05rem; }
    .reinvent-host { align-items: flex-start; }
    .reinvent-host img { width: 56px; height: 56px; }
    .reinvent-grid, .reinvent-meeting-grid { grid-template-columns: 1fr; gap: 1.5rem; }
    .reinvent-section { padding: 2.5rem 0; }
    .reinvent-flow { padding: 1.5rem; }
    .reinvent-flow ol { grid-template-columns: 1fr; gap: 2.5rem; }
    .reinvent-flow li + li::before { content: "\2193"; left: 0; top: -2rem; }
    .reinvent-use-cases { gap: 2rem; }
    .reinvent-marketplace { padding: 1.5rem; }
    .reinvent-actions { align-items: flex-start; }
    .reinvent-meeting-card .cta-button { align-self: stretch; }
}