:root{
  --navy:#0a1a4f;
  --navy-deep:#060f30;
  --blue:#1f4fe0;
  --blue-glow:#3d7bff;
  --steel:#8d96a8;
  --steel-light:#d7dce5;
  --paper:#f5f7fb;
  --white:#ffffff;
  --ink:#141a2b;
  --muted:#5b6478;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Manrope",system-ui,sans-serif;color:var(--ink);background:var(--white);line-height:1.65;font-size:17px}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* header */
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--steel-light)}
.bar{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand img{height:50px;display:block}
.brand .wordmark{font-family:"Michroma",sans-serif;font-size:22px;letter-spacing:.14em;color:var(--navy);text-decoration:none}
nav{display:flex;align-items:center;gap:28px}
nav a{text-decoration:none;font-weight:600;font-size:15px;color:var(--navy)}
nav a:hover{color:var(--blue)}
.lang{display:flex;gap:4px;border:1px solid var(--steel-light);border-radius:6px;padding:3px}
.lang a{font-size:13px;padding:3px 9px;border-radius:4px;letter-spacing:.06em}
.lang a.on{background:var(--navy);color:var(--white)}

/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 85% 10%,#16307f 0%,var(--navy) 45%,var(--navy-deep) 100%);color:var(--white);padding:120px 0 128px}
.hero .hex{position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:560px;opacity:.16}
.hero .eyebrow{font-family:"Michroma",sans-serif;font-size:13px;letter-spacing:.32em;color:#a9c0ff;text-transform:uppercase}
.hero h1{font-family:"Michroma",sans-serif;font-weight:400;font-size:clamp(30px,4.6vw,52px);line-height:1.2;margin:22px 0 22px;max-width:760px;letter-spacing:.02em}
.hero p{max-width:600px;color:#c9d3ee;font-size:18px}
.line{height:1px;max-width:520px;margin-top:44px;background:linear-gradient(90deg,transparent,var(--blue-glow) 50%,transparent);position:relative}
.line::after{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;background:#cfe0ff;transform:translateX(-50%) rotate(45deg);box-shadow:0 0 14px 4px var(--blue-glow)}

/* sections */
section{padding:104px 0}
.label{font-family:"Michroma",sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--blue)}
h2{font-family:"Michroma",sans-serif;font-weight:400;font-size:clamp(24px,3vw,34px);color:var(--navy);margin:14px 0 26px;letter-spacing:.02em}
.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}
.about-grid p{color:var(--muted);margin-bottom:16px}
.pillars{display:grid;gap:16px}
.pillar{display:flex;gap:18px;padding:22px 24px;border:1px solid var(--steel-light);border-radius:10px;background:var(--white)}
.pillar .ico{flex:none;width:40px;height:40px;display:grid;place-items:center;background:var(--paper);border-radius:8px}
.pillar h3{font-family:"Michroma",sans-serif;font-weight:400;font-size:15px;letter-spacing:.08em;color:var(--navy);margin-bottom:4px;text-transform:uppercase}
.pillar p{margin:0;font-size:15px;color:var(--muted)}

.contact{background:var(--paper);border-top:1px solid var(--steel-light)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--white);border:1px solid var(--steel-light);border-radius:10px;padding:28px}
.card h3{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);font-weight:700;margin-bottom:12px}
.card p{font-size:16px}
.card a{color:var(--blue);text-decoration:none;font-weight:600}
.card a:hover{text-decoration:underline}

footer{background:var(--navy-deep);color:#8f9bbd;font-size:14px;padding:32px 0}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media (max-width:860px){
  nav a.nav-link{display:none}
  .about-grid{grid-template-columns:1fr;gap:36px}
  .cards{grid-template-columns:1fr}
  .hero{padding:88px 0 96px}
  .hero .hex{width:380px;right:-140px}
  section{padding:72px 0}
}