/* Presentation pages have no prototype navigation above the hero. */
.focused-hero{min-height:calc(100svh - 104px)}
.focused-hero h1{max-width:25ch}
.review-footer{padding-block:28px;display:flex;justify-content:flex-end;font-size:.8125rem}
.prototype-options-link{color:var(--slate);font-size:.75rem;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.prototype-options-link:hover{text-decoration:underline}
@media(max-width:700px){.focused-hero{min-height:calc(100svh - 88px)}}
@media(max-width:600px){.focused-hero{min-height:calc(100svh - 80px)}}
/* D1: a matched filled and outlined CTA pair. */
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px;margin-top:32px;max-width:100%}
.focused-hero .hero-actions .prototype-cta{margin-top:0;min-height:52px;padding:14px 22px}
.playbook-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;padding:14px 22px;border:1px solid var(--slate);border-radius:5px;background:transparent;color:var(--ink);font:700 .9375rem/1.4 Manrope,Arial,sans-serif;text-align:center;text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,transform 100ms ease}
@media(hover:hover) and (pointer:fine){.playbook-cta:hover{background:var(--paper);border-color:var(--ink);color:var(--ink);text-decoration:none}}
.playbook-cta:active{transform:translateY(1px)}
@media(max-width:700px){.hero-actions{flex-direction:column;gap:12px;margin-top:28px;width:100%;max-width:340px}.hero-actions .prototype-cta,.playbook-cta{width:100%}}