/* AgentFlow product narrative: bright editorial sections and a dark film stage. */
:root{--ink:#122e34;--green:#137a77;--paper:#f1f6f5;--muted:#526970;--line:#d8e4e3}
.af-hero{padding:88px 0 72px;background:radial-gradient(ellipse at 92% 10%,#d5ece8 0,transparent 55%),#f7faf8;border-bottom:1px solid var(--line)}
.af-hero h1{font-size:clamp(42px,5.5vw,76px);max-width:1000px;letter-spacing:-.045em;line-height:1.06}
.af-hero em{font-style:normal;color:var(--green)}
.af-lead{font-size:clamp(19px,2vw,23px);line-height:1.6;max-width:790px;color:var(--muted);margin-top:26px}
.af-footnote{font-size:14px;color:var(--muted);max-width:780px;margin-top:24px}
.af-section{padding:80px 0;border-bottom:1px solid var(--line)}
.af-section h2{max-width:820px;font-size:clamp(30px,3.5vw,44px);letter-spacing:-.025em;margin-bottom:32px}
.af-soft{background:var(--paper)}
.af-dark{background:#0a141e;color:#e5f2f9;border-color:#263f4b}
.af-dark .eyebrow{color:#7ee2d4}.af-dark h2{margin-bottom:32px}
.af-film{border:1px solid #365967;border-radius:14px;overflow:hidden;background:#0a141e;box-shadow:0 24px 70px #0004}
.af-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
.af-film-meta{display:flex;align-items:start;gap:40px;justify-content:space-between;margin:24px 0;color:#bdcfd8;font-size:15px}
.af-film-meta p{max-width:810px}.af-film-meta span{white-space:nowrap;font-size:13px}
.af-transcript{border-top:1px solid #365967;padding-top:18px;color:#bdcfd8;max-width:900px;font-size:15px}
.af-transcript summary{cursor:pointer;color:#e5f2f9;padding:4px 0}.af-transcript p{margin-top:16px}
.af-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.af-cards article{border-top:2px solid #81bab3;padding:24px 0 0}
.af-index{font-size:12px;letter-spacing:.1em;color:var(--green);display:block;margin-bottom:25px}
.af-cards h3{font-size:24px;line-height:1.22;margin-bottom:16px}.af-cards p{color:var(--muted);font-size:17px}
.af-choices{display:grid;grid-template-columns:1fr 1fr;gap:0 54px}
.af-choices article{display:flex;gap:22px;padding:28px 0;border-top:1px solid #c3d7d2}
.af-choices article>span{color:var(--green);font-size:13px;padding-top:4px}.af-choices h3{font-size:25px;margin-bottom:14px}.af-choices p{color:var(--muted);font-size:17px}
.af-link{display:inline-block;margin-top:30px;font-weight:650;color:var(--green);text-decoration-thickness:1px}
.af-split{display:grid;grid-template-columns:1fr 1fr;gap:64px}.af-split .af-lead{margin:0}.af-split>div{color:var(--muted);font-size:17px}
.af-checklist{list-style:none;margin:0;padding:0;max-width:850px}.af-checklist li{padding:19px 0 19px 32px;border-top:1px solid var(--line);position:relative;font-size:19px}.af-checklist li:before{content:'✓';position:absolute;left:0;color:var(--green)}
.button{border-radius:7px}.button.primary{background:var(--green);border-color:var(--green)}.button.primary:hover{background:#105e5b}
@media(max-width:850px){.af-hero{padding:52px 0}.af-section{padding:52px 0}.af-cards{grid-template-columns:1fr;gap:30px}.af-choices,.af-split{grid-template-columns:1fr;gap:24px}.af-film-meta{display:block}.af-film-meta span{display:block;margin-top:16px}.af-hero .eyebrow{max-width:32em}.af-section h2{margin-bottom:26px}.af-cards h3{font-size:23px}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.af-hero h1{font-size:42px}.af-hero .actions{flex-direction:column;align-items:stretch}.af-hero .button{text-align:center}.af-film{border-radius:6px}.af-film-meta{font-size:14px}.af-choices article{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}