/* Strategy page — minimal, non-duplicative styles tailored to base.css */
.hero { position: relative; padding-block: var(--space-11) var(--space-10); }
.hero-inner { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-8); align-items: center; }
.hero .lead { color: var(--color-text-muted); max-width: 62ch; }
.hero-cta { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.hero-media { position: relative; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-xl); }
.hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.35) 100%); pointer-events: none; }

.section { padding-block: var(--space-10); }
.section + .section { padding-top: 0; }

.swot-grid article h3 { color: var(--gray-100); }
.swot-visual, .roadmap-visual { margin-top: var(--space-8); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); }

.table-wrap { overflow-x: auto; border-radius: var(--radius-md); }
.table-wrap table { min-width: 720px; }

.actions { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-6); }

@media (max-width: 1000px) {
  .hero-inner { grid-template-columns: 1fr; }
}