/* Homepage extensions preserve the studio palette, typography and hero. */
.hero-cinema h1{max-width:19ch}
.hero-cinema h1 .accent{color:#AFC7E8}
.proof-card h2{font-size:1.15rem;line-height:1.3;margin:0 0 6px;color:inherit;letter-spacing:-.025em}
.example-picker{margin-top:28px;flex-wrap:wrap}
.example-picker .industry-chip[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.example-detail{margin-top:28px}
.example-detail>h3{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;max-width:35ch;margin-bottom:12px}
.example-overview{max-width:74ch;font-size:1rem}
.example-note{font-size:.84rem;margin:26px 0 0;max-width:85ch;color:var(--text)}
.example-picker button:focus-visible,[data-home-tabs] [role="tabpanel"]:focus-visible{outline:3px solid var(--clay-deep);outline-offset:4px}
[data-home-tabs] [hidden]{display:none}
#business-examples{scroll-margin-top:100px}
.hub-steps{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:0}
.hub-steps>li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;padding:26px 0;border-top:1px solid var(--line)}
.hub-step-number{font-size:1.5rem;font-weight:600;line-height:1.3;color:var(--clay-deep)}
.hub-steps h3{font-size:1.4rem;line-height:1.25;margin-bottom:10px}
.hub-steps p{max-width:75ch;margin-bottom:0}
.hub-build-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:28px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hub-build-options h3{font-size:1.15rem;line-height:1.3;margin-bottom:10px}
.hub-build-options p{margin-bottom:0;font-size:1rem}
.hub-control{max-width:80ch;margin-bottom:0}
html[data-theme="dark"] .example-picker .industry-chip{background:var(--paper);color:#FBF9F6;border-color:var(--line)}
html[data-theme="dark"] .example-picker .industry-chip[aria-selected="true"]{background:var(--clay);border-color:var(--clay);color:#fff}
html[data-theme="dark"] .hub-step-number{color:#AFC7E8}
@media(min-width:981px){
  .hero-cinema-inner{max-width:940px;width:calc(100% - 48px)}
  .hero-cinema h1{font-size:clamp(3.2rem,5.4vw,5.25rem)}
}
@media(max-width:680px){
  .hero-cinema h1{font-size:clamp(2.1rem,8.8vw,3.2rem)}
  .example-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-right:0;overflow:visible;gap:8px}
  .example-picker .industry-chip{white-space:normal;min-height:44px}
  .hub-steps>li{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:22px 0}
  .hub-step-number{font-size:1.2rem}
  .hub-build-options{grid-template-columns:minmax(0,1fr);gap:22px}
}

.footer .footer-section-title{color:#fff;font-family:var(--font-mono);font-size:.72rem;line-height:1.05;letter-spacing:.12em;text-transform:uppercase;font-weight:400;margin:0 0 14px}