.brand picture{display:flex;align-items:center}.brand img{width:220px!important;height:auto;max-height:52px!important;filter:drop-shadow(0 0 16px rgba(0,242,102,.12))!important}
.logo-orb img{filter:drop-shadow(0 0 30px rgba(0,242,102,.22))!important}
.zyn-icon{width:26px;height:26px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon .zyn-icon,.service-icon .zyn-icon,.case-icon .zyn-icon{width:30px;height:30px}
.trust-icon .zyn-icon{width:19px;height:19px}
.icon,.service-icon,.case-icon,.trust-icon{color:#54ff8b}
.icon,.case-icon{background:linear-gradient(145deg,rgba(0,242,102,.13),rgba(0,242,102,.035))!important;border:1px solid rgba(84,255,139,.32)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.22),0 0 28px rgba(0,242,102,.07)!important}
.btn-icon{width:19px;height:19px;display:inline-block;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:680px){.brand{min-width:48px!important}.brand img{width:44px!important;height:44px!important;max-height:44px!important}.logo-orb img{width:250px!important}}

/* Contraste refinado: textos secundários continuam hierárquicos, mas legíveis. */
:root{--zyn-text-secondary:#b9c9bf;--zyn-text-tertiary:#97aa9e}
.lead,
.section-head p,
.section-title p,
.product-card>p,
.web-price-desc,
.hosting-card p,
.cta-box p{color:var(--zyn-text-secondary)!important}
.web-price-once,
.hosting-price small,
.footer-inner,
footer{color:var(--zyn-text-tertiary)!important}

/* Sistema de layout: ritmo, títulos e cards consistentes em todo o site. */
:root{
  --zyn-section-space:96px;
  --zyn-section-space-mobile:72px;
  --zyn-heading-gap:52px;
  --zyn-card-padding:28px;
  --zyn-card-radius:22px;
  --zyn-grid-gap:20px;
}

body .section{padding-block:var(--zyn-section-space)!important}

body .section-head,
body .section-title{
  width:min(100%,820px)!important;
  margin:0 auto var(--zyn-heading-gap)!important;
  text-align:center!important;
}

body .section-head .eyebrow,
body .section-title>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:38px!important;
  margin:0 auto 16px!important;
  padding:9px 14px!important;
  border:1px solid rgba(0,255,102,.23)!important;
  border-radius:999px!important;
  background:rgba(0,255,102,.045)!important;
  color:#c9f8d8!important;
  font-size:.76rem!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

body .section-head h2,
body .section-title h2{
  max-width:820px!important;
  margin:0 auto!important;
  font-size:clamp(2.35rem,4.3vw,3.8rem)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}

body .section-head p,
body .section-title p{
  max-width:700px!important;
  margin:16px auto 0!important;
  font-size:1.02rem!important;
  line-height:1.7!important;
  text-wrap:balance;
}

body .services-grid,
body .grid-3,
body .web-pricing-grid,
body .grid-cases{
  gap:var(--zyn-grid-gap)!important;
  align-items:stretch!important;
}

body .grid-3,
body .web-pricing-grid,
body .grid-cases{grid-auto-rows:1fr}

body .service-card,
body .product-card,
body .web-price-card,
body .case-card{
  height:100%!important;
  padding:var(--zyn-card-padding)!important;
  border-radius:var(--zyn-card-radius)!important;
  display:flex!important;
  flex-direction:column!important;
}

body .service-card h3,
body .web-price-card h3,
body .case-card h3{
  margin-top:0!important;
  margin-bottom:10px!important;
  line-height:1.28!important;
  display:flex;
  align-items:flex-start;
}

body #servicos .service-card h3,
body #produtos .product-card h3,
body .web-price-card h3,
body .grid-cases .case-card h3{min-height:2.7em}

body #servidores-ativos .product-card h3{
  min-height:0;
  margin-top:0!important;
  margin-bottom:10px!important;
  line-height:1.28!important;
}

body .service-card>p,
body .product-card>p:last-of-type,
body .web-price-desc,
body .case-card>p{
  min-height:4.8em;
  margin-top:0!important;
  margin-bottom:22px!important;
  line-height:1.62!important;
}

body .service-card .features,
body .product-card .list,
body .web-price-card ul,
body .case-card .list{margin-top:0!important}

body #servidores-ativos .product-card>p:not(:last-of-type){
  min-height:1.5em;
  margin:0 0 14px!important;
}

/* Cinco produtos ficam visualmente centralizados na segunda linha. */
@media(min-width:861px){
  body .grid-3:has(> :nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}
  body .grid-3:has(> :nth-child(5):last-child)>*{grid-column:span 2}
  body .grid-3:has(> :nth-child(5):last-child)>:nth-child(4){grid-column:2 / span 2}
}

@media(max-width:760px){
  :root{--zyn-heading-gap:38px;--zyn-card-padding:24px;--zyn-grid-gap:16px}
  body .section{padding-block:var(--zyn-section-space-mobile)!important}
  body .section-head h2,
  body .section-title h2{font-size:2.25rem!important;letter-spacing:-.04em!important}
  body .section-head p,
  body .section-title p{font-size:.96rem!important;line-height:1.62!important}
  body .grid-3,
  body .web-pricing-grid,
  body .grid-cases{grid-auto-rows:auto}
  body .service-card,
  body .product-card,
  body .web-price-card,
  body .case-card{min-height:0!important}
  body .service-card h3,
  body #produtos .product-card h3,
  body .web-price-card h3,
  body .case-card h3,
  body .service-card>p,
  body .product-card>p:last-of-type,
  body .web-price-desc,
  body .case-card>p{min-height:0}
}