:root{--flow:#6942c4;--flow-soft:#eee8fb}.flow-page .eyebrow{color:var(--flow)}
.flow-page .hero{grid-template-columns:.87fr 1.13fr;gap:45px}.flow-page h1{font-size:clamp(52px,6vw,82px)}
.flow-page h1 em{color:var(--flow)}.flow-page .lead{font-size:22px}.product-badge{display:inline-flex;gap:8px;align-items:center;padding:6px 11px;border:1px solid #c6b6eb;background:var(--flow-soft);color:#56378e;border-radius:30px;font-size:11px;font-weight:700;margin-bottom:22px}.product-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#7951c9}
.flow-page .hero-photo img{padding:0;aspect-ratio:1.25;object-fit:cover}.flow-page .hero-photo{box-shadow:none;border-color:#d9dce6}
.gallery-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.gallery-controls button{cursor:pointer;background:#fff;border:1px solid #dce2e6;padding:0;overflow:hidden;border-radius:7px;color:#596575;font:10px system-ui;line-height:1.3;text-align:center}.gallery-controls button[aria-pressed="true"]{border:2px solid var(--flow);color:#56378e}.gallery-controls button img{width:100%;aspect-ratio:1.25;object-fit:cover;display:block}.gallery-controls button span{display:block;padding:6px 2px}.gallery-controls button:focus-visible{outline:3px solid #a589db;outline-offset:3px}
.flow-status{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;background:#101921;padding:28px 32px;border-radius:12px;color:#fff}.flow-status strong{font-size:19px}.flow-status p{font-size:13px;color:#bfcbd3}.flow-status .kicker{font:11px ui-monospace,monospace;color:#bca1f7;display:block;margin-bottom:10px}.flow-page .feature-grid{grid-template-columns:repeat(3,1fr);gap:35px}.flow-page .feature-grid article{border-top:1px solid var(--line);padding-top:20px}.flow-page .number{color:var(--flow)}.flow-page .flow b{color:var(--flow)}.flow-page .inside{grid-template-columns:1.15fr .85fr;gap:55px}.flow-page .inside img{padding:0;max-height:none}.flow-page .inside figure{max-width:none}.flow-page .note{border-color:#9e83d0}.flow-page .limits .eyebrow{color:#bfabed}.flow-page .platforms span{background:var(--flow-soft);color:#56378e}.spec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.spec-head>p{max-width:280px;font-size:12px;color:var(--muted);padding-bottom:20px}.flow-sources{margin-top:23px;color:var(--muted);font-size:12px}.flow-sources a{margin-right:15px}.flow-page .end{max-width:800px;margin:auto}.flow-page .end h2{font-size:clamp(30px,4.5vw,58px)}
@media(max-width:900px){.flow-page .hero{grid-template-columns:1fr}.flow-page .intro .lead{max-width:650px}.flow-page .intro>p:not(.eyebrow):not(.lead){max-width:650px}.flow-page .hero-photo{max-width:none}.flow-page .feature-grid{grid-template-columns:1fr 1fr}.flow-page .inside{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:540px){.flow-status,.flow-page .inside,.flow-page .feature-grid{grid-template-columns:1fr}.flow-status{padding:23px;gap:16px}.flow-page h1{font-size:54px}.flow-page .lead{font-size:20px}.gallery-controls{gap:4px}.gallery-controls button{font-size:9px}.spec-head{display:block}.spec-head>p{max-width:none}.flow-page .inside{gap:25px}.flow-page .intro .hero-actions{flex-direction:row;align-items:center}.flow-page .section{padding:48px 0}}