/* R28 — one cohesive scroll composition with existing copy, actions and audience. */
html.architecture-preview{overflow-anchor:none}
.architecture-track{position:relative;isolation:isolate;margin:36px 0 0;height:var(--arch-track-height,1400px);overflow-anchor:none}
.architecture-panel{position:relative;top:auto;height:var(--arch-height,300px);width:var(--arch-panel-width,100%);max-width:100%;flex:none;overflow:hidden;border-radius:36px;background:#f5f5f7;isolation:isolate}
.architecture-canvas,.architecture-poster{position:absolute;inset:0;display:block;width:100%;height:100%;user-select:none;-webkit-user-select:none;pointer-events:none}
.architecture-poster{object-fit:contain}
.architecture-canvas{opacity:0}
.architecture-track[data-ready="true"] .architecture-canvas{opacity:1}
.architecture-track[data-ready="true"] .architecture-poster{visibility:hidden}
.architecture-track[data-compact="true"]{height:var(--arch-frame-height,560px)}
.architecture-track[data-compact="true"] .architecture-frame{position:relative;top:auto}
.architecture-static{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:24px}
.architecture-static img:first-child{height:64%;max-height:165px;width:auto}
.architecture-static img:last-child{height:49%;max-height:128px;width:auto;max-width:61%}
.architecture-track[data-static="true"] .architecture-static{display:flex}
.architecture-track[data-static="true"] .architecture-canvas,.architecture-track[data-static="true"] .architecture-poster{display:none}
@media(max-width:734px){.architecture-track{margin-top:24px}.architecture-panel{border-radius:28px}.architecture-static{gap:12px}.architecture-static img:first-child{height:43%}.architecture-static img:last-child{height:33%;max-width:65%}}
@media(prefers-reduced-motion:reduce){.architecture-track{height:var(--arch-height,170px)}.architecture-frame{position:relative;top:auto}}

.architecture-frame{position:sticky;top:var(--arch-top,92px);display:flex;flex-direction:column;align-items:center;gap:20px}
.architecture-track{margin-top:22px}
.architecture-frame .hero-summary{width:100%;max-width:700px;margin:0 auto;text-align:center;flex:none}
.architecture-frame .hero-intro{margin:0 auto}
.architecture-frame .hero-actions{margin-top:22px}
.architecture-frame .audience{width:100%;max-width:900px;margin:0;padding:12px 0 16px;flex:none}
.architecture-frame .audience p:last-child{margin-top:0}
@media(max-width:734px){.architecture-track{margin-top:18px}.architecture-frame{gap:16px}.architecture-frame .audience{padding:8px 0 12px}.architecture-frame .hero-actions{margin-top:20px}.architecture-frame .audience p:last-child{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.architecture-track{height:var(--arch-frame-height,560px)}.architecture-frame{position:relative;top:auto}}