/* ROConnect – Sectiune SEO editorial premium. Scoped strictly to .seo-intro */
#home .seo-intro {
  box-sizing: border-box !important;
  position: relative;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 30px 0 36px !important;
  padding: clamp(26px, 3.4vw, 46px) !important;
  overflow: hidden !important;
  isolation: isolate;
  border-radius: 26px !important;
  border: 1px solid rgba(90, 219, 222, .28) !important;
  color: #ecfbff !important;
  background: radial-gradient(ellipse at 95% 0%, rgba(12, 177, 187, .21), transparent 42%), linear-gradient(135deg, #06243b 0%, #0b3952 56%, #075c65 100%) !important;
  box-shadow: 0 22px 48px rgba(9, 37, 57, .16) !important;
}
#home .seo-intro::before {
  content: "ROCONNECT • ÎNVĂȚARE INTELIGENTĂ";
  display: block;
  position: static;
  width: auto;
  height: auto;
  margin: 0 0 16px;
  padding: 0;
  background: none;
  color: #70e3e0;
  opacity: 1;
  font: 800 10px/1.3 system-ui, sans-serif;
  letter-spacing: .17em;
  pointer-events: none;
}
#home .seo-intro::after { content: none !important; }
#home .seo-intro > h2 {
  display: block;
  max-width: 720px;
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(25px, 2.6vw, 36px) !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em;
  text-wrap: balance;
}
#home .seo-intro > p {
  max-width: 800px;
  margin: 0 !important;
  color: #c3dce8 !important;
  font-size: clamp(14px, 1.22vw, 16px) !important;
  line-height: 1.8 !important;
}
#home .seo-intro .seo-benefits {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  min-width: 0;
  gap: 0;
  margin: 30px 0 0 !important;
  padding: 25px 0 0 !important;
  border-top: 1px solid rgba(182, 242, 242, .23);
}
#home .seo-intro .seo-benefits > div {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 3px clamp(16px, 1.8vw, 25px) 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
#home .seo-intro .seo-benefits > div:first-child { padding-left: 0 !important; }
#home .seo-intro .seo-benefits > div:last-child { padding-right: 0 !important; }
#home .seo-intro .seo-benefits > div + div { border-left: 1px solid rgba(182, 242, 242, .2) !important; }
#home .seo-intro .seo-benefits > div::before {
  content: "01";
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0 0 11px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #55e0da;
  background: none;
  font: 800 12px/1 system-ui, sans-serif;
  letter-spacing: .1em;
}
#home .seo-intro .seo-benefits > div:nth-child(2)::before { content: "02"; color: #55e0da; background: none; }
#home .seo-intro .seo-benefits > div:nth-child(3)::before { content: "03"; color: #55e0da; background: none; }
#home .seo-intro .seo-benefits h3 {
  margin: 0 0 9px !important;
  color: #fff !important;
  font-size: clamp(16px, 1.45vw, 19px) !important;
  line-height: 1.34 !important;
  font-weight: 750 !important;
}
#home .seo-intro .seo-benefits p {
  margin: 0 !important;
  color: #b5d3e0 !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
  overflow-wrap: break-word;
}
@media (max-width: 840px) {
  #home .seo-intro .seo-benefits { grid-template-columns: 1fr; gap: 19px; }
  #home .seo-intro .seo-benefits > div,
  #home .seo-intro .seo-benefits > div:first-child,
  #home .seo-intro .seo-benefits > div:last-child { padding: 0 !important; }
  #home .seo-intro .seo-benefits > div + div { border-left: 0 !important; padding-top: 18px !important; border-top: 1px solid rgba(182, 242, 242, .19) !important; }
}
@media (max-width: 600px) {
  #home .seo-intro { margin: 24px 0 29px !important; padding: 26px 21px 27px !important; border-radius: 20px !important; }
  #home .seo-intro > h2 { font-size: clamp(23px, 6vw, 29px) !important; }
  #home .seo-intro > p { font-size: 14px !important; }
  #home .seo-intro .seo-benefits { margin-top: 24px !important; padding-top: 22px !important; }
  #home .seo-intro .seo-benefits h3 { font-size: 17px !important; }
}