/* Approved marketing prototype; styles scoped to landing and Max Mode product surfaces. */
.funnel-landing .hero{align-items:center;gap:65px;padding-block:80px}
.funnel-landing .hero-copy h1{font-size:clamp(44px,4.2vw,68px);max-width:12ch}
.funnel-landing .hero-copy .hero-description{font-size:18px;max-width:34ch;line-height:1.7}
.agent-row{margin:26px 0}
.agent-row>p{font-size:12px;line-height:1.5;margin:0 0 11px;color:inherit;opacity:.9}
.agent-badges{display:flex;flex-wrap:wrap;gap:8px}
.funnel-landing .agent-badge{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--brand-hero-text) 70%,transparent);border-radius:8px;background:#fff;color:#202329;font:550 12px/1.4 var(--font-sans);box-shadow:0 2px 3px rgba(0,0,0,.06);white-space:nowrap}
.agent-badges img{width:19px;height:19px;object-fit:contain}
.funnel-landing .hero .cta-stack{margin-top:24px}
.funnel-landing .max-section-copy h2{font:500 47px/1.14 var(--font-display);letter-spacing:-1.6px;margin:0 0 24px;text-wrap:balance}
.max-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:58px}
.max-steps article>span{font-family:var(--font-display);font-size:29px;color:var(--action-link)}
.max-steps h3{font-size:17px;font-weight:600;margin:18px 0 12px}
.max-steps p{font-size:14px;line-height:1.9;color:var(--text-secondary)}
.max-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-block:90px}
.max-faq header h2{font-size:39px;max-width:12ch}
.max-faq details{border-bottom:1px solid var(--border-subtle)}
.max-faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:15px;font-weight:550}
.max-faq details p{margin:0 0 22px;font-size:14px;line-height:1.9;color:var(--text-secondary)}
.max-faq details[open] summary span{transform:rotate(45deg)}
@media(max-width:1100px){.funnel-landing .hero{gap:35px}
.funnel-landing .hero-copy h1{font-size:53px}
.funnel-landing .hero-copy .hero-description{font-size:16px}
.funnel-landing .max-section-copy h2{font-size:41px}
.max-faq{gap:50px}}
@media(max-width:860px){.funnel-landing .hero-copy h1{font-size:55px;max-width:15ch}
.funnel-landing .hero{padding-block:55px;gap:40px}
.agent-badges{justify-content:center}
.agent-row>p{text-align:center}
.max-faq{grid-template-columns:1fr;gap:30px;max-width:640px}
.max-steps{gap:25px}
.max-steps h3{font-size:15px}}
@media(max-width:600px){.funnel-landing .hero{padding-block:45px 48px}
.funnel-landing .hero-copy h1{font-size:43px;max-width:13ch}
.funnel-landing .hero-copy .hero-description{font-size:15px}
.agent-row{margin:23px 0}
.agent-badges{gap:7px}
.funnel-landing .agent-badge{font-size:11px;padding:7px 10px;min-height:37px}
.agent-badges img{width:17px;height:17px}
.agent-row>p{font-size:11px}
.funnel-landing .max-section-copy h2{font-size:37px;letter-spacing:-1.2px}
.max-steps{grid-template-columns:1fr;gap:30px;margin-top:38px}
.max-steps article{border-top:1px solid var(--border-subtle);padding-top:20px}
.max-steps article>span{font-size:23px}
.max-steps h3{font-size:17px;margin:12px 0 8px}
.max-steps p{font-size:14px}
.max-faq{padding-block:60px}
.max-faq header h2{font-size:34px;max-width:14ch}
.max-faq summary{font-size:14px}}
@media(prefers-reduced-motion:reduce){.funnel-landing .agent-badge:hover{transform:none}}
.funnel-landing .hero-copy h1{max-width:none}
.funnel-landing .max-marketing-section{border-bottom:1px solid var(--border-subtle)}
.funnel-landing .max-marketing-section .cap-copy{min-height:0}
.funnel-landing .max-marketing-section .cap-copy>p:not(.eyebrow){max-width:none}
.funnel-landing a.primary{text-decoration:none}
.funnel-landing .max-plan-note{display:block;margin-top:14px;font:400 12px/1.6 var(--font-sans);color:var(--text-tertiary)}
.funnel-landing .max-example-figure figcaption{font:400 11px/1.6 var(--font-sans);color:var(--text-tertiary);text-align:center;margin-top:16px}
.max-story-page .hero-copy h1{max-width:14ch}
.funnel-landing.max-story-page .hero-copy .hero-description{font-size:17px;max-width:42ch}
.funnel-landing.max-story-page .hero .eyebrow,.funnel-landing.max-story-page .hero .max-plan-note,.funnel-landing.max-story-page .hero figcaption{color:var(--brand-hero-text)}
.funnel-landing.max-story-page .hero .eyebrow{margin-bottom:20px}
.funnel-landing.max-story-page .hero .cta-stack{margin-top:30px;align-items:flex-start}
.max-story-page .max-story-muted{background:var(--bg-surface);border-block:1px solid var(--border-subtle)}
.max-story-page .research-visual,.max-story-page .work-visual,.max-story-page .people-visual{border-radius:var(--radius-card);border:var(--edge-raised)}
.max-story-page .research-visual p,.max-story-page .work-visual p,.max-story-page .people-visual p{font-size:13px}
.max-story-page .max-faq{display:block;max-width:830px;padding:0;margin:auto}
.max-story-page .max-faq details{padding-inline:0}
.max-story-page .max-steps{margin-top:0}
.max-story-page .max-steps h3{font-family:var(--font-display);font-size:25px;font-weight:500;letter-spacing:-.02em}
.max-story-page .max-steps p{font-size:15px}
.max-story-page .closing h2{max-width:23ch;margin-inline:auto}
@media(max-width:860px){.funnel-landing.max-story-page .hero-copy h1{max-width:18ch}
.funnel-landing.max-story-page .hero .cta-stack{align-items:center}
.max-story-page .max-steps h3{font-size:21px}
.max-story-page .max-steps{grid-template-columns:1fr;gap:24px}
.max-story-page .max-steps article{border-top:1px solid var(--border-subtle);padding-top:20px}
.funnel-landing.max-story-page .hero-copy .hero-description{margin-inline:auto}
.max-story-page .hero .eyebrow{text-align:center}}
@media(max-width:600px){.funnel-landing.max-story-page .hero-copy .hero-description{font-size:15px}
.funnel-landing .max-marketing-section .cap-copy>p:not(.eyebrow){font-size:15px}
.max-story-page .hero .max-example-figure{margin-top:8px}}
.funnel-landing .max-landing-detail{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:center}
.funnel-landing .max-landing-copy>p{font-size:16px;line-height:1.85}
.max-screen{margin:0;min-width:0}
.max-screen img{display:block;width:100%;height:auto;border:var(--edge-raised);border-radius:var(--radius-card);box-shadow:var(--shadow-raised)}
.max-screen .max-screen-dark{display:none}
[data-theme=dark] .max-screen .max-screen-light{display:none}
[data-theme=dark] .max-screen .max-screen-dark{display:block}
.funnel-landing .max-screen figcaption{font:400 11px/1.6 var(--font-sans);color:var(--text-tertiary);margin-top:12px;text-align:center}
.funnel-landing.max-story-page .hero{display:block;text-align:center;padding-block:58px 54px}
.funnel-landing.max-story-page .hero-copy{max-width:840px;margin-inline:auto}
.funnel-landing.max-story-page .hero-copy h1{max-width:19ch;margin:18px auto 24px;font-size:clamp(40px,4.2vw,64px)}
.funnel-landing.max-story-page .hero-copy .hero-description{max-width:68ch;margin-inline:auto;font-size:17px;line-height:1.7}
.funnel-landing.max-story-page .hero .cta-stack{align-items:center;justify-content:center;margin-top:25px}
.funnel-landing.max-story-page .hero .eyebrow{text-align:center}
.funnel-landing.max-story-page .section{padding-block:48px}
.funnel-landing.max-story-page .capability-layout{min-height:0;grid-template-columns:.7fr 1.3fr;gap:44px}
.funnel-landing.max-story-page .cap-copy{min-height:0}
.funnel-landing.max-story-page .cap-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}
.funnel-landing.max-story-page .cap-copy h2{font-size:36px}
.funnel-landing.max-story-page .section-heading{margin-bottom:28px}
.funnel-landing.max-story-page .max-people-story .section-heading{margin-bottom:0;max-width:760px}
.funnel-landing.max-story-page .max-people-story .section-heading h2{max-width:25ch;margin-inline:auto}
.funnel-landing.max-story-page .max-people-story p:not(.eyebrow){font-size:16px;line-height:1.8}
.funnel-landing.max-story-page .closing{margin-top:24px;margin-bottom:48px;padding-block:44px}
@media(max-width:860px){.funnel-landing .max-landing-detail{grid-template-columns:1fr;gap:28px}
.funnel-landing .max-landing-copy{max-width:760px;margin-inline:auto}
.funnel-landing.max-story-page .capability-layout{grid-template-columns:1fr;gap:24px}
.funnel-landing.max-story-page .cap-copy{max-width:760px;margin-inline:auto}
.funnel-landing.max-story-page .cap-copy h2{max-width:24ch}
.funnel-landing.max-story-page .section{padding-block:36px}
.funnel-landing.max-story-page .hero{padding-block:42px}
.funnel-landing .max-landing-detail .max-screen{max-width:760px;width:100%;margin-inline:auto}}
@media(max-width:600px){.funnel-landing.max-story-page .hero-copy .hero-description{font-size:15px}
.funnel-landing .max-landing-copy>p,.funnel-landing.max-story-page .cap-copy>p:not(.eyebrow),.funnel-landing.max-story-page .max-people-story p:not(.eyebrow){font-size:15px}
.funnel-landing.max-story-page .cap-copy h2{font-size:32px}
.funnel-landing.max-story-page .section{padding-block:30px}
.funnel-landing.max-story-page .closing{margin-top:16px;margin-bottom:32px}
.funnel-landing .max-screen figcaption{font-size:10px}}
.funnel-landing .max-landing-shot{max-width:1040px;margin:40px auto 0}
/* Homepage hero: centered copy and CTA, product screenshot below running into the section edge. */
.funnel-landing .hero:not(.max-story-hero){grid-template-columns:1fr;justify-items:center;text-align:center;gap:56px;padding-block:84px 0}
.funnel-landing .hero:not(.max-story-hero) .hero-copy{max-width:820px;margin-inline:auto}
.funnel-landing .hero:not(.max-story-hero) .hero-copy h1{max-width:16ch;margin-inline:auto}
.funnel-landing .hero:not(.max-story-hero) .hero-description{max-width:46ch;margin-inline:auto}
.funnel-landing .hero:not(.max-story-hero) .agent-row>p{text-align:center}
.funnel-landing .hero:not(.max-story-hero) .agent-badges{justify-content:center}
.funnel-landing .hero:not(.max-story-hero) .cta-stack{justify-content:center;align-items:center}
.funnel-landing .hero:not(.max-story-hero) .hero-product{width:100%;max-width:1080px;aspect-ratio:1440/780;overflow:hidden;border-radius:var(--radius-card) var(--radius-card) 0 0;box-shadow:var(--shadow-raised)}
.funnel-landing .hero:not(.max-story-hero) .hero-product img{display:block;width:100%;height:auto}
@media(max-width:860px){.funnel-landing .hero:not(.max-story-hero){padding-block:52px 0;gap:40px}
.funnel-landing .hero:not(.max-story-hero) .hero-product{aspect-ratio:1440/900}}