.kits-hero { padding: clamp(4rem, 8vw, 7rem) 0; background: linear-gradient(135deg, #10233f, #284c78); color: #fff; }
.kits-hero__grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.kits-eyebrow { margin: 0 0 var(--space-4); color: var(--color-primary); font: var(--font-weight-semibold) var(--font-size-2sm)/1.2 var(--font-mono); letter-spacing: .1em; }
.kits-hero .kits-eyebrow { color: #9ecfff; }
.kits-hero h1 { max-width: 15ch; margin: 0; font-size: clamp(2.5rem, 4.6vw, 4.5rem); line-height: 1.08; letter-spacing: -.045em; }
.kits-lede { max-width: 40rem; margin: var(--space-6) 0 0; color: rgba(255, 255, 255, .78); font-size: var(--font-size-lg); line-height: var(--line-height-relaxed); }
.kits-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-8); }
.kits-hero .btn-secondary { border-color: rgba(255, 255, 255, .48); background: transparent; color: #fff; }
.kits-relationship { padding: var(--space-8); border: 1px solid rgba(255, 255, 255, .22); border-radius: var(--radius-lg); background: rgba(255, 255, 255, .07); }
.kits-relationship__item { display: grid; grid-template-columns: 2.25rem 1fr; gap: var(--space-4); align-items: start; }
.kits-relationship__item > span { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: 50%; background: #8bd5ff; color: #10233f; font: var(--font-weight-semibold) var(--font-size-sm)/1 var(--font-mono); }
.kits-relationship__item strong { font-size: var(--font-size-lg); }
.kits-relationship__item p { margin: var(--space-1) 0 0; color: rgba(255, 255, 255, .7); line-height: var(--line-height-normal); }
.kits-relationship__line { width: 1px; height: var(--space-6); margin: var(--space-2) 0 var(--space-2) 1.125rem; background: rgba(255, 255, 255, .32); }
.kits-section-head { max-width: 48rem; margin-bottom: var(--space-10); }
.kits-section-head h2, .kits-boundary h2, .kits-cta h2 { margin: 0; font-size: var(--font-size-4xl); letter-spacing: -.035em; }
.kits-grid { display: grid; gap: var(--space-5); }
.kits-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kits-card { min-height: 14rem; padding: var(--space-8); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg-elevated); }
.kits-card__index { color: var(--color-primary); font: var(--font-weight-semibold) var(--font-size-sm)/1 var(--font-mono); }
.kits-card h3 { margin: var(--space-5) 0 var(--space-3); font-size: var(--font-size-xl); }
.kits-card p { margin: 0; color: var(--color-text-secondary); line-height: var(--line-height-normal); }
.kits-section--muted { background: var(--color-bg-subtle); }
.kits-boundary { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--space-12); align-items: start; padding: var(--space-12); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.kits-boundary ul { display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.kits-boundary li { padding-left: var(--space-6); color: var(--color-text-secondary); line-height: var(--line-height-normal); position: relative; }
.kits-boundary li::before { content: '×'; position: absolute; left: 0; color: var(--color-danger); font-size: var(--font-size-xl); }
.kits-cta { background: var(--color-bg-subtle); text-align: center; }
.kits-cta .container { max-width: var(--container-narrow); }
.kits-cta p:not(.kits-eyebrow) { margin: var(--space-5) 0 0; color: var(--color-text-secondary); line-height: var(--line-height-normal); }
.kits-cta .kits-actions { justify-content: center; }
@media (max-width: 800px) { .kits-hero__grid, .kits-grid--three, .kits-boundary { grid-template-columns: 1fr; } .kits-hero h1 { max-width: 12ch; } .kits-card { min-height: 0; } .kits-boundary { padding: var(--space-8); gap: var(--space-8); } }