/* NovaHR v11 public website manager runtime */
:root {
  --ink: var(--site-text, #191d2b);
  --ink-2: var(--site-text, #2d3650);
  --muted: var(--site-muted, #697188);
  --line: var(--site-border, #e5e8f1);
  --line-strong: color-mix(in srgb, var(--site-border, #e5e8f1) 78%, var(--site-text, #191d2b));
  --surface: var(--site-bg, #fff);
  --surface-soft: var(--site-surface, #f7f8fc);
  --surface-tint: color-mix(in srgb, var(--site-primary, #5f50d6) 8%, var(--site-bg, #fff));
  --primary: var(--site-primary, #5f50d6);
  --primary-dark: color-mix(in srgb, var(--site-primary, #5f50d6) 78%, #000);
  --primary-light: color-mix(in srgb, var(--site-primary, #5f50d6) 11%, var(--site-bg, #fff));
  --primary-soft: var(--primary-light);
  --secondary: var(--site-accent, #ff6b35);
  --radius: var(--site-radius, 18px);
  --radius-lg: calc(var(--site-radius, 18px) + 10px);
  --container: var(--site-container, 1180px);
}
body { color: var(--site-text); background: var(--site-bg); font-family: var(--site-font); }
.site-header { background: color-mix(in srgb, var(--site-bg) 92%, transparent); border-color: var(--site-border); }
.site-header.is-sticky { position: sticky; }
.site-header:not(.is-sticky) { position: relative; }
.site-logo-set { display:inline-flex; align-items:center; }
.site-logo { display: block; width: auto; max-width: 190px; height: 42px; object-fit: contain; }
.site-logo-dark { display:none; }
.brand.inverse .site-logo-light { filter: brightness(0) invert(1); }
.brand.inverse .site-logo-dark { filter:none; }
html[data-site-mode="dark"] .site-logo-set:has(.site-logo-dark) .site-logo-light { display:none; }
html[data-site-mode="dark"] .site-logo-dark { display:block; }
.btn, .brand-mark, .product-card, .price-cards > div, .security-cards > div { border-radius: var(--site-radius); }
.buttons-pill .btn { border-radius: 999px; }
.buttons-square .btn { border-radius: 4px; }
.btn-primary { background: linear-gradient(135deg, var(--site-primary), color-mix(in srgb, var(--site-primary) 70%, var(--site-accent))); }
.hero { background: radial-gradient(circle at 5% 5%, color-mix(in srgb,var(--site-primary) 13%,transparent) 0,transparent 31%),radial-gradient(circle at 94% 18%,color-mix(in srgb,var(--site-accent) 12%,transparent) 0,transparent 29%),linear-gradient(180deg,var(--site-surface),var(--site-bg)); }
.hero h1 { color: var(--site-text); }
.hero h1 span { background: linear-gradient(100deg,var(--site-primary),var(--site-accent)); -webkit-background-clip:text; background-clip:text; }
.hero-copy > p, .section-head p, .device-copy > p { color: var(--site-muted); }
.hero-managed-media, .managed-device-media { min-height: 520px; display:grid; place-items:center; }
.hero-managed-media img, .managed-device-media img { width:100%; max-height:560px; object-fit:contain; border-radius:calc(var(--site-radius) + 8px); box-shadow:var(--shadow-lg); }
.managed-device-media img { max-height:650px; }
.site-preview-bar { position:sticky; top:0; z-index:1000; min-height:42px; padding:8px 20px; display:flex; align-items:center; justify-content:center; gap:16px; color:#fff; background:#8a4b10; font-size:13px; }
.site-preview-bar a { color:#fff; text-decoration:underline; font-weight:800; }
.site-stats { background:var(--site-bg); }
.site-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.site-stat-grid article { min-height:150px; padding:28px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:var(--site-surface); border:1px solid var(--site-border); border-radius:var(--site-radius); }
.site-stat-grid b { color:var(--site-primary); font-size:clamp(32px,4vw,52px); line-height:1; }
.site-stat-grid span { margin-top:10px; color:var(--site-muted); font-weight:750; }
.testimonials-section { background:var(--site-surface); }
.testimonial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.testimonial-grid article { min-height:280px; padding:30px; display:flex; flex-direction:column; background:var(--site-bg); border:1px solid var(--site-border); border-radius:var(--site-radius); box-shadow:var(--shadow-sm); }
.testimonial-grid article > span { color:var(--site-primary); font-family:Georgia,serif; font-size:64px; line-height:.7; }
.testimonial-grid blockquote { flex:1; margin:24px 0; color:var(--site-text); font-size:18px; line-height:1.7; }
.testimonial-grid footer { display:flex; flex-direction:column; }
.testimonial-grid footer small { color:var(--site-muted); }
.center-action { margin-top:28px; text-align:center; }
.text-link-arrow { color:var(--site-primary); font-weight:850; }
.faq-section { background:var(--site-bg); }
.faq-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; align-items:start; }
.faq-list { display:grid; gap:12px; }
.faq-list details { padding:0 22px; background:var(--site-surface); border:1px solid var(--site-border); border-radius:var(--site-radius); }
.faq-list summary { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; color:var(--site-text); font-weight:850; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { color:var(--site-primary); font-size:24px; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list p { margin:0 0 22px; color:var(--site-muted); }
.footer-socials { margin-top:20px; display:flex; flex-wrap:wrap; gap:10px 16px; }
.footer-socials a { color:#c5bcff; font-size:13px; font-weight:800; }
.footer-light .site-footer { color:var(--site-text); background:var(--site-surface); border-top:1px solid var(--site-border); }
.footer-light .site-footer a, .footer-light .site-footer h4 { color:var(--site-text); }
.footer-light .footer-brand p, .footer-light .footer-bottom { color:var(--site-muted); }
.footer-gradient .site-footer { background:linear-gradient(135deg,var(--site-secondary),var(--site-primary)); }
.custom-page .prose { color:var(--site-text); }
.custom-page .prose p, .custom-page .prose li { color:var(--site-muted); }
.custom-page.template-wide .container { max-width:var(--site-container); }
[data-site-mode="dark"] body { color-scheme:dark; }
html[data-site-mode="dark"] { --site-bg:#111522; --site-surface:#171c2b; --site-text:#edf0f7; --site-muted:#aab2c4; --site-border:#2b3244; }
html[data-site-mode="auto"] { color-scheme:light dark; }
@media (prefers-color-scheme:dark) {
  html[data-site-mode="auto"] { --site-bg:#111522; --site-surface:#171c2b; --site-text:#edf0f7; --site-muted:#aab2c4; --site-border:#2b3244; }
}
@media (max-width:900px) {
  .site-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .testimonial-grid { grid-template-columns:1fr; }
  .faq-layout { grid-template-columns:1fr; gap:25px; }
  .hero-managed-media { min-height:auto; }
}
@media (max-width:560px) {
  .site-stat-grid { grid-template-columns:1fr; }
  .site-preview-bar { position:relative; flex-wrap:wrap; text-align:center; }
  .site-logo { max-width:145px; height:36px; }
}

@media (prefers-color-scheme:dark) {
  html[data-site-mode="auto"] .site-logo-set:has(.site-logo-dark) .site-logo-light { display:none; }
  html[data-site-mode="auto"] .site-logo-dark { display:block; }
}
.header-dark .site-header { color:#fff; background:color-mix(in srgb,var(--site-secondary) 94%,transparent); border-color:color-mix(in srgb,#fff 18%,transparent); }
.header-dark .site-header .brand, .header-dark .site-header .site-nav > a, .header-dark .site-header .nav-drop > button, .header-dark .site-header .text-link { color:#fff; }
.header-transparent .site-header { position:absolute; inset:0 0 auto; color:var(--site-text); background:transparent; border-color:transparent; }
.site-cookie-banner { position:fixed; left:24px; right:24px; bottom:22px; z-index:1200; max-width:880px; margin:auto; padding:16px 18px; display:flex; align-items:center; justify-content:space-between; gap:18px; color:var(--site-text); background:color-mix(in srgb,var(--site-bg) 94%,transparent); border:1px solid var(--site-border); border-radius:var(--site-radius); box-shadow:0 22px 60px rgba(14,20,40,.22); backdrop-filter:blur(16px); }
.site-cookie-banner[hidden] { display:none; }
.site-cookie-banner p { margin:0; color:var(--site-muted); font-size:14px; line-height:1.55; }
.site-cookie-banner a { color:var(--site-primary); font-weight:800; }
.site-floating-contact { position:fixed; right:24px; bottom:84px; z-index:800; min-height:48px; padding:8px 16px 8px 8px; display:flex; align-items:center; gap:9px; color:#fff; background:#178a50; border-radius:999px; box-shadow:0 14px 34px rgba(17,95,55,.26); font-size:13px; font-weight:850; }
.site-floating-contact span { width:32px; height:32px; display:grid; place-items:center; background:rgba(255,255,255,.16); border-radius:50%; font-size:11px; }
.site-back-to-top { position:fixed; right:24px; bottom:24px; z-index:790; width:46px; height:46px; display:grid; place-items:center; opacity:0; pointer-events:none; color:#fff; background:var(--site-primary); border:0; border-radius:50%; box-shadow:0 12px 28px color-mix(in srgb,var(--site-primary) 28%,transparent); cursor:pointer; transform:translateY(10px); transition:.2s ease; }
.site-back-to-top.is-visible { opacity:1; pointer-events:auto; transform:none; }
@media (max-width:560px) {
  .site-cookie-banner { left:12px; right:12px; bottom:12px; align-items:stretch; flex-direction:column; }
  .site-floating-contact { right:14px; bottom:72px; }
  .site-back-to-top { right:14px; bottom:16px; }
}