/* Optinex public website. Presentation only; the admin workspace keeps its own theme. */
body.site-light {
  --bg: #fff;
  --bg-elevated: #fff;
  --surface: #fff;
  --surface-solid: #fff;
  --surface-2: #f3f6f8;
  --text: #18324f;
  --text-muted: #526277;
  --text-faint: #526277;
  --border: #e1e7eb;
  --border-strong: #c5d0d7;
  --brand-blue: #2457d6;
  --brand-blue-strong: #1944b0;
  --brand-teal: #087f8c;
  --brand-gradient: linear-gradient(#2457d6, #2457d6);
  --brand-gradient-2: linear-gradient(#2457d6, #2457d6);
  --shadow-card: 0 6px 24px -16px #263e5126;
  --shadow-glow: none;
  --radius-lg: 20px;
  background: #fff;
  color: var(--text);
}
.site-light :is(.site-header, .hero, .site-footer, .cta-banner, .header-search, .dashboard-mockup) {
  --surface-solid: #fff;
  --surface-2: #f3f6f8;
  --text: #18324f;
  --text-muted: #526277;
  --text-faint: #526277;
  --border: #e1e7eb;
  --border-strong: #c5d0d7;
  color: var(--text);
}
.site-light h1, .site-light h2, .site-light h3 { letter-spacing: -.035em; }
.site-light h2 { font-size: clamp(1.65rem, 2.7vw, 2.35rem); }
.site-light .h5 { font-size: 1.2rem; }
.site-light .h6 { font-size: 1.08rem; }
.site-light .lead { font-size: 1.05rem; line-height: 1.75; }
.site-light .section-header { margin-bottom: 2.1rem; max-width: 830px; }
.site-light .section-header p { margin-bottom: 0; }
.site-light .section { padding: clamp(3rem, 5vw, 4.75rem) 0; }
.site-light .section-tight { padding: clamp(2.5rem, 4vw, 3.75rem) 0; }
.site-light .eyebrow { font-size: .7rem; letter-spacing: .13em; color: #44635e; }
.site-light .eyebrow::before { background: #77a595; }
.site-light .btn { border-radius: 7px; font-weight: 650; box-shadow: none; }
.site-light .btn-primary { background: #2457d6; color: #fff; border: 1px solid #2457d6; }
.site-light .btn-primary:hover, .site-light .btn-primary:focus { background: #1944b0; border-color: #1944b0; color: #fff; transform: none; box-shadow: none; }
.site-light .btn-outline { background: #fff; color: #233b4a; border-color: #bbc9d2; }
.site-light .btn-outline:hover { color: #1944b0; border-color: #2457d6; background: #f4f7fe; transform: none; }
.site-light .btn-lg { font-size: .94rem; padding: .85rem 1.3rem; }
.site-light .btn-sm { font-size: .82rem; padding: .65rem 1rem; }
.site-light a:hover { color: #1944b0; }
.site-light a:focus-visible, .site-light button:focus-visible { outline: 3px solid #2457d6; outline-offset: 3px; }
.site-light .site-header { background: #fff; border-bottom: 1px solid #ccd9ee; backdrop-filter: none; }
.site-light .site-header .navbar { padding: .7rem 0; min-height: 76px; }
.site-light .navbar-brand-mark { color: #2457d6 !important; font-size: 1.58rem; font-weight: 800; letter-spacing: -.055em; white-space: nowrap; word-break: normal; }
.site-light .navbar-brand-mark .brand-dot { width: 28px; height: 32px; border-radius: 7px 7px 14px 14px; background: #2457d6; box-shadow: none; position: relative; flex-shrink: 0; }
.site-light .navbar-brand-mark .brand-dot::after { content: ""; position: absolute; width: 9px; height: 15px; left: 10px; top: 6px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(40deg); }
/* The original navigation uses !important, so explicitly override its muted color. */
.site-light .site-header .nav-link { color: #18324f !important; font-size: .95rem; font-weight: 700; white-space: nowrap; padding: .6rem .65rem; }
.site-light .site-header .nav-link:hover,
.site-light .site-header .nav-link:focus,
.site-light .site-header .nav-link.active,
.site-light .site-header .nav-link[aria-expanded="true"] { color: #18324f !important; background: #eaf0fd; border-radius: 6px; }
.site-light .main-nav { gap: 0 !important; }
.site-light .nav-cta { flex-wrap: nowrap; gap: 1.15rem; flex-shrink: 0; }
.site-light .nav-account-link { color: #18324f; font-size: .9rem; font-weight: 700; }
.site-light button.nav-account-link { background: transparent; border: 0; }
.site-light .nav-cta > a { white-space: nowrap; }
.site-light .header-search { background: #f5f7f9; border: 1px solid #dfe6eb; border-radius: 7px; width: 142px; margin: 0 1.15rem 0 .5rem; }
.site-light .header-search input { background: transparent; color: #263e4c; width: 100%; min-width: 0; font-size: .82rem; }
.site-light .header-search input::placeholder { color: #647480; }
.site-light .header-search-btn { color: #455d6b; }
.site-light .dropdown-menu { background: #fff; border: 1px solid #dce5eb; border-radius: 10px; box-shadow: 0 14px 36px #1933451a; padding: .55rem; }
.site-light .dropdown-item { color: #17242f; font-weight: 600; border-radius: 5px; padding: .65rem .75rem; white-space: normal; }
.site-light .dropdown-item small { color: #526277; font-weight: 400; }
.site-light .dropdown-item:hover, .site-light .dropdown-item:focus { background: #edf2f7; color: #17242f; }
.site-light .navbar-toggler { color: #18324f; border: 1px solid #c5d0d7; }
.site-light .navbar-toggler-icon, .site-light .navbar-toggler-icon::before, .site-light .navbar-toggler-icon::after { background-color: #18324f; }
.site-light .breadcrumb-bar { background: #fafbfc; border-color: #e1e7eb; }
.site-light .hero { background: #f8fafb; padding: clamp(2.8rem, 5vw, 4.6rem) 0; min-height: 0; border-bottom: 1px solid #e6ecee; }
.site-light .hero-bg, .site-light .hero-grid { display: none; }
.site-light .hero-title { color: #18324f; font-size: clamp(2rem, 4.25vw, 3.4rem); font-weight: 720; line-height: 1.12; letter-spacing: -.045em; text-wrap: balance; }
.site-light .hero-subtitle { color: #526277; font-size: 1.04rem; line-height: 1.75; max-width: 650px; }
.site-light .hero-actions { gap: .75rem; margin-top: 1.5rem; }
.site-light .hero-meta { color: #526277; font-size: .75rem; gap: .6rem 1rem; margin-top: 1.3rem; }
.site-light .hero-meta svg { color: #087f8c; width: 16px; height: 16px; }
.site-light .hero-visual-wrap { padding: 0; transform: none; }
.site-light .product-shot-frame { background: #fff; border: 1px solid #dce5eb; box-shadow: 0 10px 30px #1834430d; }
.site-light .product-shot-chrome { background: #f2f5f8; border-color: #dce5eb; }
.site-light .product-shot-caption { color: #526277; font-size: .75rem; }
.site-light .trust-bar { background: #fff; border-top: 0; border-bottom: 1px solid #e6ecee; padding: 1.15rem 0; }
.site-light .trust-bar-list { justify-content: space-between; color: #4d616c; font-size: .8rem; }
.site-light .trust-bar-list svg { color: #087f8c; }
.site-light .trust-bar-list a { color: #4d616c; }
.site-light .card-surface { border: 1px solid #e1e7eb; background: #fff; border-radius: 12px; box-shadow: none; padding: 1.65rem; }
.site-light .card-icon { background: #2457d6; border: 1px solid #2457d6; color: #fff; border-radius: 12px; box-shadow: 0 4px 12px #2457d61a; }
.site-light .card-surface .small { color: #526277; line-height: 1.7; }
.site-light .cta-banner { background: #edf3ff; border: 1px solid #c5d6f6; box-shadow: inset 0 4px 0 #2457d6; border-radius: 18px; padding: 3rem 1.5rem; }
.site-light .cta-banner::before, .site-light .cta-banner::after { display: none; }
.site-light .cta-banner h2 { color: #18324f; }
.site-light .cta-banner p { color: #526277; }
.site-light .site-footer { background: #f0f4fa; border-top: 3px solid #2457d6; padding-top: 3.5rem; }
.site-light .site-footer :is(.text-muted-soft, a, .footer-bottom) { color: #526277; }
.site-light .site-footer .navbar-brand-mark, .site-light .footer-col h2 { color: #18324f; }
.site-light .footer-col h2 { font-size: .72rem; letter-spacing: .07em; }
.site-light .footer-col a { font-size: .81rem; }
.site-light .footer-bottom { border-color: #dfe6eb; font-size: .75rem; }
.site-light .table-dark-custom { background: #fff; color: #354b59; }
.site-light .table-dark-custom th { background: #f3f6f8; color: #4c616f; }
.site-light .accordion-item { border-color: #e1e7eb; background: #fff; }
.site-light .accordion-button { background: #fff; color: #18324f; font-size: 1rem; }
.site-light .accordion-button:not(.collapsed) { background: #f4f7fb; color: #1944b0; box-shadow: none; }
.site-light .accordion-button::after { filter: none; }
.site-light .form-control-dark, .site-light .form-select-dark { background: #fff; color: #18324f; border-color: #c5d0d7; }
.site-light .pricing-card.featured { background: #f7f9ff; border-color: #2457d6; }
.site-light .back-to-top { background: #fff; color: #2457d6; border: 1px solid #dce5eb; box-shadow: 0 3px 16px #18344314; }
.site-light .reveal { opacity: 1; transform: none; }
.site-light .timeline-badge { color: #fff; }
.site-light .oxp-hero { background: #edf3ff; color: #18324f; border-bottom: 1px solid #d0dcf0; }
.site-light .oxp-hero h1, .site-light .oxp-hero .h1 { color: #18324f !important; }
.site-light .oxp-kicker { color: #2457d6; }
.site-light .oxp-lead, .site-light .oxp-note { color: #526277; }
.site-light .oxp-step { background: #fff; border: 1px solid #dce5df; }
.site-light .oxp-step strong { color: #18324f; }
.site-light .oxp-step p { color: #526277; }
.site-light .oxp-step.is-on { background: #f0f5fd; border-color: #a9bfe8; }
.site-light .ox-chat-head { background: #f2f6fa; border-bottom: 1px solid #dce5eb; color: #18324f; }
.site-light .ox-chat-kicker, .site-light .ox-chat-status { color: #354b59; }
.site-light .ox-chat-close, .site-light .ox-chat-close svg { color: #354b59; border-color: #c5d0d7; }
.site-light .ox-chat-fab-bubble { box-shadow: 0 4px 16px #213e6c26; width: 3.15rem; height: 3.15rem; }
.site-light .ox-chat-fab-label { box-shadow: none; }
.download-page .hero { padding-block: 2.4rem; }
.download-page .hero-title { font-size: clamp(1.8rem, 3vw, 2.7rem); }
.download-page .hero-subtitle { font-size: .94rem; max-width: 750px; }
.download-page .hero-actions .btn { font-size: .8rem; padding: .55rem .8rem; }

/* Homepage graphics are original illustrations, separate from the real screenshots below. */
.home-page .home-hero { background: linear-gradient(110deg, #fff 40%, #edf3ff 100%); padding-block: 2.7rem; }
.home-hero .hero-title span { color: #2457d6; }
.home-hero-layout { display: grid; grid-template-columns: 1.04fr 1fr; gap: 2rem; align-items: center; }
.home-hero .hero-content { max-width: 610px; }
.home-hero .hero-subtitle { max-width: 560px; margin: 1.3rem 0 0; }
.home-hero-art { width: 100%; height: auto; max-width: 560px; margin-inline: auto; }
/* Version the revised illustration sources so an earlier cached SVG is not displayed. */
.home-hero-art { content: url("/img/illustrations/windows-suite.svg?v=20260906-brand3"); }
.home-page .sku-illustration img { content: url("/img/illustrations/pc-health.svg?v=20260906-brand3"); }
.home-page .sku-illustration.shield img { content: url("/img/illustrations/shield.svg?v=20260906-brand3"); }
.home-page .sku-illustration.uninstaller img { content: url("/img/illustrations/uninstaller.svg?v=20260906-brand3"); }
.home-page #products { padding-top: 3.6rem; }
.home-page #products .section-header { max-width: 100%; }
.home-page #products .section-header h2 { margin-bottom: .7rem; }
.home-page #products .sku-card { border: 1px solid #cbd8ec; border-top: 4px solid #2457d6; border-radius: 14px; box-shadow: 0 6px 22px #18324f0a; }
.home-page #products .sku-card:nth-child(2) { border-top-color: #087f8c; }
.home-page #products .sku-card:nth-child(3) { border-top-color: #7556d8; }
.home-page .sku-illustration { background: #eaf0ff; padding: 1.3rem 1.8rem; height: 154px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #cedbf2; }
.home-page .sku-illustration.shield { background: #e6f3f5; }
.home-page .sku-illustration.uninstaller { background: #f0ecfb; }
.home-page .sku-illustration img { max-height: 126px; width: 190px; }
.home-page .sku-card-body { padding: 1.6rem; display: flex; flex-direction: column; flex: 1; }
.home-page .sku-card h2 { font-size: 1.28rem; line-height: 1.25; min-height: 3.2rem; }
.home-page .sku-card p { font-size: .85rem; line-height: 1.7; }
.home-page .sku-kicker { font-size: .7rem; letter-spacing: .1em; color: #2457d6; }
.home-page .sku-card:nth-child(2) .sku-kicker { color: #087f8c; }
.home-page .sku-card:nth-child(3) .sku-kicker { color: #7556d8; }
.home-page .sku-card .sku-price { margin-top: auto; padding-top: .6rem; font-size: 1.18rem; }
.home-page .sku-card .sku-price span { font-size: .75rem; }
.home-page .sku-card .d-flex { display: grid !important; grid-template-columns: 1fr; }
.home-page .sku-card .btn { width: 100%; padding: .65rem .8rem; font-size: .81rem; }
.home-page .sku-card .btn:last-child { background: transparent; border-color: transparent; color: #2457d6; }
.home-page #capabilities, .home-page #screenshots, .home-page #pricing-teaser { background: #f3f6fb; border-block: 1px solid #dce5f1; }
.home-page .capability-grid { gap: 1.1rem; }
.home-page .why-grid .card-surface { border: 0; border-left: 3px solid #2457d6; border-radius: 0; padding: .4rem 1.4rem; }
.home-page .safety-panel { background: #edf5fb; border-color: #c7daed; border-left: 5px solid #087f8c; padding: clamp(1.6rem, 4vw, 3rem); }
.home-page .safety-panel h2 { max-width: 810px; }
.home-page .safety-panel .btn { margin: .3rem .3rem 0 0; }
.home-page .shot-gallery { gap: 1.5rem; }
.home-page .faq-slim { max-width: 100%; }

/* Shared public-page accents: one brand system across products, support, and forms. */
.site-light .section-header::before { content: ""; display: block; width: 42px; height: 4px; background: #2457d6; border-radius: 2px; margin-bottom: 1rem; }
.site-light .section-header.center::before { margin-inline: auto; }
.site-light .section-header h2 { color: #18324f; font-weight: 750; }
.site-light .eyebrow { color: #2457d6; font-weight: 750; }
.site-light .eyebrow::before { background: #2457d6; }
.site-light .card-surface, .site-light .accordion-item { border-color: #d2deed; }
.site-light .card-feature { border-top: 3px solid #2457d6; }
.site-light .pricing-card.featured { background: #edf3ff; border: 2px solid #2457d6; }
.site-light .footer-col h2 { color: #2457d6; font-weight: 750; }
.site-light .footer-col a { color: #40546d; }
.site-light .oxp-step-n, .site-light .oxp-mark { background: #2457d6; color: #fff; }
.site-light .oxp-card { border-color: #cbd8ec; }
.site-light .oxp-card:hover { border-color: #2457d6; }
.site-light .form-control-dark:focus, .site-light .form-select-dark:focus { border-color: #2457d6; box-shadow: 0 0 0 3px #2457d61c; }
.site-light .table-dark-custom th { background: #eaf0fb; color: #18324f; }
.site-light .accordion-button:not(.collapsed) { background: #eaf0fb; color: #1944b0; }

@media (min-width: 1200px) {
  .site-light .navbar-collapse { min-width: 0; }
  .site-light .navbar-brand { margin-right: 1.6rem; }
  .site-light .main-nav { flex-wrap: nowrap; }
  .site-light .navbar-expand-xl .navbar-toggler { display: none; }
}
@media (max-width: 1199.98px) {
  .site-light .site-header .navbar { min-height: 70px; }
  .site-light .navbar-collapse { padding: 1rem 0 .6rem; max-height: calc(100dvh - 76px); overflow-y: auto; }
  .site-light .main-nav .dropdown-menu { box-shadow: none; margin: .2rem 0 .6rem; }
  .site-light .header-search { width: 100%; margin: .75rem 0; height: 44px; }
  .site-light .nav-cta { justify-content: space-between; margin-top: .75rem !important; }
  .site-light .nav-account-menu .dropdown-menu { position: static; }
  .home-hero-layout { gap: 1rem; }
}
@media (max-width: 991.98px) {
  .home-hero-layout { grid-template-columns: 1fr; }
  .home-hero .hero-content { max-width: 760px; }
  .home-hero-art { max-width: 460px; }
  .site-light .trust-bar-list { justify-content: center; flex-wrap: wrap; gap: .65rem 1.5rem; }
  .home-page .sku-grid { grid-template-columns: 1fr; }
  .home-page .sku-card { display: grid; grid-template-columns: 210px 1fr; }
  .home-page .sku-illustration { height: 100%; border-bottom: 0; border-right: 1px solid #e2e9ed; }
  .home-page .sku-card h2 { min-height: 0; }
}
@media (max-width: 575.98px) {
  .site-light .container-xl { padding-inline: 1.2rem; }
  .site-light .hero { padding: 2.4rem 0 2rem; }
  .site-light .hero-title { font-size: 2.2rem; line-height: 1.12; }
  .site-light .hero-subtitle { font-size: .94rem; line-height: 1.7; }
  .site-light .hero-actions { align-items: stretch; }
  .site-light .hero-actions .btn { flex: 1 1 auto; justify-content: center; }
  .site-light .hero-meta { margin-top: 1.2rem; gap: .5rem 1rem; }
  .home-page .home-hero { padding-block: 2rem; }
  .home-hero .hero-title { font-size: 2rem; }
  .home-hero .eyebrow { font-size: .6rem; letter-spacing: .1em; }
  .home-hero-art { max-width: 330px; margin-top: .5rem; }
  .home-page .sku-card { display: flex; }
  .home-page .sku-illustration { height: 142px; border-right: 0; border-bottom: 1px solid #e2e9ed; }
  .site-light .trust-bar-list { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; font-size: .69rem; }
  .site-light .trust-bar-list li { min-width: 0; gap: .35rem; }
  .site-light .trust-bar-list li:last-child { grid-column: 1 / -1; }
  .site-light .card-surface { padding: 1.35rem; }
  .site-light .footer-bottom { display: flex; flex-direction: column; align-items: flex-start; gap: .6rem; }
  .site-light .sku-price { overflow-wrap: anywhere; }
}