:root{
  --bg:#ffffff;
  --text:#0f0f10;
  --muted:#5b5f66;
  --line:#e8eaee;
  --alt:#f7f8fa;

  --red:#e30613;
  --black:#111214;

  --radius:16px;
  --shadow:0 12px 30px rgba(0,0,0,.08);
  --shadow2:0 10px 24px rgba(0,0,0,.10);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans";
  color:var(--text);
  background:var(--bg);
}

.container{width:min(1120px,calc(100% - 32px));margin:0 auto;}

.header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;}
.brand__logo{height:94px;width:auto;display:block;}

.nav{position:relative;}
.nav__toggle{
  display:none;border:1px solid var(--line);background:#fff;
  padding:10px 12px;border-radius:12px;font-weight:800;
}
.nav__menu{
  list-style:none;display:flex;gap:18px;margin:0;padding:0;align-items:center;
}
.nav__menu a{
  text-decoration:none;color:var(--text);font-weight:800;padding:10px 10px;border-radius:12px;
}
.nav__menu a:hover{background:var(--alt);}

.hero{padding:48px 0 24px;border-bottom:1px solid var(--line);}
.hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start;}

.badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);
  font-weight:900;
}

h1{margin:14px 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.06;letter-spacing:-0.02em;}
.h1Red{color:var(--red);}
.lead{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.6;}

