.independent-page { color: #334155; }
.independent-page a { overflow-wrap: anywhere; }
.independent-hero { padding: 32px 0; }
.independent-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 36px; align-items: center; margin-top: 24px; }
.independent-eyebrow { color: #2563eb; font-weight: 600; font-size: .85rem; }
.independent-heading { min-width: 0; }
.independent-heading h1 { margin: 12px 0 18px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.12; color: #0f172a; overflow-wrap: anywhere; }
.independent-extended { font-size: 1.2rem; font-weight: 600; line-height: 1.5; }
.independent-summary { color: #64748b; line-height: 1.7; }
.independent-image { display: grid; place-items: center; position: relative; aspect-ratio: 4 / 3; border-radius: 18px; background: #eff6ff; overflow: hidden; }
.independent-image > span { font-size: 64px; color: #bfdbfe; }
.independent-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #f8fafc; }
.independent-start { display: grid; gap: 8px; margin-top: 26px; padding-top: 20px; border-top: 1px solid #e2e8f0; line-height: 1.5; }
.independent-start span { font-size: .85rem; color: #64748b; }
.independent-start time { font-weight: 600; }
.independent-section { padding: 30px 0; }
.independent-section h2 { margin: 0 0 22px; font-size: 1.65rem; color: #0f172a; }
.independent-copy { line-height: 1.8; max-width: 960px; overflow-wrap: anywhere; }
.independent-stack { display: flex; gap: 12px; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.independent-stack li { padding: 12px 18px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 9px; overflow-wrap: anywhere; }
.independent-promo { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); align-items: center; gap: 28px; padding: 28px; border: 1px solid #bfdbfe; border-radius: 18px; background: #eff6ff; color: #334155; text-decoration: none; margin-bottom: 16px; }
.independent-promo-image { aspect-ratio: 16 / 9; min-width: 0; background: #dbeafe; border-radius: 10px; overflow: hidden; }
.independent-promo-image img { width: 100%; height: 100%; object-fit: contain; }
.independent-promo-copy { min-width: 0; overflow-wrap: anywhere; }
.independent-promo h3 { margin: 0 0 12px; color: #0f172a; font-size: 1.35rem; }
.independent-promo p { line-height: 1.7; }
.independent-promo-copy > span:last-child { color: #2563eb; }
.independent-link-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.independent-card { padding: 24px; border: 1px solid #e2e8f0; border-radius: 14px; line-height: 1.7; min-width: 0; overflow-wrap: anywhere; }
.independent-card h3 { margin: 0 0 12px; font-size: 1.1rem; }
.independent-card p { color: #64748b; }
.independent-card time { color: #64748b; font-size: .85rem; }
.independent-credits { display: grid; gap: 16px; }
.independent-credit { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 24px; padding: 22px 0; border-top: 1px solid #e2e8f0; line-height: 1.7; overflow-wrap: anywhere; }
.independent-credit h3 { margin: 0; font-size: 1.1rem; }
.independent-credit p { margin: 0; color: #64748b; }
.independent-demo { display: block; padding: 9px 12px; background: #fffbeb; border-left: 3px solid #d97706; color: #92400e; font-size: .78rem; line-height: 1.5; margin-bottom: 14px; }
.independent-bottom { padding: 30px 0 50px; }
@media (max-width: 760px) {
    .independent-hero-grid, .independent-promo, .independent-link-grid, .independent-credit { grid-template-columns: minmax(0, 1fr); }
    .independent-hero-grid { gap: 24px; }
    .independent-image { aspect-ratio: 16 / 9; }
    .independent-section { padding: 24px 0; }
    .independent-section h2 { font-size: 1.4rem; }
    .independent-promo, .independent-card { padding: 20px; }
    .independent-credit { gap: 8px; }
}