.references-page{background:#fff}
.references-hero{padding:82px 0 58px;background:radial-gradient(circle at 85% 15%,rgba(101,50,183,.12),transparent 25%),radial-gradient(circle at 10% 80%,rgba(64,116,210,.07),transparent 22%),linear-gradient(180deg,#fbf8ff,#fff)}
.references-hero-inner{max-width:950px;margin:auto;text-align:center}
.references-hero h1{margin:8px 0 18px;font-size:58px;line-height:1.07;letter-spacing:-2px}
.references-hero h1 strong,.references-heading h2 strong,.benefits-heading h2 strong{color:var(--purple)}
.references-hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.7}
.references-stats{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.references-stats>div{padding:20px 16px;border:1px solid #e8dfee;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(62,30,95,.055)}
.references-stats strong,.references-stats span{display:block}
.references-stats strong{font-size:24px;color:#32283c}
.references-stats span{margin-top:3px;font-size:11px;color:#8e8595}

.references-showcase{padding:72px 0 80px}
.references-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:28px}
.references-heading>div{max-width:730px}
.references-heading h2{margin:8px 0 10px;font-size:43px;line-height:1.15;letter-spacing:-1.2px}
.references-heading p{margin:0;color:var(--muted)}
.references-cta-link{display:flex;align-items:center;gap:8px;color:var(--purple);font-size:13px;font-weight:900;white-space:nowrap}

.sector-separator-tabs{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  overflow:visible;
  padding:6px 0 18px;
  border-bottom:1px solid #eae2ef;
}

.sector-separator-tabs::-webkit-scrollbar{
  display:none;
}

.sector-separator-tabs>span{
  display:none;
}

.sector-separator-tabs button{
  flex:none;
  border:1px solid #e6dcef;
  background:#fff;
  padding:9px 15px;
  border-radius:30px;
  color:#756a7e;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  position:relative;
  white-space:nowrap;
  transition:all .2s ease;
}

.sector-separator-tabs button:hover{
  color:var(--purple);
  border-color:#cdb5e3;
  background:#faf7fd;
  transform:translateY(-1px);
}

.sector-separator-tabs button.active{
  color:#fff;
  border-color:var(--purple);
  background:var(--purple);
  box-shadow:0 6px 16px rgba(101,50,183,.18);
}

.sector-separator-tabs button:after{
  display:none;
}


.references-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}
.reference-logo-card{position:relative;min-height:145px;padding:18px;border:1px solid #e9e1ef;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(66,32,101,.055);transition:.28s}
.reference-logo-card:hover{transform:translateY(-5px);border-color:#cdb5e3;box-shadow:0 20px 38px rgba(66,32,101,.12)}
.reference-logo-card.hidden{display:none}
.reference-logo-inner{height:86px;display:flex;align-items:center;justify-content:center}
.reference-logo-inner img{max-width:86%;max-height:65px;object-fit:contain;filter:grayscale(1);opacity:.8;transition:.28s}
.reference-logo-card:hover img{filter:none;opacity:1;transform:scale(1.04)}
.reference-sector-label{display:block;margin-top:8px;padding-top:10px;border-top:1px solid #f0e9f4;color:#9a8fa3;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-align:center}

.references-join{padding:0 0 76px}
.references-join-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 46px;border-radius:24px;background:radial-gradient(circle at 90% 20%,rgba(255,255,255,.16),transparent 23%),linear-gradient(135deg,#6b35b7,#45167f);color:#fff;box-shadow:0 25px 55px rgba(76,31,134,.20)}
.light-kicker{color:#dacaf0!important}
.references-join-card h2{margin:7px 0 9px;font-size:36px}
.references-join-card p{max-width:650px;margin:0;color:rgba(255,255,255,.78)}

.references-benefits{padding:76px 0;background:#faf8fd}
.benefits-heading{text-align:center;max-width:720px;margin:0 auto 30px}
.benefits-heading h2{font-size:40px;line-height:1.15;margin:8px 0}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.benefits-grid article{padding:27px 23px;border:1px solid #e8dfef;border-radius:17px;background:#fff}
.benefits-grid article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f0e7f9;color:var(--purple);font-size:10px;font-weight:900}
.benefits-grid h3{margin:18px 0 8px;font-size:18px}
.benefits-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}

@media(max-width:1050px){
  .references-grid{grid-template-columns:repeat(4,1fr)}
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .references-hero h1{font-size:50px}
}
@media(max-width:780px){
  .references-hero{padding:58px 0 42px}
  .references-hero h1{font-size:39px}
  .references-hero p{font-size:16px}
  .references-stats{grid-template-columns:repeat(2,1fr)}
  .references-heading{align-items:flex-start;flex-direction:column;gap:15px}
  .references-heading h2{font-size:33px}
  .references-grid{grid-template-columns:repeat(3,1fr)}
  .references-join-card{align-items:flex-start;flex-direction:column;padding:34px 28px}
}
@media(max-width:560px){
  .references-hero h1{font-size:31px}
  .references-grid{grid-template-columns:repeat(2,1fr)}
  .reference-logo-card{min-height:130px;padding:13px}
  .reference-logo-inner{height:74px}
  .references-join-card h2{font-size:29px}
  .benefits-grid{grid-template-columns:1fr}
  .benefits-heading h2{font-size:30px}
}

@media(max-width:780px){
  .sector-separator-tabs{
    justify-content:flex-start;
    gap:7px;
  }

  .sector-separator-tabs button{
    padding:8px 12px;
    font-size:10px;
  }
}

@media(max-width:560px){
  .sector-separator-tabs{
    gap:6px;
  }

  .sector-separator-tabs button{
    padding:7px 10px;
    font-size:9.5px;
  }
}