.cta{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 18px;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  text-decoration:none;border-radius:14px;padding:12px 16px;font-weight:900;
  border:1px solid transparent;cursor:pointer;
}
.btn--primary{background:var(--red);color:#fff;box-shadow:var(--shadow2);}
.btn--primary:hover{filter:brightness(.98);}
.btn--ghost{background:#fff;color:var(--text);border-color:var(--line);}
.btn--ghost:hover{background:var(--alt);}
.btn--xl{padding:16px 18px;border-radius:16px;font-size:15px;}

.hero__meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.metaCard{border:1px solid var(--line);border-radius:var(--radius);padding:14px;background:#fff;}
.metaCard__kpi{font-weight:1000;font-size:18px;}
.metaCard__label{color:var(--muted);margin-top:4px;font-size:13px;}

.panel{
  border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff;
  box-shadow:var(--shadow);
}
.panel h2{margin:0 0 10px;font-size:16px;letter-spacing:-0.01em;}
.panel__links{display:grid;gap:10px;margin-top:10px;}
.panelLink{
  display:block;padding:12px 12px;border-radius:14px;background:var(--alt);border:1px solid var(--line);
  color:var(--text);text-decoration:none;font-weight:800;
}
.panelLink:hover{background:#fff;}
.panel__note{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.5;}

.section{padding:46px 0;}
.section--alt{background:var(--alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}

.sectionHead{margin-bottom:18px;}
.sectionHead h2{margin:0 0 6px;font-size:28px;letter-spacing:-0.02em;}
.sectionHead p{margin:0;color:var(--muted);line-height:1.6;}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;}
.card{
  border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
}
.card__icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 12px;
  background:#fff;
  border:1px solid rgba(227,6,19,.22);
  box-shadow:0 10px 20px rgba(0,0,0,.06);
  color:var(--red);
}
.card__icon svg{
  width:30px;
  height:30px;
  display:block;
}
.card h3{margin:0 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.02em;}
.card p{margin:0;color:var(--muted);line-height:1.6;font-size:14px;}

.join{
  border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff;box-shadow:var(--shadow);
  display:flex;flex-direction:column;gap:10px;align-items:flex-start;
}
.join__meta{color:var(--muted);font-size:13px;}

.news{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
.newsItem{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;}
.newsItem__date{display:inline-block;font-size:12px;font-weight:900;color:var(--red);margin-bottom:8px;}
.newsItem h3{margin:0 0 8px;}
.newsItem p{margin:0;color:var(--muted);line-height:1.6;}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
.box{
  border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
}
.box h3{margin:0 0 10px;}
.note{
  margin-top:12px;background:var(--alt);border:1px solid var(--line);border-radius:14px;
  padding:12px;color:var(--muted);font-size:13px;line-height:1.5;
}

.kv{display:grid;gap:10px;margin-top:12px;}
.kv__row{
  display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;
  border:1px solid var(--line);background:#fff;
}
.kv__k{color:var(--muted);font-weight:800;}
.kv__v{font-weight:900;}
.kv__v a{color:inherit;text-decoration:none;}
.kv__v a:hover{text-decoration:underline;}

.form{display:grid;gap:12px;}
label{display:grid;gap:6px;font-weight:800;}
input, textarea{
  width:100%;padding:12px;border-radius:14px;border:1px solid var(--line);font:inherit;outline:none;
}
input:focus, textarea:focus{
  border-color:rgba(227,6,19,.45);
  box-shadow:0 0 0 6px rgba(227,6,19,.08);
}
.fineprint{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5;}

.footer{border-top:1px solid var(--line);padding:18px 0;background:#fff;}
.footer__inner{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-weight:700;}
.footer__links{display:flex;gap:12px;}
.footer__links a{
  color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:12px;
}
.footer__links a:hover{background:var(--alt);}

/* Responsive */
@media (max-width:980px){
  .hero__grid{grid-template-columns:1fr;}
  .cards{grid-template-columns:repeat(2,1fr);}
  .news{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .nav__toggle{display:inline-flex;}
  .nav__menu{
    display:none;position:absolute;right:0;top:52px;background:#fff;border:1px solid var(--line);
    border-radius:16px;padding:10px;flex-direction:column;width:min(280px, calc(100vw - 32px));
    box-shadow:var(--shadow);
  }
  .nav__menu.is-open{display:flex;}
  .cards{grid-template-columns:1fr;}
  .grid2{grid-template-columns:1fr;}
  .footer__inner{flex-direction:column;align-items:flex-start;}
}


/* HERO centering */
.hero{
  text-align: center;
}
.hero__grid{
  grid-template-columns: 1fr;
  justify-items: center;
}
.hero__text{
  max-width: 820px;
}
.cta{
  justify-content: center;
}
.hero__meta{
  justify-items: center;
}


/* Hero centering improvement */
.hero{
  padding: 72px 0 56px;
}

.hero__grid{
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}

.hero__text{
  max-width: 820px;
  margin: 0 auto;
}

.cta{
  justify-content: center;
}

.hero__meta{
  max-width: 560px;
  margin: 24px auto 0;
}

@media (min-width: 981px){
  .hero{
    padding: 96px 0 72px;
  }
}


/* GLOBAL CENTERING */
.section, .sectionHead, .cards, .news, .grid2, .join {
  text-align: center;
}

.cards, .news, .grid2 {
  justify-items: center;
}

.card, .newsItem, .box {
  text-align: center;
}

.kv__row {
  justify-content: center;
}

.join {
  align-items: center;
}



/* Full centering adjustments */
.hero__text,
.sectionHead,
.cards,
.news,
.grid2,
.join,
.footer__inner {
  text-align: center;
}

.cards,
.news,
.grid2 {
  justify-items: center;
}

.metaCard {
  text-align: center;
}

/* Info tiles */
.infoGrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 18px;
  justify-items:center;
}
.infoTile{
  width:100%;
  max-width: 360px;
  border:1px solid var(--line);
  border-radius: 18px;
  padding: 18px;
  background:#fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}
.infoTile__kpi{
  font-weight: 1000;
  font-size: 18px;
  color: var(--red);
  margin-bottom: 6px;
}
.infoTile__text{
  color: var(--muted);
  line-height: 1.55;
  font-weight: 700;
}

/* Make benefit cards responsive and never disappear */
.cards{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 980px){
  .infoGrid{ grid-template-columns: 1fr; }
  .brand__logo{ height:110px; }
}
@media (max-width: 720px){
  .brand__logo{ height:96px; }
}

/* Center contact form text */
.form,
.form label,
.form input,
.form textarea,
.form button {
  text-align: center;
}

.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}