body { background: #fff; }
.about-kicker { margin: 0 0 14px; color: #1558de; font-size: 12px; line-height: 1.2; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.about-kicker.muted { color: #737b88; }
.about-kicker.light { color: rgba(255,255,255,.72); }
.about-hero { overflow: hidden; padding: 64px 0 42px; background: radial-gradient(circle at 78% 22%, rgba(65,129,255,.18), transparent 28%), linear-gradient(180deg,#f8faff 0%,#fff 82%); }
.about-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(460px,.9fr); align-items: center; gap: 36px; min-height: 520px; }
.about-hero-copy { position: relative; z-index: 2; }
.about-hero-copy h1 { max-width: 840px; margin: 0; color: #181b21; font-size: clamp(52px,5.2vw,80px); line-height: .96; letter-spacing: -.055em; font-weight: 790; }
.about-hero-copy h1 em { color: #1558de; font-style: normal; }
.about-lead { max-width: 720px; margin: 26px 0 0; color: #616874; font-size: 17px; line-height: 1.65; }
.about-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.about-hero-visual { position: relative; min-height: 470px; }
.about-hero-visual > img { position: absolute; z-index: 2; right: -52px; bottom: -10px; width: 112%; height: 100%; object-fit: contain; object-position: right bottom; }
.about-hero-orbit { position: absolute; z-index: 1; width: 420px; height: 420px; right: 20px; top: 8px; border: 46px solid rgba(24,91,228,.11); border-radius: 50%; }
.about-hero-note { position: absolute; z-index: 3; right: 26px; top: 34px; display: grid; padding: 16px 18px; border: 1px solid rgba(255,255,255,.7); border-radius: 16px; background: rgba(255,255,255,.9); box-shadow: 0 14px 38px rgba(27,53,124,.12); backdrop-filter: blur(8px); }
.about-hero-note span { color: #1558de; font-size: 28px; line-height: 1; font-weight: 800; }
.about-hero-note b { margin-top: 5px; color: #535b68; font-size: 12px; }
.about-facts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 24px; }
.about-facts article { min-height: 132px; padding: 24px; border: 1px solid #e6eaf2; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(35,53,112,.05); }
.about-facts strong { display: block; color: #16191f; font-size: clamp(31px,2.8vw,42px); line-height: 1; letter-spacing: -.04em; }
.about-facts span { display: block; margin-top: 9px; color: #6f7682; font-size: 13px; line-height: 1.45; }
.about-section { padding: 78px 0; }
.about-heading h2, .about-section-head h2, .about-russia h2, .about-final h2 { margin: 0; color: #181b21; font-size: clamp(38px,4vw,58px); line-height: 1; letter-spacing: -.045em; }
.about-heading h2 em, .about-section-head h2 em { color: #1558de; font-style: normal; }
.about-today { background: #fff; }
.about-today-grid { display: grid; grid-template-columns: minmax(320px,.95fr) minmax(0,1.05fr); gap: 70px; align-items: start; }
.about-today-copy { color: #626a76; font-size: 16px; line-height: 1.75; }
.about-today-copy p { margin: 0 0 20px; }
.about-capability-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 42px; }
.about-capability-grid article { min-height: 280px; padding: 24px; border: 1px solid #e7eaf1; border-radius: 18px; background: linear-gradient(180deg,#fff 0%,#fbfcff 100%); }
.about-icon { width: 92px; height: 92px; margin-bottom: 22px; }
.about-icon img { width: 100%; height: 100%; object-fit: contain; }
.about-capability-grid h3 { margin: 0 0 10px; color: #22262e; font-size: 19px; line-height: 1.15; }
.about-capability-grid p { margin: 0; color: #6e7580; font-size: 13px; line-height: 1.55; }
.about-history { background: #f5f7fb; }
.about-section-head { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.7fr); gap: 70px; align-items: end; margin-bottom: 38px; }
.about-section-head > p { margin: 0; color: #69717e; font-size: 15px; line-height: 1.65; }
.about-timeline { position: relative; display: grid; gap: 12px; }
.about-timeline::before { content: ""; position: absolute; top: 30px; bottom: 30px; left: 105px; width: 2px; background: linear-gradient(#1558de,#9dbbff); }
.about-year { position: relative; display: grid; grid-template-columns: 80px 1fr; gap: 46px; padding: 22px 24px; border: 1px solid #e3e7ef; border-radius: 18px; background: #fff; }
.about-year::before { content: ""; position: absolute; left: 99px; top: 34px; width: 14px; height: 14px; border: 4px solid #fff; border-radius: 50%; background: #1558de; box-shadow: 0 0 0 1px #a8bdf1; }
.about-year time { color: #1558de; font-size: 22px; line-height: 1.1; font-weight: 800; letter-spacing: -.03em; }
.about-year h3 { margin: 0 0 7px; color: #22262e; font-size: 18px; }
.about-year p { margin: 0; color: #6a727e; font-size: 13px; line-height: 1.55; }
.about-year-current { border-color: rgba(21,88,222,.3); background: linear-gradient(135deg,#eff4ff,#fff); }
.about-russia { color: #fff; background: linear-gradient(120deg,#172570 0%,#174ec8 55%,#0d6ade 100%); }
.about-russia-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(420px,.9fr); gap: 70px; align-items: center; }
.about-russia h2 { color: #fff; }
.about-russia-copy > p:not(.about-kicker) { max-width: 700px; margin: 24px 0 0; color: rgba(255,255,255,.8); font-size: 16px; line-height: 1.68; }
.about-russia-actions { display: flex; gap: 12px; margin-top: 28px; }
.about-russia-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.about-russia-facts article { min-height: 180px; padding: 24px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(255,255,255,.09); backdrop-filter: blur(8px); }
.about-russia-facts strong { display: block; color: #fff; font-size: 32px; line-height: 1; }
.about-russia-facts span { display: block; margin-top: 12px; color: rgba(255,255,255,.75); font-size: 12px; line-height: 1.5; }
.about-structure { background: #fff; }
.about-structure-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.about-structure-grid article { min-height: 210px; padding: 24px; border: 1px solid #e6e9f0; border-radius: 18px; background: #fff; }
.about-structure-grid span { display: inline-flex; padding: 6px 9px; border-radius: 999px; background: #edf3ff; color: #1558de; font-size: 10px; font-weight: 800; }
.about-structure-grid h3 { margin: 24px 0 9px; color: #22262e; font-size: 18px; }
.about-structure-grid p { margin: 0; color: #6d7480; font-size: 13px; line-height: 1.55; }
.about-final { padding-top: 0; }
.about-final-panel { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 40px; align-items: center; min-height: 260px; padding: 38px 42px; border-radius: 22px; color: #fff; background: linear-gradient(110deg,#14236d,#1257d6 56%,#162574); box-shadow: 0 20px 45px rgba(23,48,128,.18); }
.about-final h2 { max-width: 900px; color: #fff; font-size: clamp(34px,3.4vw,48px); }
.about-final-panel p:not(.about-kicker) { max-width: 760px; margin: 16px 0 0; color: rgba(255,255,255,.76); line-height: 1.6; }
.about-final-actions { display: flex; flex-direction: column; min-width: 210px; gap: 10px; }
@media (max-width: 1100px) {
  .about-hero-grid { grid-template-columns: 1fr; }
  .about-hero-copy { max-width: 880px; }
  .about-hero-visual { min-height: 390px; }
  .about-hero-visual > img { width: 75%; }
  .about-facts, .about-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-russia-grid, .about-today-grid, .about-section-head { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 760px) {
  .about-hero { padding-top: 38px; }
  .about-hero-copy h1 { font-size: clamp(42px,12vw,58px); }
  .about-lead { font-size: 15px; }
  .about-hero-visual { min-height: 280px; }
  .about-hero-visual > img { width: 100%; right: -22px; }
  .about-hero-orbit { width: 270px; height: 270px; right: 20px; border-width: 28px; }
  .about-hero-note { top: 12px; right: 4px; }
  .about-facts, .about-capability-grid, .about-russia-facts, .about-structure-grid { grid-template-columns: 1fr; }
  .about-section { padding: 54px 0; }
  .about-timeline::before { left: 22px; }
  .about-year { grid-template-columns: 1fr; gap: 10px; padding-left: 48px; }
  .about-year::before { left: 15px; top: 30px; }
  .about-final-panel { grid-template-columns: 1fr; padding: 28px 22px; }
  .about-final-actions { min-width: 0; }
}