:root{--bg:#0b1420;--card:rgba(16,22,33,.72);--card-border:rgba(255,255,255,.06);--text:#e7eef7;--muted:#a9b6c7;--ring:rgba(255,255,255,.08);--radius:18px;--shadow:0 30px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg) url("../img/bg-network.png") center/cover fixed no-repeat}
.overlay{position:fixed;inset:0;pointer-events:none;background:radial-gradient(1200px 800px at 80% 10%,rgba(92,156,255,.18),transparent 60%),radial-gradient(900px 600px at 20% 80%,rgba(154,107,255,.14),transparent 60%),linear-gradient(rgba(5,10,18,.35),rgba(5,10,18,.35))}
.container{max-width:1150px;margin:0 auto;padding:22px 22px 80px}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 0 24px;backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand img{width:26px;height:26px}.brand span{opacity:.95;letter-spacing:.2px}
.langs{display:flex;gap:8px}.langs .pill{font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid var(--card-border);color:var(--muted);text-decoration:none;background:rgba(255,255,255,.03)}.langs .pill.active{color:white;border-color:rgba(255,255,255,.18)}
.hero{padding:20px 0 26px}h1{margin:16px 0 12px;font-size:clamp(32px,6.4vw,64px);line-height:1.05;letter-spacing:.2px}.lead{margin:0;color:var(--muted);font-size:clamp(16px,2.2vw,20px);max-width:850px}
.hr{height:1px;background:linear-gradient(90deg,transparent,var(--ring),transparent);margin:26px 0 18px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:18px;box-shadow:var(--shadow);padding:18px}
.metrics .metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:92px;border:1px solid var(--card-border);border-radius:14px;padding:16px;background:rgba(255,255,255,.02)}
.metrics .value{font-size:clamp(24px,3vw,32px);font-weight:800}.metrics .label{color:var(--muted);margin-top:4px;font-size:14px}
.section-title{font-size:20px;font-weight:800;margin:2px 0 12px}
.pills{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pill-card{border:1px solid var(--card-border);border-radius:14px;padding:16px;background:rgba(255,255,255,.02)}.pill-card strong{display:block;margin-bottom:6px}.pill-card em{color:var(--muted);font-style:normal}
.contacts .col{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;background:rgba(255,255,255,.02)}
small.muted{color:#a9b6c7}.footer{margin-top:18px;color:#a9b6c7;font-size:13px;text-align:left;padding:10px 4px 24px}
a{color:#ef7075}a:hover{text-decoration:none}
@media (max-width:900px){.grid{grid-template-columns:repeat(6,1fr)}}
@media (max-width:560px){.grid{grid-template-columns:repeat(4,1fr)}.pills{grid-template-columns:1fr}}

/* CONTACT_SIMPLE_GRID_V1 (safe-append) */
.contact-simple{
  display:grid;
  grid-template-columns: repeat(12,1fr);
  gap: 12px;
  margin-top:10px;
}
.contact-simple .pill{
  position:relative;
  background: rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  padding:12px 14px;
  box-shadow:0 6px 20px rgba(0,0,0,.2);
}
.contact-simple .pill::before{
  content:"";
  position:absolute;left:12px;right:12px;top:6px;height:1.5px;
  background:linear-gradient(90deg,rgba(160,210,255,.3),rgba(200,230,255,.25) 50%,rgba(170,140,255,.3));
  opacity:.4;border-radius:2px;
}
.contact-simple small.muted{display:block;margin-bottom:6px;color:var(--muted)}
.contact-simple .mono{font-variant-numeric:tabular-nums;letter-spacing:.2px}
@media(max-width:900px){
  .contact-simple{grid-template-columns:repeat(6,1fr)}
  .col-right{grid-column:1 / -1!important}
}
@media(max-width:560px){
  .contact-simple{grid-template-columns:repeat(4,1fr)}
  .pill{grid-column:1 / -1!important}
}


/* HEADINGS_LIGHTER */
h1, .section-title{
  color: #f5f8ff;
  text-shadow: 0 0 6px rgba(255,255,255,.15);
}


/* HERO_H1_LIGHTER */
.hero h1{
  color: #ffffff;
  text-shadow: 0 0 10px rgba(255,255,255,.2);
}


/* HEADINGS_PURE_WHITE */
h1, .section-title{
  color: #ffffff !important;
  text-shadow: none !important;
}


/* HEADINGS_MATCH_STRONG */
h1, .section-title{
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}


/* HEADINGS_HIERARCHY */
.hero h1{
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 46px !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
}
.section-title{
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  margin: 30px 0 18px !important;
  text-shadow: none !important;
}


/* SECTION_TITLE_UNDERLINE */
.section-title::after{
  content:"";
  display:block;
  width:60px;
  height:2px;
  margin-top:6px;
  background: linear-gradient(90deg, #7dc8ff, #9a6bff);
  border-radius:2px;
}


/* SECTION_TITLE_UNDERLINE_FULL */
.section-title{
  display:inline-block;
  position:relative;
}
.section-title::after{
  content:"";
  display:block;
  width:100%;
  height:2px;
  margin-top:6px;
  background: linear-gradient(90deg, #7dc8ff, #9a6bff);
  border-radius:2px;
}


/* SECTION_TITLE_SPACING_AND_ANIM */
.section-title{
  display:inline-block;
  position:relative;
  margin-bottom: 22px !important; /* unified spacing under all section titles */
}
.section-title::after{
  content:"";
  display:block;
  height:2px;
  margin-top:6px;
  background: linear-gradient(90deg, #7dc8ff, #9a6bff);
  border-radius:2px;
  /* animation */
  transform-origin: left center;
  transform: scaleX(0);
  animation: underlineGrow .7s ease-out .1s forwards;
}
@keyframes underlineGrow{
  from{ transform: scaleX(0); opacity:.35; }
  to{ transform: scaleX(1); opacity:1; }
}
@media (prefers-reduced-motion: reduce){
  .section-title::after{
    animation: none;
    transform: none;
  }
}


/* CARD_HEADINGS_BRIGHTER */
.pill.col-right small.muted{
  font-size: 18px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Direction cards headings */
.directions .pill small.muted{
  font-size: 18px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}


/* EMPHASIS for specific cards */
/* Contacts: right column cards ("Почему мы" and "Как начать") */
.contact-simple .col-right small.muted{
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: .2px;
  opacity: 1 !important;
}

/* Directions: make titles in pill cards brighter/bigger */
.pills .pill-card strong{
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: .2px;
}
/* Keep descriptions toned down for hierarchy */
.pills .pill-card em{
  color: var(--muted);
}


/* DIRECTIONS_TITLES_WHITE_BOLD */
.pills .pill-card strong{
  color: #ffffff !important;
  font-weight: 700 !important;
}


/* DIRECTIONS_TITLE_SPACING */
.pills .pill-card strong{
  display:block;
  margin-bottom:6px;
}


/* UNIFIED_WHITE_BOLD */
.hero h1,
.section-title,
.contact-simple .col-right small.muted,
.pills .pill-card strong,
.pills .pill-card small.muted{
  color: #ffffff !important;
  font-weight: 700 !important;
}


/* DIRECTIONS_FORCE_WHITE_BOLD */
.pills .pill-card > strong,
.pills .pill-card strong{
  color: #ffffff !important;
  font-weight: 700 !important;
  display:block;
  margin-bottom:6px;
}


/* HERO_H1_WHITE_STRONG */
.hero h1{
  color: #ffffff !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}


/* HERO_H1_SPACING */
.hero h1{
  margin-bottom: 18px !important;
}