:root { --blue:#063a77; --deep:#082f5c; --red:#e51224; --ink:#172d45; --muted:#526273; --line:#dce2e8; --paper:#f5f6f7; --white:#fff; }
    *, *::before, *::after { box-sizing:border-box; }
    html { scroll-behavior:smooth; scroll-padding-top:30px; }
    body { margin:0; color:var(--ink); background:var(--white); font-family:"Avenir Next","Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
    a { color:inherit; text-decoration:none; }
    button, a { -webkit-tap-highlight-color:transparent; }
    a:focus-visible { outline:3px solid var(--red); outline-offset:6px; border-radius:2px; }
    ::selection { color:var(--white); background:var(--blue); }
    .shell { width:min(1160px, calc(100% - 112px)); margin-inline:auto; }
    .skip { position:fixed; z-index:20; top:12px; left:12px; padding:14px 20px; color:white; background:var(--blue); transform:translateY(-180%); }
    .skip:focus { transform:translateY(0); }
    .header { min-height:112px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid var(--line); }
    .wordmark { display:flex; align-items:center; gap:17px; }
    .wordmark::before { content:""; width:4px; height:37px; background:linear-gradient(to bottom,var(--blue) 0 45%,#c7c1ba 45% 61%,var(--red) 61%); }
    .wordmark strong { display:block; color:var(--blue); font-size:17px; letter-spacing:.13em; font-weight:600; }
    .wordmark small { display:block; margin-top:5px; font-size:11px; color:var(--muted); letter-spacing:.025em; }
    .nav { display:flex; align-items:center; gap:34px; font-size:14px; }
    .nav a { padding-block:12px; transition:color .18s; }
    .nav a:hover { color:var(--red); }
    .nav .contact-link { display:flex; gap:17px; align-items:center; color:var(--blue); font-weight:600; }
    .arrow { width:19px; height:19px; flex-shrink:0; }
    .hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); align-items:center; gap:38px; padding-block:86px 83px; }
    .eyebrow { margin:0; color:var(--blue); font-size:11px; font-weight:650; line-height:1.7; letter-spacing:.16em; text-transform:uppercase; }
    .hero .eyebrow { display:flex; align-items:center; gap:12px; }
    .hero .eyebrow::before { content:""; width:28px; height:2px; background:var(--red); flex-shrink:0; }
    h1 { margin:24px 0 25px; color:var(--blue); font-size:clamp(44px,4.8vw,68px); font-weight:350; line-height:1.09; letter-spacing:-.045em; }
    h1 span { color:var(--ink); }
    .intro { max-width:520px; margin:0; color:var(--muted); font-size:18px; line-height:1.8; }
    .hero-actions { display:flex; gap:26px; align-items:center; flex-wrap:wrap; margin-top:31px; }
    .button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:14px 22px; background:var(--blue); border:1px solid var(--blue); border-radius:3px; color:white; font-size:14px; font-weight:600; transition:background .18s,transform .18s; }
    .button:hover { background:var(--deep); transform:translateY(-2px); }
    .text-link { display:inline-flex; align-items:center; gap:9px; font-size:14px; padding-block:12px; border-bottom:1px solid #bdc8d3; }
    .text-link:hover { color:var(--blue); border-color:var(--blue); }
    .brand-visual { margin:0; text-align:center; }
    .brand-visual img { display:block; width:min(100%,365px); height:auto; margin:auto; }
    .brand-visual figcaption { margin-top:18px; color:#6b7078; font-size:11px; letter-spacing:.13em; line-height:1.9; text-transform:uppercase; }
    .mission { display:flex; align-items:flex-start; gap:62px; padding-block:30px 34px; border-top:1px solid var(--line); }
    .mission .eyebrow { min-width:165px; padding-top:5px; }
    .mission p:last-child { margin:0; max-width:770px; color:var(--muted); font-size:17px; line-height:1.8; }
    .mission strong { color:var(--ink); font-weight:500; }
    .actions { margin-top:26px; padding-block:64px 72px; background:var(--paper); }
    .section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:42px; }
    h2 { margin:11px 0 0; font-size:36px; line-height:1.2; letter-spacing:-.025em; font-weight:400; color:var(--blue); }
    .section-heading>p { max-width:265px; margin:0 0 3px; color:var(--muted); font-size:14px; line-height:1.7; }
    .action-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
    .action { padding-top:21px; border-top:1px solid #c8d0d9; }
    .number { display:block; margin-bottom:28px; font-size:12px; color:#626e7c; letter-spacing:.09em; }
    h3 { margin:0 0 13px; color:var(--ink); font-size:21px; font-weight:500; letter-spacing:-.02em; }
    .action p { margin:0; color:var(--muted); font-size:15px; line-height:1.85; }
    .contact { padding-block:72px; }
    .contact-panel { position:relative; background:var(--deep); color:#fff; border-radius:4px; display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:52px 54px 49px; overflow:hidden; }
    .contact-panel::before { content:""; position:absolute; top:0; left:54px; width:45px; height:4px; background:var(--red); }
    .contact-panel .eyebrow { color:#c6d8eb; }
    .contact-panel h2 { color:#fff; font-size:39px; margin-top:17px; }
    .contact-intro { margin:20px 0 0; color:#d6e2ee; font-size:15px; line-height:1.8; max-width:350px; }
    .contact-details { align-self:center; min-width:0; }
    .contact-group + .contact-group { margin-top:24px; padding-top:24px; border-top:1px solid #6c86a0; }
    .contact-group h3 { margin:0 0 12px; color:#c6d8eb; font-size:11px; font-weight:650; line-height:1.6; letter-spacing:.14em; text-transform:uppercase; }
    .contact-name { margin:0 0 7px; font-size:20px; font-weight:500; line-height:1.5; }
    .contact-coordinates { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
    .contact-coordinates a { padding-block:4px; font-size:16px; line-height:1.7; overflow-wrap:anywhere; }
    .contact-external { display:inline-flex; align-items:center; gap:12px; max-width:100%; padding-block:4px; font-size:17px; line-height:1.6; }
    .contact-external span { min-width:0; overflow-wrap:break-word; }
    .social-links { display:flex; flex-wrap:wrap; gap:4px 22px; margin:0; padding:0; list-style:none; }
    .social-links a { display:inline-flex; align-items:center; gap:7px; min-height:36px; font-size:15px; line-height:1.6; }
    .contact-coordinates a:hover, .contact-external:hover, .social-links a:hover { color:#dbe9f6; text-decoration:underline; text-underline-offset:4px; }
    .email { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 0 19px; border-bottom:1px solid #6c86a0; font-size:clamp(19px,2.1vw,26px); letter-spacing:-.02em; }
    .email:hover { color:#dbe9f6; border-color:white; }
    .contact-person { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-top:23px; }
    .person { margin:0; font-size:15px; line-height:1.8; }
    .person span { display:block; color:#bdcfe1; font-size:13px; }
    .phone { white-space:nowrap; font-size:14px; padding-block:4px 8px; }
    .phone:hover { text-decoration:underline; text-underline-offset:4px; }
    .footer { display:flex; align-items:center; justify-content:space-between; gap:28px; padding-block:0 30px; font-size:12px; color:#66727e; }
    .footer p { margin:0; }
    .footer a { padding-block:10px; }
    .footer a:hover { color:var(--blue); }
    @media (min-width:1500px) { .hero { padding-block:100px; } }
    @media (max-width:1000px) { .shell { width:calc(100% - 64px); } .hero { gap:26px; padding-block:65px; } h1 { font-size:53px; } .intro { font-size:17px; } .hero-actions { gap:15px; } .brand-visual img { max-width:300px; } .brand-visual figcaption { font-size:10px; letter-spacing:.08em; } .contact-panel { padding:40px 35px; gap:35px; } .contact-panel::before { left:35px; } .contact-person { flex-direction:column; gap:8px; } .email { font-size:21px; } .action-grid { gap:28px; } }
    @media (max-width:700px) { .shell { width:calc(100% - 40px); } .header { min-height:92px; gap:16px; } .wordmark { gap:11px; } .wordmark strong { font-size:14px; letter-spacing:.1em; } .wordmark small { font-size:9px; } .wordmark::before { height:32px; width:3px; } .nav { gap:16px; font-size:13px; } .nav .actions-link { display:none; } .nav .contact-link { gap:8px; } .hero { grid-template-columns:1fr; gap:34px; padding-block:48px 34px; } .hero .eyebrow { font-size:9px; letter-spacing:.12em; gap:8px; } .hero .eyebrow::before { width:18px; } h1 { margin-block:22px; font-size:clamp(40px,9.2vw,59px); line-height:1.11; } .intro { max-width:none; font-size:16px; line-height:1.8; } .hero-actions { margin-top:26px; gap:16px; } .button { padding-inline:18px; gap:18px; font-size:13px; } .text-link { font-size:13px; } .brand-visual img { width:220px; } .brand-visual figcaption { margin-top:10px; font-size:9px; } .mission { gap:12px; flex-direction:column; padding-block:27px; } .mission p:last-child { font-size:15px; } .actions { margin-top:8px; padding-block:43px; } .section-heading { flex-direction:column; align-items:start; gap:16px; margin-bottom:29px; } h2 { font-size:30px; } .section-heading>p { max-width:none; } .action-grid { grid-template-columns:1fr; gap:27px; } .action { padding-top:18px; } .number { margin-bottom:12px; } h3 { font-size:20px; margin-bottom:8px; } .action p { font-size:15px; } .contact { padding-block:38px; } .contact-panel { grid-template-columns:1fr; gap:34px; padding:34px 25px; } .contact-panel::before { left:25px; } .contact-panel h2 { font-size:33px; } .contact-intro { margin-top:15px; } .email { font-size:clamp(18px,5.2vw,24px); gap:10px; } .contact-person { flex-direction:row; flex-wrap:wrap; gap:13px 25px; } .footer { align-items:start; padding-bottom:23px; font-size:11px; } .footer p { max-width:210px; line-height:1.8; } .footer a { white-space:nowrap; } }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; } }
    .wordmark { min-width:0; }
    .wordmark > span { min-width:0; }
    .wordmark small { max-width:270px; line-height:1.45; }
    .header-tools { display:flex; align-items:center; gap:28px; flex-shrink:0; }
    .language-switch { display:flex; align-items:center; gap:2px; padding:3px; border:1px solid var(--line); border-radius:4px; }
    .language-switch a { display:flex; align-items:center; justify-content:center; min-width:40px; min-height:40px; border-radius:2px; font-size:12px; line-height:1; letter-spacing:.04em; font-weight:600; color:var(--muted); transition:color .18s,background .18s; }
    .language-switch a[aria-current="page"] { color:#fff; background:var(--blue); }
    .language-switch a:not([aria-current]):hover { color:var(--blue); background:#edf2f8; }
    @media (max-width:1000px) { .header-tools { gap:20px; } .nav { gap:24px; } }
    @media (max-width:700px) { .header { min-height:100px; } .header-tools > .nav { display:none; } .header-tools { gap:0; } .wordmark small { max-width:190px; } }
    @media (prefers-reduced-motion:reduce) { .language-switch a { transition:none; } }
