/* Fix WP theme h3 override on cards */
.ins h3, .card h3 {
  font-size: 1.0625rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-bottom: 0.5rem !important;
}

/* Page-specific styles */
.page-hero {position:relative;padding-top:72px;overflow:hidden;background:var(--black);color:var(--white)}
.page-hero .hero-bg {position:absolute;inset:0;background:linear-gradient(145deg,#060a18 0%,#001196 35%,#004eff 65%,#0070e0 100%)}
.page-hero .hero-grid {position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:72px 72px}
.page-hero .hero-dots {position:absolute;inset:0;background-image:radial-gradient(rgba(41,200,255,0.12) 1px,transparent 1px);background-size:32px 32px;opacity:0.5}
.page-hero .hero-glow {position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,150,255,0.2) 0%,transparent 65%);top:-200px;right:-100px}
.page-hero-inner {position:relative;z-index:2;padding:5rem 0 4.5rem;max-width:780px}
.page-hero .breadcrumb {font-size:0.8125rem;color:rgba(255,255,255,0.4);margin-bottom:1.5rem;display:flex;align-items:center;gap:8px}
.page-hero .breadcrumb a {color:rgba(255,255,255,0.4);transition:color 0.15s}
.page-hero .breadcrumb a:hover {color:var(--neon-blue)}
.page-hero .breadcrumb .sep {color:rgba(255,255,255,0.15)}
.page-hero .hero-label {font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:var(--neon-blue);margin-bottom:1rem}
.page-hero h1 {font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:800;line-height:1.08;letter-spacing:-0.03em;margin-bottom:1.25rem}
.page-hero .hero-desc {font-size:1.125rem;line-height:1.75;color:rgba(255,255,255,0.7);max-width:640px}
section {padding:5rem 0}
section.alt {background:#f5f6f8}
section.dark {background:var(--black);color:var(--white)}
.slabel {font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--blue);margin-bottom:0.75rem}
section.dark .slabel {color:var(--neon-blue)}
.stitle {font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-0.02em;line-height:1.12;margin-bottom:1rem}
.sdesc {font-size:1rem;color:var(--text-secondary);line-height:1.8;max-width:720px;margin-bottom:2.5rem}
section.dark .sdesc {color:rgba(255,255,255,0.6)}
.dtable {width:100%;border-collapse:collapse;font-size:0.8125rem;margin:1.5rem 0}
.dtable th {text-align:left;padding:0.875rem 0.75rem;font-weight:700;border-bottom:2px solid var(--border);font-size:0.6875rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}
.dtable td {padding:0.75rem;border-bottom:1px solid var(--border);color:var(--text-secondary)}
.dtable tr:hover td {background:rgba(0,17,150,0.02)}
.dtable .hub {font-weight:700;color:var(--text-primary)}
.dtable .best {color:var(--deep-blue);font-weight:700}
.dtable .wr {background:rgba(0,17,150,0.03)}
.dtable .wr td {border-bottom-color:rgba(0,17,150,0.1)}
section.dark .dtable th {color:rgba(255,255,255,0.4);border-bottom-color:rgba(41,200,255,0.2)}
section.dark .dtable td {color:rgba(255,255,255,0.65);border-bottom-color:rgba(255,255,255,0.06)}
section.dark .dtable tr:hover td {background:rgba(255,255,255,0.02)}
section.dark .dtable .hub {color:var(--white)}
section.dark .dtable .best {color:var(--neon-blue)}
section.dark .dtable .wr {background:rgba(41,200,255,0.04)}
section.dark .dtable .wr td {border-bottom-color:rgba(41,200,255,0.1)}
.co {background:rgba(0,17,150,0.03);border:1px solid rgba(0,17,150,0.08);border-radius:16px;padding:2rem;margin:2rem 0}
section.dark .co {background:rgba(41,200,255,0.04);border-color:rgba(41,200,255,0.12)}
.co h4 {font-size:0.875rem;font-weight:700;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--deep-blue)}
section.dark .co h4 {color:var(--neon-blue)}
.co p {font-size:0.9375rem;color:var(--text-secondary);line-height:1.8;margin-bottom:0.75rem}
.co p:last-child {margin-bottom:0}
section.dark .co p {color:rgba(255,255,255,0.65)}
.co strong {color:var(--text-primary)}
section.dark .co strong {color:var(--white)}
.ig {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:2rem}
.ins {background:var(--white);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all 0.3s}
.ins:hover {transform:translateY(-3px);box-shadow:0 8px 30px rgba(11,17,33,0.08);border-color:transparent}
section.dark .ins {background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.06)}
section.dark .ins:hover {border-color:rgba(41,200,255,0.15)}
.ins h3 {font-size:1.0625rem;font-weight:700;margin-bottom:0.5rem}
section.dark .ins h3 {color:var(--white)}
.ins p {font-size:0.875rem;color:var(--text-secondary);line-height:1.7}
section.dark .ins p {color:rgba(255,255,255,0.55)}
.cta-section {text-align:center;padding:5rem 2rem;background:var(--black);position:relative;overflow:hidden;color:var(--white)}
.cta-section .bg {position:absolute;inset:0;background:linear-gradient(145deg,#0b1121,#001196 50%,#004eff)}
.cta-section .inner {position:relative;z-index:2}
.cta-section h2 {font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;margin-bottom:1rem}
.cta-section p {font-size:1rem;color:rgba(255,255,255,0.6);max-width:520px;margin:0 auto 2rem;line-height:1.7}
.reveal {opacity:0;transform:translateY(28px);transition:opacity 0.6s ease,transform 0.6s ease}
.reveal.vis {opacity:1;transform:translateY(0)}
.src {font-size:0.75rem;color:var(--text-muted);margin-top:0.5rem}
@media(max-width:768px){
  section {padding:3.5rem 0}
  .nav-links,.nav-actions .login-link {display:none}
  .mobile-menu-btn {display:block}
  .dtable {font-size:0.625rem}
  .dtable th,.dtable td {padding:0.5rem 0.25rem}
  .ig {grid-template-columns:1fr}
}

