:root { --hybrsky-shadow: 0 20px 60px rgba(7,20,38,.10); }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
a { transition: opacity .2s ease, color .2s ease, transform .2s ease; }
a:hover { opacity: .82; }

.hybrsky-header {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid rgba(221,229,239,.8);
}
.hybrsky-brand .wp-block-site-title { letter-spacing: -.04em; }
.hybrsky-brand .wp-block-site-title a { color: #071426; }
.hybrsky-nav .wp-block-navigation-item__content { color:#152033; }

.hybrsky-hero {
  position: relative; overflow: hidden;
  background:
    radial-gradient(circle at 78% 20%, rgba(21,151,255,.23), transparent 34%),
    radial-gradient(circle at 88% 72%, rgba(124,92,252,.16), transparent 31%),
    linear-gradient(145deg,#071426 0%,#0D223D 70%,#0a2b50 100%);
}
.hybrsky-hero:after {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.18;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size: 52px 52px;
}
.hybrsky-hero > * { position: relative; z-index: 1; }
.hybrsky-kicker { letter-spacing:.16em; text-transform:uppercase; font-size:.78rem; font-weight:800; }
.hybrsky-gradient-text {
  background: linear-gradient(90deg,#FFFFFF 10%,#50B8FF 58%,#8ccfff 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hybrsky-hero-copy { max-width: 690px; }
.hybrsky-chip {
  display:inline-flex; align-items:center; gap:.55rem;
  border:1px solid rgba(255,255,255,.16); border-radius:999px;
  padding:.5rem .78rem; background:rgba(255,255,255,.06);
}
.hybrsky-chip:before {
  content:""; width:8px; height:8px; border-radius:50%; background:#50B8FF;
  box-shadow:0 0 20px rgba(80,184,255,.9);
}

.hybrsky-card {
  height:100%; border:1px solid #DDE5EF; border-radius:18px;
  padding:2rem; background:#fff; box-shadow:0 8px 30px rgba(7,20,38,.04);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.hybrsky-card:hover { transform:translateY(-5px); box-shadow:var(--hybrsky-shadow); border-color:#b9dfff; }
.hybrsky-card .wp-block-heading { margin-top:.6rem; }
.hybrsky-number {
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:12px; background:#EAF6FF; color:#1597FF; font-weight:800;
}
.hybrsky-tech {
  border:1px solid #DDE5EF; border-radius:999px; padding:.65rem 1rem;
  background:#fff; font-weight:650; color:#3f4d63;
}
.hybrsky-dark-card {
  background:linear-gradient(145deg,#0D223D,#071426);
  color:#fff; border-radius:22px; padding:2.2rem;
  box-shadow:0 20px 55px rgba(7,20,38,.18);
}
.hybrsky-dark-card h3, .hybrsky-dark-card h4 { color:#fff; }
.hybrsky-stat { border-left:2px solid #1597FF; padding-left:1rem; }
.hybrsky-cta {
  border-radius:26px; overflow:hidden;
  background:
    radial-gradient(circle at 90% 20%, rgba(80,184,255,.28), transparent 25%),
    linear-gradient(135deg,#071426 0%,#0D223D 100%);
}
.hybrsky-footer { background:#06101F; color:#AFC0D6; }
.hybrsky-footer a { color:#EAF3FF; }
.hybrsky-footer h2, .hybrsky-footer h3 { color:#fff; }

@media (max-width: 781px) {
  .hybrsky-hero { padding-top:3.8rem !important; padding-bottom:3.8rem !important; }
  .hybrsky-card, .hybrsky-dark-card { padding:1.4rem; }
  .hybrsky-section { padding-top:3.5rem !important; padding-bottom:3.5rem !important; }
}