/* Product stories: short copy beside a useful, source-grounded example. */
.marketing-home :is(.maya-section,.trip-builder-section) { padding-block: var(--home-space); }
.marketing-home .ai-story { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: clamp(2rem,5vw,5rem); }
.marketing-home .ai-story-copy { min-width: 0; }
.marketing-home .ai-story-copy h2 { font-family: var(--font-display); font-weight: 500; font-size: clamp(2rem,3.6vw,3.75rem); line-height: 1.12; letter-spacing: -.035em; margin: 0 0 1.25rem; color: var(--teal); }
.marketing-home .ai-story-copy h2 span { display: block; font-family: var(--font-body); font-size: 1rem; line-height: 1.4; letter-spacing: 0; font-weight: 600; color: #b34602; margin-bottom: .75rem; }
.marketing-home .ai-story-copy > p { max-width: 39ch; font-size: 1.125rem; line-height: 1.65; color: #435853; }
.marketing-home .ai-benefits { list-style: none; margin: 1.5rem 0; padding: 0; display: grid; gap: .75rem; }
.marketing-home .ai-benefits li { display: flex; align-items: baseline; gap: .75rem; color: var(--teal); font-size: 1rem; line-height: 1.5; }
.marketing-home .ai-benefits li::before { content: ''; width: .45rem; height: .45rem; flex-shrink: 0; border-radius: 50%; background: var(--terracotta-ink); }
.marketing-home .ai-detail-link { color: var(--teal); font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: .3em; }
.marketing-home .ai-review-note { font-size: .875rem; line-height: 1.6; color: #435853; margin: 1.5rem 0 0; max-width: 80ch; }
.marketing-home .ai-product-details { border-top: 1px solid #becdc4; margin-top: 1.5rem; padding-block: 1rem; }
.marketing-home .ai-product-details > summary { color: var(--teal); font-size: 1rem; font-weight: 500; cursor: pointer; padding: .5rem 0; }
.marketing-home .ai-product-details[open] > summary { margin-bottom: 1rem; }
.marketing-home .ai-product-details .maya-features { margin: 0; }
.marketing-home .ai-product-details .maya-feature-content p { font-size: .9375rem; color: #435853; }
.marketing-home .trip-builder-section { background: #eeeae2; }
.marketing-home .trip-builder-section .ai-story { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
.marketing-home .ai-day-details .section-subtitle { max-width: 64ch; font-size: 1rem; margin: 0 0 1rem; text-align: start; color: #435853; }
.marketing-home .ai-day-details .maya-features { grid-template-columns: repeat(3,minmax(0,1fr)); }
.marketing-home .ai-day-details .home-section-note { margin-top: 1rem; }
.marketing-home .maya-conversation { margin: 0; min-width: 0; position: relative; padding: clamp(1.5rem,3vw,2.5rem); background: #e0e9e1; border-radius: 2rem 2rem 2rem .75rem; }
.marketing-home .maya-conversation-label { display: block; color: #435853; font-family: var(--font-mono); font-size: .75rem; line-height: 1.5; margin-bottom: 1.5rem; }
.marketing-home .maya-conversation-header { display: flex; align-items: center; gap: .75rem; margin-bottom: 1.5rem; font-family: var(--font-display); color: var(--teal); font-size: 1.625rem; }
.marketing-home .maya-spark { width: 2.75rem; height: 2.75rem; display: grid; place-items: center; background: #fdfbf6; border-radius: 50%; color: #b34602; flex-shrink: 0; }
.marketing-home .maya-spark svg { width: 1.4rem; height: 1.4rem; }
.marketing-home .maya-example-user { background: #f5cfb6; color: #382e29; border-radius: 1rem 1rem .25rem 1rem; padding: .9rem 1rem; margin: 0 0 1rem 2rem; font-size: 1rem; line-height: 1.5; }
.marketing-home .maya-example-reply { background: #fdfbf6; color: #333936; border-radius: 1rem 1rem 1rem .25rem; padding: .9rem 1rem; margin: 0 2rem 1rem 0; font-size: 1rem; line-height: 1.5; }
[dir='rtl'] .marketing-home .maya-example-user { margin: 0 2rem 1rem 0; border-radius: 1rem 1rem 1rem .25rem; }
[dir='rtl'] .marketing-home .maya-example-reply { margin: 0 0 1rem 2rem; border-radius: 1rem 1rem .25rem 1rem; }
.marketing-home .maya-example-action { background: #fdfbf6; border: 1px solid #b8c7bb; border-radius: .875rem; overflow: hidden; }
.marketing-home .maya-example-action > summary { cursor: pointer; display: grid; grid-template-columns: 2.25rem minmax(0,1fr) auto; gap: .75rem; align-items: center; padding: 1rem; list-style: none; }
.marketing-home .maya-example-action > summary::-webkit-details-marker { display: none; }
.marketing-home .maya-example-action summary > svg { width: 2rem; height: 2rem; padding: .25rem; color: #b34602; }
.marketing-home .maya-example-action summary strong { display: block; font-family: var(--font-display); font-size: 1.125rem; font-weight: 500; line-height: 1.3; color: var(--teal); }
.marketing-home .maya-example-action summary small { display: block; color: #535c57; font-size: .8rem; line-height: 1.5; margin-top: .25rem; }
.marketing-home .maya-example-action summary::after { content: '+'; font-size: 1.5rem; color: var(--teal); }
.marketing-home .maya-example-action[open] summary::after { content: '−'; }
.marketing-home .maya-example-action > p { border-top: 1px solid #d5ddd6; margin: 0; padding: 1rem; font-size: .9375rem; color: #435853; line-height: 1.6; }
.marketing-home .maya-conversation figcaption { color: #435853; font-size: .75rem; line-height: 1.5; margin-top: 1rem; }
.marketing-home :is(.ai-product-details,.maya-example-action) > summary:focus-visible,
.marketing-home .ai-detail-link:focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; border-radius: .25rem; }

/* Safety pairs its product screen with the benefits before the plan choices. */
.marketing-home .safety { background: #193d39; color: #faf7f2; padding-block: var(--home-space); }
.marketing-home .safety-showcase { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: clamp(2rem,5vw,5rem); align-items: center; }
.marketing-home .safety .section-header { margin-bottom: 1.75rem; max-width: 43rem; }
.marketing-home .safety .section-title { color: #faf7f2; font-size: clamp(2rem,3.5vw,3.5rem); }
.marketing-home .safety .section-subtitle { color: #dce8df; max-width: 50ch; font-size: 1.125rem; }
.marketing-home .safety-grid { gap: 1.5rem 2rem; margin: 0; }
.marketing-home .safety-card { border-color: #58796d; grid-template-columns: 2.25rem minmax(0,1fr); column-gap: .75rem; }
.marketing-home .safety-card-icon { width: 2.25rem; height: 2.25rem; background: #355b51; color: #f0bc91; border-radius: .5rem; }
.marketing-home .safety-card-icon svg { width: 1.3rem; height: 1.3rem; color: inherit; fill: currentColor; }
.marketing-home .safety-card-title { color: #faf7f2; font-size: 1.0625rem; line-height: 1.5; }
.marketing-home .safety-card-text { color: #dce8df; font-size: .9375rem; line-height: 1.6; }
.marketing-home .safety .safety-showcase-note { color: #c5d8cc; font-size: .8125rem; line-height: 1.6; margin: 1.5rem 0 0; }
.marketing-home .safety .safety-showcase-link { display: inline-flex; gap: .75rem; align-items: center; color: #faf7f2; font-size: 1rem; text-underline-offset: .3em; margin-top: 1rem; }
.marketing-home .safety .safety-showcase-link:focus-visible { outline: 2px solid #f0bc91; outline-offset: 4px; }
.marketing-home .safety-screen { margin: 0; text-align: center; min-width: 0; }
.marketing-home .safety-screen img { display: block; height: auto; width: 25rem; max-width: 100%; margin-inline: auto; filter: drop-shadow(0 20px 22px #07242080); }
.marketing-home .safety-screen figcaption { color: #c5d8cc; font-size: .75rem; margin-top: 1rem; line-height: 1.5; }
.marketing-home .safety + .features { padding-top: var(--home-space); }
.marketing-home .nav-links { gap: clamp(.875rem,1.5vw,1.4rem); }
@media(max-width: 900px) {
    .marketing-home .ai-story,
    .marketing-home .trip-builder-section .ai-story { grid-template-columns: minmax(0,1fr); gap: 2rem; }
    .marketing-home .ai-story-copy > p { max-width: 60ch; }
    .marketing-home .ai-benefits { gap: .6rem; }
    .marketing-home .maya-conversation { max-width: 38rem; width: 100%; margin-inline: auto; }
    .marketing-home .safety-showcase { grid-template-columns: minmax(0,1fr) minmax(0,.85fr); gap: 1.5rem; }
    .marketing-home .safety-grid { grid-template-columns: minmax(0,1fr); }
    .marketing-home .ai-day-details .maya-features { grid-template-columns: minmax(0,1fr); }
}
@media(max-width: 760px) {
    .marketing-home .safety-showcase { grid-template-columns: minmax(0,1fr); }
    .marketing-home .safety-screen img { width: 22rem; }
}
@media(max-width: 600px) {
    .marketing-home .ai-story-copy h2 { font-size: 2.125rem; }
    .marketing-home .maya-conversation { border-radius: 1.25rem 1.25rem 1.25rem .5rem; padding: 1.125rem; }
    .marketing-home .maya-example-user { margin-inline-start: 1rem; }
    .marketing-home .maya-example-reply { margin-inline-end: 1rem; }
    .marketing-home .safety-grid { gap: 1rem; }
    .marketing-home .ai-product-details .maya-features { grid-template-columns: minmax(0,1fr); }
}