.chatgpt-page .page-intro .lead,
.chatgpt-page .chatgpt-status {
    max-width: 65ch;
    margin-left: auto;
    margin-right: auto;
}

.chatgpt-brand {
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto 24px;
}

.chatgpt-page .chatgpt-status,
.chatgpt-updated {
    color: #526457;
    font-size: 14px;
}

.chatgpt-content {
    padding-top: 80px;
    padding-bottom: 80px;
}

.chatgpt-content > section + section,
.chatgpt-content > .chatgpt-links {
    margin-top: 48px;
}

.chatgpt-prose {
    max-width: 65ch;
}

.chatgpt-prose h2 {
    margin-top: 40px;
}

.chatgpt-prose > h2:first-child {
    margin-top: 0;
}

.chatgpt-content p {
    margin-bottom: 22px;
}

.chatgpt-content p a:not(.btn),
.chatgpt-links a {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.chatgpt-example {
    padding: 28px;
    background: #EDF6ED;
    border: 1px solid #DCE7DC;
    border-radius: 12px;
}

.chatgpt-example blockquote {
    max-width: 65ch;
    margin: 24px 0;
    padding: 0;
    border: 0;
    color: #193D2E;
    font-size: 18px;
    line-height: 1.7;
}

.chatgpt-example p:last-child,
.chatgpt-steps p:last-child {
    margin-bottom: 0;
}

.chatgpt-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    padding-left: 24px;
    margin: 28px 0 0;
}

.chatgpt-steps li {
    padding-left: 4px;
}

.chatgpt-steps h3 {
    font-size: 26px;
}

.chatgpt-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    padding-top: 28px;
    border-top: 1px solid #DCE7DC;
}

.chatgpt-links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

/* CHATGPT-01: the selected video-first landing page; policy pages keep their layout. */
.chatgpt-landing .chatgpt-video-hero {
    padding-top: 24px;
    padding-bottom: 48px;
    text-align: center;
}

.chatgpt-video {
    display: block;
    width: min(100%, 1000px);
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    border-radius: 12px;
    background: #193D2E;
}

