/* PAGE HERO */
.page-hero { padding:120px 40px 64px; background:var(--white); position:relative; overflow:hidden; }
.page-hero::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--blue),var(--rust)); }
.page-hero-inner { max-width:1160px; margin:0 auto; }
.page-hero-eyebrow { display:inline-flex; align-items:center; gap:8px; font-family:'Montserrat',sans-serif; font-size:0.68rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--rust); margin-bottom:12px; }
.page-hero-title { font-size:clamp(2rem,3.5vw,2.8rem); font-weight:800; letter-spacing:-0.8px; line-height:1.1; color:var(--text); margin-bottom:16px; }
.page-hero-title .accent { color:var(--blue); }
.page-hero-desc { font-size:1.05rem; color:var(--gray-600); line-height:1.75; max-width:640px; margin-bottom:32px; }

/* DASHBOARD GRID */
.dash-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:28px; margin-top:44px; }
.dash-card { display:flex; flex-direction:column; background:var(--white); border:1px solid var(--border); overflow:hidden; transition:box-shadow .25s, transform .25s; }
.dash-card:hover { box-shadow:0 16px 32px rgba(17,17,17,0.08); transform:translateY(-3px); }

.dash-visual { position:relative; aspect-ratio:16/10; overflow:hidden; background:var(--blue-dark); }
.dash-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s; }
.dash-card:hover .dash-visual img { transform:scale(1.05); }
.dash-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(17,10,5,0.05) 0%, rgba(17,10,5,0.15) 55%, rgba(17,10,5,0.75) 100%); z-index:2; }
.dash-visual-badge { position:absolute; top:14px; left:14px; z-index:3; display:inline-flex; align-items:center; gap:6px; background:rgba(17,17,17,0.55); backdrop-filter:blur(3px); color:var(--white); font-family:'Montserrat',sans-serif; font-size:0.62rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; padding:6px 10px; border-radius:3px; }
.dash-visual-state { position:absolute; bottom:14px; right:14px; z-index:3; font-family:'Montserrat',sans-serif; font-size:0.64rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,0.9); background:rgba(0,0,0,0.35); padding:5px 10px; border-radius:3px; }
.dash-visual-place { position:absolute; bottom:14px; left:16px; z-index:3; font-family:'Montserrat',sans-serif; font-size:1.15rem; font-weight:800; letter-spacing:-0.2px; color:var(--white); text-shadow:0 2px 10px rgba(0,0,0,0.6); }

.dash-body { padding:26px 26px 24px; display:flex; flex-direction:column; flex:1; }
.dash-desc { font-size:0.92rem; color:var(--gray-600); line-height:1.7; margin-bottom:22px; flex:1; }

.scenario-badge { position:absolute; top:14px; left:14px; z-index:3; display:inline-flex; align-items:center; background:rgba(153,0,102,0.75); backdrop-filter:blur(3px); color:var(--white); font-family:'Montserrat',sans-serif; font-size:0.62rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; padding:6px 10px; border-radius:3px; }
.photo-credit { margin-top:20px; font-size:0.72rem; color:var(--gray-400); line-height:1.6; }

/* CTA STRIP */
.cta-strip { background:var(--blue); color:var(--white); text-align:center; padding:64px 40px; }
.cta-strip-title { font-family:'Montserrat',sans-serif; font-size:1.5rem; font-weight:800; letter-spacing:-0.3px; margin-bottom:28px; }

@media(max-width:768px) {
  .page-hero { padding:96px 20px 48px; }
  .dash-grid { grid-template-columns:1fr; }
  .cta-strip { padding:48px 20px; }
}