/* Company history presentation, aligned with the V8-6 site header. */
.history-main { flex: 1; }
.history-shell { max-width: 1200px; padding-inline: 40px; margin-inline: auto; }
.history-eyebrow { margin: 0 0 18px; color: var(--blue); font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; line-height: 1.6; }
.history-hero { max-width: none; padding: 76px 0; background: linear-gradient(115deg, #f0f6fa, #fff 80%); border-bottom: 1px solid var(--line); }
.history-hero-grid { display: grid; grid-template-columns: 1.6fr 1fr; align-items: center; gap: 72px; }
.history-hero h1 { margin: 0 0 26px; color: var(--ink); font-size: clamp(38px, 4.4vw, 58px); font-weight: 500; line-height: 1.12; letter-spacing: -2px; }
.history-lead { max-width: 580px; color: var(--muted); font-size: 17px; line-height: 1.85; margin: 0; }
.history-founding { background: #192f3d; color: #fff; border-radius: 12px; padding: 44px 36px; display: flex; flex-direction: column; align-items: flex-start; border-top: 4px solid #42a7dd; }
.history-founding-label { color: #b5d4e5; font-size: 11px; letter-spacing: 1.7px; text-transform: uppercase; }
.history-year { font-size: clamp(70px, 8vw, 108px); letter-spacing: -5px; font-weight: 400; line-height: 1.1; margin: 22px 0 28px; }
.history-founding-caption { border-top: 1px solid #ffffff30; padding-top: 20px; width: 100%; font-size: 13px; color: #d8e5ed; line-height: 1.6; }
.history-story { display: grid; grid-template-columns: 1fr 1.6fr; gap: 80px; padding-block: 76px; }
.history-main h1, .history-main h2 { margin: 0; color: var(--ink); font-size: clamp(26px, 3vw, 34px); line-height: 1.3; letter-spacing: -.8px; font-weight: 500; }
.history-copy p { color: var(--muted); font-size: 16px; line-height: 1.9; margin: 0 0 22px; }
.history-copy p:last-child { margin-bottom: 0; }
.history-milestones { max-width: none; padding: 64px 0 72px; background: #f3f7f9; border-block: 1px solid var(--line); }
.history-timeline { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); list-style: none; margin: 44px 0 0; padding: 0; }
.history-timeline li { position: relative; border-top: 1px solid #b9d1df; padding: 32px 32px 0 0; }
.history-timeline li::before { content: ''; position: absolute; left: 0; top: -5px; width: 9px; height: 9px; background: var(--blue); border-radius: 50%; }
.history-date { display: flex; align-items: center; min-height: 42px; color: var(--blue); font-size: 32px; letter-spacing: -1px; }
.history-date-text { font-size: 15px; letter-spacing: 0; font-weight: 500; }
.history-timeline h3 { font-size: 18px; font-weight: 500; line-height: 1.5; color: var(--ink); margin: 18px 0 12px; }
.history-timeline p { color: var(--muted); font-size: 14px; line-height: 1.85; margin: 0; }
.history-next { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding-block: 58px; }
.history-actions { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.history-actions a { font-size: 13px; text-decoration: none; line-height: 1.5; }
.history-button { display: inline-flex; align-items: center; gap: 20px; padding: 15px 22px; background: var(--blue); color: #fff; border-radius: 5px; }
.history-button:hover { background: #08678f; }
.history-text-link { color: var(--ink); }
.history-text-link:hover { text-decoration: underline; }
@media (max-width: 900px) { .history-hero-grid { gap: 32px; } .history-story { gap: 36px; } .history-next { align-items: flex-start; flex-direction: column; } }
@media (max-width: 700px) { .history-shell { padding-inline: 22px; } .history-hero { padding-block: 44px; } .history-hero-grid, .history-story { grid-template-columns: 1fr; } .history-hero h1 { letter-spacing: -1.3px; } .history-founding { padding: 30px; } .history-year { font-size: 80px; margin-block: 16px; } .history-story { padding-block: 44px; gap: 24px; } .history-milestones { padding-block: 44px; } .history-timeline { grid-template-columns: 1fr; margin-top: 32px; } .history-timeline li { border-top: 0; border-left: 1px solid #b9d1df; padding: 0 0 32px 26px; } .history-timeline li::before { left: -5px; top: 16px; } .history-timeline li:last-child { padding-bottom: 0; } .history-next { padding-block: 44px; } }