/* Local copy preview: retain live media, palette and component structure. */
.ab-home * { letter-spacing: 0; }
.ab-home .hero { padding: 35px 0 56px; }
.ab-home .hero-grid { min-height: 560px; }
.ab-home .hero-copy { padding-top: 44px; padding-bottom: 44px; }
.ab-home .hero h1 { font-size: 60px; max-width: 12ch; line-height: 1.06; }
.ab-home .hero-lead { font-size: 18px; }
.ab-home h2 { font-size: 42px; line-height: 1.13; }
.ab-home .section { padding: 88px 0; }
.ab-home .usecase-heading h2 { max-width: 22ch; }
.ab-home .usecase-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.ab-home .usecase-card { min-height: 0; }
.ab-home .card-media { aspect-ratio: 2 / 1; }
.ab-home .card-media { position:relative; }
.ab-home .media-label { position:absolute;bottom:0;left:0;right:0;padding:7px 12px;background:rgba(255,255,255,.95);color:#505660;font-size:11px; }
.ab-home .card-media img { object-fit: contain; background: #f2f4f6; }
.ab-home .card-content { padding: 28px; }
.ab-home .card-content h3 { font-size: 26px; }
.ab-home .usecase-card:hover img { transform: none; }
.ab-home .hero-actions { gap: 16px; }
.ab-home .hero-note { color: #555a54; }
.ab-home .decision-board strong { font-size: 16px; }
.ab-home [id] { scroll-margin-top: 100px; }
.ab-home .blueprint-visual figcaption { color: #414b59; }
.ab-home .section-intro h2,.ab-home .approach-copy .section-intro h2 { max-width: 20ch; }
.preview-feedback { padding: 18px; border: 1px solid #6b7cb9; border-radius: 6px; background: #f0f3ff; color: #15234c; font: 15px/1.6 system-ui,sans-serif; margin-top: 18px; }
.local-preview-notice { display:block; margin: 12px 0 0; color: #626773; font: 12px/1.5 system-ui,sans-serif; }
.preview-footer { background: #0b142d; color: #e7e9ed; padding: 52px 0 24px; font: 14px/1.6 system-ui,sans-serif; }
.preview-footer-inner { max-width:1240px; margin:auto; padding:0 24px; display:grid; grid-template-columns:2fr repeat(3,1fr); gap:32px; }
.preview-footer a { display:block; color:inherit; margin:8px 0; text-decoration:none; }
.preview-footer a:hover { text-decoration:underline; }
.preview-footer h2 { color:#fff; font-size:20px; margin:0 0 8px; }
.preview-footer h3 { color:#b8c6e8; font-size:13px; margin:0 0 16px; }
.preview-footer p { max-width:32ch; color:#c1c6d0; }
.preview-footer-bottom { max-width:1240px; margin:32px auto 0; padding:16px 24px 0; border-top:1px solid #364054; font-size:12px; color:#aeb7c5; }
@media (min-width:1600px) { .ab-home .hero-grid { min-height: 580px; } }
@media (max-width:1000px) and (min-width:821px) { .ab-home .hero h1 {font-size:48px;} .ab-home .hero-copy{width:54%;} }
@media (max-width:820px) {
 .ab-home .hero-grid { min-height: 0; gap:28px; }
 .ab-home .hero-copy { padding:0; }
 .ab-home .hero h1 { font-size:48px; max-width:16ch; }
 .ab-home .hero-media { width:100%; }
 .ab-home .usecase-grid { grid-template-columns:1fr; }
 .ab-home .section { padding:64px 0; }
 .preview-footer-inner { grid-template-columns:1fr 1fr; }
 .preview-footer-inner > div:first-child { grid-column:1 / -1; }
}
@media (max-width:560px) {
 .ab-home .hero h1 { font-size:39px; max-width:12ch; }
 .ab-home h2 { font-size:30px; }
 .ab-home .hero { padding:28px 0 32px; }
 .ab-home .hero-lead { font-size:16px; }
 .ab-home .hero-copy { padding:0; }
 .ab-home .hero-video { height:150px; min-height:0; aspect-ratio:16/9; }
 .ab-home .hero-media figcaption { display:flex; position:static; justify-content:space-between; font-size:8px; padding:9px; }
 .ab-home .hero-grid { gap:20px; }
 .ab-home .hero-lead { margin-bottom:22px; }
 .ab-home .hero-note { margin-top:14px; }
 .ab-home .hero-actions .text-link { min-height:34px; }
 .ab-home #use-cases { padding-top:40px; }
 .ab-home .hero-media figcaption { font-size:9px; gap:8px; }
 .ab-home .card-content { padding:22px; }
 .ab-home .card-content h3 { font-size:23px; }
 .ab-home .decision-board div { grid-template-columns:86px minmax(0,1fr); gap:8px; }
 .preview-footer-inner { gap:24px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