.chatgpt-install { margin: 20px 0 24px; }
.chatgpt-player { position: relative; width: min(100%, 1000px); margin: 0 auto; }
.chatgpt-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 76px; height: 76px; padding: 0 0 0 5px; border: 3px solid #193D2E; border-radius: 50%; background: white; color: #193D2E; font-size: 28px; cursor: pointer; }
.chatgpt-play[hidden] { display: none; }
.chatgpt-play:hover { background: #EDF6ED; }
.chatgpt-play:focus-visible { outline: 3px solid white; outline-offset: 5px; }
.chatgpt-video::-webkit-media-controls { display: flex !important; }
.chatgpt-landing .chatgpt-video-hero h1 { margin: 0 0 12px; font-size: 28px; line-height: 1.25; }
.chatgpt-video-hero .lead { max-width: 680px; margin: 0 auto 16px; }
.chatgpt-demo-note { max-width: 760px; margin: 0 auto; color: #526457; font-size: 13px; }
.chatgpt-section { padding-top: 80px; padding-bottom: 80px; }
.chatgpt-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.chatgpt-split > * { min-width: 0; }
.chatgpt-landing figure { margin: 0; }
.chatgpt-landing figcaption, .chatgpt-caption { margin-top: 16px; color: #526457; font-size: 13px; line-height: 1.6; }

.chatgpt-benefits {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px 64px;
    margin: 0;
    padding: 24px 28px;
    border-top: 1px solid #DCE7DC;
    border-bottom: 1px solid #DCE7DC;
    list-style: none;
    font-size: 14px;
}

.chatgpt-benefits li::before, .chatgpt-feature-list li::before { content: '✓'; margin-right: 12px; color: #226B48; }
.chatgpt-covers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 32px; background: #F3EFE5; border-radius: 12px; }
.chatgpt-covers img { display: block; width: 100%; height: 185px; object-fit: contain; }
.chatgpt-landing .chatgpt-prompt { padding: 24px; margin: 28px 0 0; border: 1px solid #DCE7DC; border-radius: 12px; background: #EDF6ED; color: #193D2E; font-size: 17px; }
.chatgpt-prompt .eyebrow { display: block; margin-bottom: 12px; }
.chatgpt-prompt p { margin-bottom: 16px; }
.chatgpt-prompt footer { padding-top: 16px; border-top: 1px solid #DCE7DC; background: transparent; color: #526457; font-size: 13px; }
.chatgpt-prompt footer::before { content: none; }
.chatgpt-visual-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 40px 0 0; padding: 0; list-style: none; }
.chatgpt-visual-steps > li { min-width: 0; }
.chatgpt-visual-steps img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center top; border: 1px solid #DCE7DC; border-radius: 12px; }
.chatgpt-visual-steps h3 { font-size: 25px; }
.chatgpt-visual-steps p { color: #526457; font-size: 15px; }
.chatgpt-step-number { display: block; margin: 16px 0 20px; color: #465A97; font: italic 44px/1.2 'Literata', Georgia, serif; }
.chatgpt-refine { background: #EDF6ED; }
.chatgpt-result img { display: block; width: 100%; height: auto; max-height: 620px; object-fit: contain; object-position: left center; border-radius: 12px; }
.chatgpt-feature-list { margin: 24px 0; padding: 0; list-style: none; }
.chatgpt-feature-list li { padding: 12px 0; border-bottom: 1px solid #DCE7DC; }
.chatgpt-landing .chatgpt-faq { max-width: 800px; }
.chatgpt-faq details { border-bottom: 1px solid #DCE7DC; }
.chatgpt-faq summary { padding: 22px 8px 22px 0; cursor: pointer; font-size: 16px; font-weight: 600; line-height: 1.5; }
.chatgpt-faq summary:focus-visible { outline: 3px solid #193D2E; outline-offset: 5px; }
.chatgpt-faq details > p, .chatgpt-transcript { padding-bottom: 24px; color: #526457; font-size: 15px; }
.chatgpt-faq details p:last-child { margin-bottom: 0; }
.chatgpt-closing { display: flex; justify-content: space-between; gap: 40px; align-items: center; padding: 48px; border-radius: 12px; background: #193D2E; color: white; }
.chatgpt-closing > div { max-width: 650px; }
.chatgpt-landing .chatgpt-closing h2 { color: white; font-size: 38px; }
.chatgpt-closing .eyebrow, .chatgpt-closing p { color: #E2E9E2; }
.chatgpt-closing p:last-child { margin-bottom: 0; }
.chatgpt-landing .chatgpt-closing .btn { flex-shrink: 0; background: white; color: #193D2E; }
.chatgpt-closing a:focus-visible { outline-color: white; }
.chatgpt-landing-links { margin-top: 48px; margin-bottom: 72px; }

@media (max-width: 900px) {
    .chatgpt-split { gap: 32px; }
    .chatgpt-benefits { gap: 16px 28px; }
    .chatgpt-closing { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 700px) {
    .chatgpt-landing .chatgpt-video-hero { padding-top: 20px; padding-bottom: 36px; }
    .chatgpt-install { margin: 16px 0 24px; }
    .chatgpt-play { width: 60px; height: 60px; font-size: 22px; }
    .chatgpt-install .btn { width: 100%; white-space: normal; }
    .chatgpt-landing .chatgpt-video-hero h1 { font-size: 24px; }
    .chatgpt-demo-note { font-size: 12px; }
    .chatgpt-section { padding-top: 48px; padding-bottom: 48px; }
    .chatgpt-split, .chatgpt-visual-steps { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .chatgpt-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 20px 22px; font-size: 12px; }
    .chatgpt-covers { gap: 16px; padding: 24px; }
    .chatgpt-covers img { height: 150px; }
    .chatgpt-visual-steps img { aspect-ratio: 16 / 10; }
    .chatgpt-visual-steps li { padding-bottom: 12px; border-bottom: 1px solid #DCE7DC; }
    .chatgpt-visual-steps h3 { font-size: 24px; }
    .chatgpt-step-number { font-size: 40px; }
    .chatgpt-closing { padding: 28px; gap: 28px; }
    .chatgpt-landing .chatgpt-closing h2 { font-size: 30px; }
    .chatgpt-closing .btn { width: 100%; white-space: normal; }
    .chatgpt-landing-links { margin-bottom: 48px; }
}

@media (max-width: 767px) {
    .chatgpt-content {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .chatgpt-steps {
        grid-template-columns: minmax(0, 1fr);
    }

    .chatgpt-example {
        padding: 28px;
    }
}