/* Scoped product presentation; corporate navigation uses the shared stylesheet. */
.mcc-page main { padding-block: 24px; }
.mcc-page .notice, .mcc-page .tag { background: #fff1cf; color: #49350b; border: 1px solid #cdb779; border-radius: 6px; padding: 12px 16px; font-size: .9rem; }
.mcc-page .tag { display: inline-block; }
.mcc-page .hero { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); gap: 48px; min-height: auto; padding: 48px 0; }
.mcc-page h1 { font-size: clamp(2.4rem,5.5vw,4.125rem); letter-spacing: -.035em; }
.mcc-page h2 { font-size: clamp(1.75rem,3vw,2rem); }
.mcc-page .lead { font-size: 1.45rem; }
.mcc-page .muted, .mcc-page .price, .mcc-page figcaption { color: var(--color-muted); }
.mcc-page .price { font-size: .9rem; margin-top: 16px; }
.mcc-page .cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border-radius: 6px; background: #ffc34f; color: #211803; font-weight: 700; text-decoration: none; }
.mcc-page .cta:hover { background: #ffcf73; }
.mcc-page a:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 4px; }
.mcc-page .site-footer a:focus-visible { outline-color: #ffffff; }
.mcc-page .site-nav a, .mcc-page .footer-inner a { display: inline-flex; align-items: center; min-height: 44px; }
.mcc-page .brand { min-height: 44px; }
.mcc-page figure { margin: 0; text-align: center; min-width: 0; }
.mcc-page figure img { max-width: 100%; height: auto; display: block; margin: auto; }
.mcc-page figcaption { font-size: .85rem; padding-top: 12px; }
.mcc-page .watch img { width: 384px; }
.mcc-page .phone { width: 230px; }
.mcc-page .section { border-top: 1px solid var(--color-border); padding: 48px 0; scroll-margin-top: 160px; }
.mcc-page .columns { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; align-items: center; }
.mcc-page .steps p { padding-left: 20px; border-left: 3px solid #b27616; }
@media(max-width:820px) { .mcc-page .hero, .mcc-page .columns { grid-template-columns: 1fr; gap: 30px; } .mcc-page .hero, .mcc-page .section { padding-block: 32px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }