:root{
  --public-cyan:#77dcff;
  --public-violet:#a68bff;
  --public-line:rgba(173,194,255,.14);
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.hero-copy{max-width:900px}
.hero-kicker,.section-kicker{
  margin:0 0 8px;
  color:var(--public-cyan);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.title{margin:0}
.hero-lead{
  max-width:760px;
  margin:9px 0 0;
  color:rgba(233,238,252,.65);
  font-size:14px;
  line-height:1.6;
}
.trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.trust-row span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 9px;
  border:1px solid rgba(119,220,255,.16);
  border-radius:999px;
  background:rgba(83,126,197,.07);
  color:rgba(233,238,252,.78);
  font-size:10px;
  font-weight:750;
}
.trust-row span::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--public-cyan),var(--public-violet));
  box-shadow:0 0 10px rgba(119,220,255,.7);
}
.language-control{display:inline-flex}

.library-strip{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  margin-top:10px;
  padding:9px 11px;
  border:1px solid var(--public-line);
  border-radius:8px;
  background:
    radial-gradient(280px 80px at 0 0,rgba(70,165,214,.08),transparent 74%),
    linear-gradient(145deg,rgba(35,40,56,.58),rgba(24,27,39,.62));
}
.library-strip .section-kicker{
  margin:0 0 2px;
  font-size:8px;
  letter-spacing:.14em;
}
.library-copy h2{
  margin:0;
  color:#edf3ff;
  font-size:13px;
  line-height:1.2;
  letter-spacing:-.01em;
}
.library-copy>p:last-child{
  max-width:760px;
  margin:2px 0 0;
  color:rgba(233,238,252,.5);
  font-size:10px;
  line-height:1.35;
}
.library-links{
  display:flex;
  justify-content:flex-end;
}
.library-links a{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:5px 9px;
  border:1px solid rgba(169,189,255,.15);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  color:rgba(233,238,252,.78);
  font-size:9px;
  font-weight:820;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.library-links a:hover{
  transform:translateY(-1px);
  border-color:rgba(119,220,255,.34);
  background:rgba(119,220,255,.06);
}
.library-links .library-all{
  border-color:rgba(119,220,255,.32);
  background:linear-gradient(135deg,rgba(50,178,220,.15),rgba(112,116,255,.14));
  color:#e8f7ff;
}

@media(max-width:900px){
  .library-strip{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:620px){
  .hero-lead{font-size:13px}
  .trust-row span:nth-child(2){display:none}
  .library-strip{gap:8px;padding:8px 9px}
  .library-copy>p:last-child{display:none}
  .library-copy h2{font-size:12px}
  .library-links a{min-height:27px;padding:5px 8px}
}