/* =====================================================================
   Ranker Solutions — LIGHT THEME
   Active when <html class="lt">. The dark theme (style.css) is untouched.
   Product mock-ups / app screens intentionally stay dark, like a real
   software screen on a laptop.
   ===================================================================== */
html.lt{
  color-scheme:light;
  --bg:#f5f8fc; --bg-2:#edf2f9; --bg-3:#e7edf6;
  --card:#ffffff; --card-2:#f2f6fb;
  --line:rgba(15,32,64,.09); --line-2:rgba(15,32,64,.15);
  --text:#1a2233; --muted:#566275; --dim:#8590a3;
  --accent:#0a7fd0; --accent-2:#0a6cff; --accent-3:#1597e6;
  --grad:linear-gradient(135deg,#22b4ff,#0a6cff);
  --ok:#14a46c; --warn:#c27a00; --danger:#e5484d;
  --shadow:0 18px 50px rgba(16,36,72,.10);
  --glow:0 18px 44px rgba(10,108,255,.16);
  --navy:#eaf2ff; --navy-2:#dfeafc;
  --head:#0d1526; --body-2:#3a4558;
}
html.lt body{background:var(--bg);color:var(--text)}
html.lt ::selection{background:rgba(10,127,208,.2);color:var(--head)}

/* ---------- Buttons ---------- */
html.lt .btn-primary{color:#fff;background:linear-gradient(135deg,#1aa8f5,#0a6cff);box-shadow:0 10px 26px rgba(10,108,255,.25)}
html.lt .btn-primary:hover{box-shadow:0 16px 36px rgba(10,108,255,.32)}
html.lt .btn-ghost{background:#fff;border-color:var(--line-2);color:var(--head);backdrop-filter:none;box-shadow:0 2px 8px rgba(16,36,72,.05)}
html.lt .btn-outline:hover{color:#fff}
html.lt .chip-btn{color:var(--text)}

/* ---------- Header & menu ---------- */
html.lt .rk-inner{background:rgba(255,255,255,.82);border-color:var(--line);box-shadow:0 8px 30px rgba(16,36,72,.08)}
html.lt .rk-header.scrolled .rk-inner{background:rgba(255,255,255,.95);box-shadow:0 14px 40px rgba(16,36,72,.12)}
html.lt .logo-text .w{color:var(--head)}
html.lt .rk-link{color:#2a3446}
html.lt .rk-link:hover{color:var(--head);background:rgba(10,127,208,.08)}
html.lt .rk-link.active{color:var(--accent)}
html.lt .has-mega:hover>.rk-link,html.lt .has-mega:focus-within>.rk-link{background:var(--grad);color:#fff}
html.lt .rk-mega{background:#fff;border-color:var(--line);box-shadow:0 30px 80px rgba(16,36,72,.16)}
html.lt .mega-head{color:var(--head)}
html.lt .mega-col a{color:var(--muted)}
html.lt .mega-col a:hover{color:var(--accent)}
html.lt .mega-cta-in{background:linear-gradient(160deg,#e9f5ff,#f4f8ff);border-color:rgba(10,127,208,.18)}
html.lt .mega-cta-in h5{color:var(--head)}
html.lt .mega-btn{color:#fff!important}
html.lt .mega-foot{background:#f6f9fd}
html.lt .mm-tag{background:rgba(10,127,208,.1);color:var(--accent)}
html.lt .mm-tag.free{background:rgba(20,164,108,.12);color:var(--ok)}
html.lt .rk-cta,html.lt .rk-burger{color:#fff}
html.lt .rk-backdrop{background:rgba(15,25,45,.35)}
@media (max-width:1100px){
  html.lt .rk-menu{background:#fff;border-right-color:var(--line)}
  html.lt .rk-drawer-head{background:#fff}
  html.lt .rk-drawer-close{background:#f1f4f9;color:var(--head)}
  html.lt .has-mega:hover>.rk-link,html.lt .has-mega:focus-within>.rk-link{background:none;color:#2a3446}
  html.lt .rk-mega{background:#f6f9fd}
}

/* ---------- Theme switch button ---------- */
.theme-btn{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font-size:16px;color:#ffd166;background:rgba(255,255,255,.06);border:1px solid var(--line-2);transition:.25s}
.theme-btn:hover{border-color:var(--accent);transform:rotate(-12deg)}
.theme-btn .fa-moon{display:none}
html.lt .theme-btn{color:#3b4a66;background:#f2f6fb}
html.lt .theme-btn .fa-moon{display:inline-block}
html.lt .theme-btn .fa-sun{display:none}
@media (max-width:1100px){.theme-btn{width:38px;height:38px}}

/* ---------- Generic sections & headings ---------- */
html.lt .section-alt{background:linear-gradient(180deg,#eef3fa,var(--bg) 100%)}
html.lt .sec-head h2,html.lt .split-text h2,html.lt .manage h2.display,html.lt .page-hero h1,html.lt .detail-hero h1,
html.lt .hero-title,html.lt .clients-title,html.lt .nf-code,html.lt .nf h1,html.lt .dir-quote,html.lt .dir-id h2,
html.lt .mv-card h3,html.lt .form-card h3,html.lt .rk-box h3,html.lt .empty-state h3,html.lt .cb-text h3,
html.lt .card h3,html.lt .feature-box h4,html.lt .step h4,html.lt .tile h4,html.lt .why h4,html.lt .reg h4,html.lt .job h3,
html.lt .ci-box.hl h4,html.lt .ft-brand h4,html.lt .ft-col h5,html.lt .testi figcaption b,html.lt .feat b,html.lt .ci-box b,
html.lt .prose h2,html.lt .prose h3,html.lt .prose h4,html.lt .prose strong,html.lt .page-hero .lead-strong,html.lt .ss-h4,
html.lt .hc-label b,html.lt .res strong,html.lt .inv-totals b,html.lt .dir-meta a,html.lt .dir-meta span,html.lt .sig{color:var(--head)}
html.lt .pill-badge{color:var(--head);background:rgba(10,127,208,.07);border-color:rgba(10,127,208,.35)}
html.lt .hero-orb{opacity:.18}
html.lt .hero-orb.o2{opacity:.14}
html.lt .ph-grid{background-image:linear-gradient(rgba(15,40,90,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,40,90,.05) 1px,transparent 1px)}
html.lt .page-hero{background:radial-gradient(900px 420px at 50% 0%,rgba(34,180,255,.16),transparent 70%)}
html.lt .hero-sub,html.lt .split-text .lead,html.lt .mv-card p,html.lt .prose,html.lt .faq-a,html.lt .dh-sub,html.lt .card p,
html.lt .testi blockquote,html.lt .check-list li{color:var(--body-2)}
html.lt .tk-item{color:#2a3446}
html.lt .ticker{background:linear-gradient(90deg,rgba(10,127,208,.04),rgba(10,108,255,.07),rgba(10,127,208,.04))}

/* ---------- Home cinematic hero (light sky + bright planet) ---------- */
html.lt .hero-cine{background:radial-gradient(1200px 520px at 50% -8%,rgba(34,160,255,.22),transparent 62%),linear-gradient(180deg,#e6f1ff 0%,#f1f6fd 55%,var(--bg) 100%)}
html.lt .hero-cine .hero-sub{color:var(--body-2)}
html.lt .hero-cine .pill-badge{background:rgba(10,108,255,.06);border-color:rgba(10,108,255,.3)}
html.lt .hc-stars{display:none}
html.lt .hc-beam{opacity:.55}
html.lt .hc-label small{color:var(--muted)}
html.lt .hc-orbdot::before{background:linear-gradient(90deg,transparent,rgba(10,108,255,.4))}
html.lt .hc-orbdot::after{background:linear-gradient(90deg,rgba(10,108,255,.4),transparent)}
html.lt .hc-horizon{background:radial-gradient(closest-side,#dcebff 96%,rgba(220,235,255,0) 100%);box-shadow:0 -2px 0 rgba(10,108,255,.55),0 -14px 40px rgba(34,160,255,.35),0 -70px 160px rgba(34,160,255,.22),inset 0 40px 80px rgba(255,255,255,.6)}
html.lt .dot-brand .db-hint{color:var(--muted)}

/* ---------- Cards & boxes ---------- */
html.lt .card,html.lt .testi,html.lt .stats-row,html.lt .dir-card,html.lt .form-card,html.lt .tool-wrap{background:#fff;box-shadow:0 6px 24px rgba(16,36,72,.06)}
html.lt .card:hover{box-shadow:0 22px 50px rgba(10,108,255,.14)}
html.lt .card::after{background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(10,127,208,.07),transparent 45%)}
html.lt .card-icon,html.lt .ss-link-ic{background:linear-gradient(145deg,#eaf5ff,#f3f8ff);border-color:rgba(10,127,208,.18)}
html.lt .card:hover .card-icon,html.lt .ss-link:hover .ss-link-ic,html.lt .feat:hover .feat-ic{color:#fff}
html.lt .card-more{background:linear-gradient(150deg,#e6f4ff,#f5f9ff)}
html.lt .more-ic,html.lt .fb-icon,html.lt .mv-ic,html.lt .ci-ic,html.lt .cb-icon,html.lt .h-ic,html.lt .mini-card i,html.lt .avatar{color:#fff}
html.lt .feature-box,html.lt .step,html.lt .tile,html.lt .why,html.lt .reg,html.lt .job,html.lt .ci-box,html.lt .faq-item,
html.lt .logo-item,html.lt .card-prose,html.lt .chip{box-shadow:0 4px 18px rgba(16,36,72,.05)}
html.lt .stat strong{background:linear-gradient(120deg,var(--head),var(--accent-2));-webkit-background-clip:text;background-clip:text}
html.lt .feat{background:#fff;border-color:var(--line);box-shadow:0 4px 18px rgba(16,36,72,.05)}
html.lt .feat:hover{border-color:rgba(10,127,208,.45)}
html.lt .feat-ic{background:rgba(10,127,208,.09);color:var(--accent)}
html.lt .faq-item summary{color:var(--head)}
html.lt .prose blockquote{color:var(--head)}
html.lt .mv-card{background:linear-gradient(150deg,#e9f5ff,#fff 55%)}
html.lt .tile-ic,html.lt .why-ic{background:rgba(10,127,208,.09)}
html.lt .reg-ic{background:#f3f7fc;border:1px solid var(--line)}
html.lt .testi .q{color:rgba(10,127,208,.15)}
html.lt .sl-dots button{background:#cdd6e4}
html.lt .slider-nav button{background:#fff}
html.lt .slider-nav button:hover{color:#fff}
html.lt .logo-item span{color:#3a4558}
html.lt .logo-item img{filter:grayscale(1);opacity:.7}
html.lt .logo-item:hover img{filter:none;opacity:1}
html.lt .custom-banner{background:linear-gradient(120deg,#e3f2ff,#f2f8ff);border-color:rgba(10,127,208,.22)}
html.lt .custom-banner::before{background:radial-gradient(circle,rgba(34,180,255,.22),transparent 70%)}
html.lt .badge{background:rgba(10,127,208,.08);border-color:rgba(10,127,208,.2)}
html.lt .float-chip,html.lt .mini-card{background:rgba(255,255,255,.95);color:var(--head);box-shadow:0 14px 34px rgba(16,36,72,.14)}

/* ---------- Listing / search / chips ---------- */
html.lt .search-box input{background:#fff;color:var(--head);box-shadow:0 8px 26px rgba(16,36,72,.07)}
html.lt .chip{background:#fff;color:#3a4558}
html.lt .chip span{background:#eef2f8}
html.lt .chip:hover{color:var(--head)}
html.lt .chip.active,html.lt .chip.active i{color:#fff}
html.lt .chip.active span{background:rgba(255,255,255,.22)}

/* ---------- Detail / about / director / career ---------- */
html.lt .detail-hero{background:radial-gradient(900px 500px at 70% 0%,rgba(34,160,255,.16),transparent 60%),linear-gradient(180deg,#e9f2ff,var(--bg))}
html.lt .dir-frame{background:linear-gradient(160deg,#e3efff,#f7faff)}
html.lt .dir-tag{background:rgba(255,255,255,.92)}
html.lt .dir-chips span{color:#1d5f8f;background:rgba(10,127,208,.07)}
html.lt .dir-chips span:hover{color:#fff}
html.lt .sig-img{filter:none}
html.lt .job-tags span{background:#f3f6fb;color:#3a4558}

/* ---------- Contact & forms ---------- */
html.lt .ci-box.hl{background:linear-gradient(150deg,#e7f4ff,#fff 70%)}
html.lt .ci-box.wa .ci-ic{color:#fff}
html.lt .map-wrap iframe{filter:none}
html.lt .field label{color:#3a4558}
html.lt .field input,html.lt .field select,html.lt .field textarea,html.lt .file-drop{background:#fff;color:var(--head)}
html.lt .field select option{background:#fff}
html.lt .file-drop.has .fd-text{color:var(--head)}
html.lt .rk-overlay{background:rgba(15,25,45,.45)}
html.lt .rk-box{background:#fff;box-shadow:0 40px 100px rgba(16,36,72,.25)}
html.lt .rk-close{background:#f1f4f9;color:var(--head)}
html.lt .rk-close:hover{color:#fff}
html.lt .m-eyebrow{color:#13a454}
html.lt .rk-selected{background:rgba(10,127,208,.07);color:#1d5f8f}
html.lt .toast{background:#fff;color:var(--head)}

/* ---------- Free tools ---------- */
html.lt .res,html.lt .seg,html.lt .inv-totals{background:#f5f8fc}
html.lt .res.big{background:linear-gradient(120deg,#e3f2ff,#f2f8ff)}
html.lt .res.big strong,html.lt .inv-totals .grand b,html.lt .pw-out input{color:var(--accent-2)}
html.lt .seg button.on{color:#fff}
html.lt .pw-out input,html.lt .inv-table input{background:#fff;color:var(--head)}
html.lt .meter{background:#e4e9f1}
html.lt .qr-box{border:1px solid var(--line)}

/* ---------- Pre-footer & footer ---------- */
html.lt .pf-card{background:linear-gradient(120deg,#0a6cff,#0a8fd6 55%,#22b4ff);border-color:transparent;box-shadow:0 30px 70px rgba(10,108,255,.25)}
html.lt .pf-card h3{color:#fff}
html.lt .pf-card p{color:#e3f1ff}
html.lt .pf-card .btn-primary{background:#fff;color:#0a5fd0;box-shadow:0 10px 26px rgba(0,30,80,.2)}
html.lt .pf-card .btn-ghost{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff}
html.lt .site-footer{background:#fff;border-top-color:var(--line)}
html.lt .ft-social a{background:#f3f6fb;color:#3a4558}
html.lt .ft-social a:hover{color:#fff}
html.lt .to-top{color:#fff}
html.lt .sound-btn{background:#fff;color:var(--head);box-shadow:0 10px 30px rgba(16,36,72,.15)}

/* ---------- Our Store ---------- */
html.lt .sp-media{background:radial-gradient(420px 220px at 30% 0%,rgba(34,180,255,.22),transparent 70%),linear-gradient(160deg,#e6f2ff,#f4f8fe)}
html.lt .sp-icon{background:#fff;box-shadow:0 18px 40px rgba(16,36,72,.12)}
html.lt .sp-card:hover .sp-icon{color:#fff}
html.lt .sp-flag{background:rgba(255,255,255,.92);color:#a86b00;border-color:rgba(194,122,0,.3)}
html.lt .sp-flag.free{color:var(--ok);border-color:rgba(20,164,108,.35)}
html.lt .sp-meta li{background:#f3f6fb;color:#3a4558}
html.lt .sp-now{color:var(--head)}
html.lt .sp-now.free{color:var(--ok)}
html.lt .sp-hero-icon{background:radial-gradient(circle at 30% 20%,rgba(34,180,255,.25),transparent 60%),linear-gradient(160deg,#e6f2ff,#fff);box-shadow:0 40px 90px rgba(16,36,72,.15)}
html.lt .sp-gallery a{background:#fff}

/* ---------- Software Solutions + comparison pages ---------- */
html.lt .ss-jump a{background:#fff;color:#3a4558}
html.lt .ss-jump a:hover{color:var(--head);background:#eaf5ff}
html.lt .ss-crumbs span{color:var(--head)}
html.lt .ss-text h2,html.lt .ss-text h3,html.lt .ss-steps b,html.lt .ss-link-tx b,html.lt .pc-name{color:var(--head)}
html.lt .ss-text p,html.lt .ss-steps li,html.lt .ss-ticks li,html.lt .pc-side p{color:var(--body-2)}
html.lt .ss-ticks li::after{border-color:#fff}
html.lt .ss-steps li,html.lt .ss-link{background:#fff;box-shadow:0 4px 18px rgba(16,36,72,.05)}
html.lt .pc-side{background:#fff;box-shadow:0 6px 24px rgba(16,36,72,.06)}
html.lt .pc-side.r{background:linear-gradient(150deg,#e3f2ff,#fff 60%)}
html.lt .pc-mid span{color:#fff}
html.lt .pc-plain li{color:var(--body-2)}
html.lt .pc-table-wrap{background:#fff;box-shadow:0 6px 24px rgba(16,36,72,.06)}
html.lt .pc-table thead th{background:#f3f7fc;color:var(--head)}
html.lt .pc-table tbody th,html.lt .pc-table td.win{color:var(--head)}
html.lt .pc-table td{color:var(--body-2)}
html.lt .pc-table td.pc-r{background:rgba(10,127,208,.04);color:#24324a}
html.lt .pc-table td.win i,html.lt .pc-legend i{color:var(--ok)}

/* ---------- AI voice widget ---------- */
html.lt .vc-fab{background:#fff;color:var(--head);border-color:rgba(10,127,208,.35);box-shadow:0 14px 34px rgba(16,36,72,.16)}
html.lt .vc-fab i{color:#fff}
html.lt .vc-panel{background:#fff;box-shadow:0 40px 90px rgba(16,36,72,.22)}
html.lt .vc-head b,html.lt .vc-status{color:var(--head)}
html.lt .vc-x{background:#f1f4f9;color:var(--head)}
html.lt .vc-idle-copy p{color:var(--body-2)}
html.lt .vc-line{background:#f1f4f9;color:var(--head)}
html.lt .vc-line.user{background:#e3f2ff}
html.lt .vc-btn{background:#f1f4f9;color:var(--head)}
html.lt .vc-btn.end{background:#e5484d;color:#fff}
html.lt .vc-ended form p{color:var(--body-2)}
html.lt .vc-ended input{background:#fff;color:var(--head)}
html.lt .vc-err{color:#b4232a;background:#fdecec}
html.lt .vc-err a{color:#b4232a}

/* smooth switch */
html.lt-anim body,html.lt-anim .rk-inner,html.lt-anim .card,html.lt-anim .section-alt,html.lt-anim .site-footer{transition:background-color .35s,color .35s,border-color .35s}

/* home hero dashboard: solid "app screen" on the light sky */
html.lt .glass-dash{background:linear-gradient(160deg,#1d3266,#0b1531 70%);border-color:rgba(10,108,255,.25);box-shadow:0 50px 110px rgba(16,40,90,.28),0 0 0 1px rgba(255,255,255,.4) inset}
html.lt .gcard{background:linear-gradient(160deg,#21386e,#0e1a3a);border-color:rgba(10,108,255,.3)}
/* detail pages: soft blue planet glow instead of the dark disc */
html.lt .dh-visual::before{background:radial-gradient(closest-side,#e2eeff 96%,rgba(226,238,255,0) 100%);box-shadow:0 -2px 0 rgba(10,108,255,.35),0 -14px 40px rgba(34,160,255,.22),0 -60px 140px rgba(34,160,255,.14)}
/* product screens on detail pages: solid dark app window (glass looks grey on white) */
html.lt .scene{background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 30%,#16234d),#0a1230 75%);box-shadow:0 40px 100px rgba(16,40,90,.28),0 0 70px color-mix(in srgb,var(--ac) 18%,transparent)}
html.lt .app-mock,html.lt .code-mock{background:linear-gradient(160deg,#1d3266,#0b1531 70%);box-shadow:0 40px 100px rgba(16,40,90,.28)}
html.lt .am-toast,html.lt .cm-preview,html.lt .scene .am-toast{background:linear-gradient(160deg,#24407e,#0e1a3a);color:#fff}
html.lt .chip.active{background:var(--grad);border-color:transparent}
/* mobile bottom nav + footer (light) */
@media (max-width:760px){
  html.lt .mb-nav{background:rgba(255,255,255,.96);box-shadow:0 14px 40px rgba(16,36,72,.16)}
  html.lt .mb-nav>a,html.lt .mb-ai{color:#5b6678}
  html.lt .mb-nav>a.on{color:var(--accent)}
  html.lt .mb-ai{color:var(--head)}
  html.lt .mb-ai-ic{box-shadow:0 0 0 5px #fff,0 10px 26px rgba(10,108,255,.3);color:#fff}
  html.lt .mb-ai-ic::after{border-color:#fff}
  html.lt .ft-quick a{background:#f5f8fc;color:var(--head)}
  html.lt .ft-quick i{color:#fff}
}

/* ---------- Home phone: dark device, light app screen ---------- */
html.lt .ph-screen{background:linear-gradient(180deg,#ffffff,#eef4fd);color:var(--head)}
html.lt .ph-status,html.lt .ph-app b,html.lt .ph-head b{color:var(--head)}
html.lt .ph-head span,html.lt .ph-app i{color:#6b7689}
html.lt .ph-up{color:#0f9f6e;background:rgba(20,164,108,.12)}
html.lt .ph-line path{stroke:#0a6cff;filter:drop-shadow(0 4px 6px rgba(10,108,255,.3))}
html.lt .ph-row{background:#fff;border:1px solid #e3eaf4;box-shadow:0 2px 8px rgba(16,36,72,.05)}
html.lt .ph-row span{color:#2a3446;font-weight:500}
html.lt .ph-row .ok{color:#0f9f6e;background:rgba(20,164,108,.12)}
html.lt .ph-row .wait{color:#b56b00;background:rgba(245,166,35,.15)}
html.lt .phone{box-shadow:inset 0 0 0 2px #05070b,0 40px 80px rgba(16,36,72,.25),0 0 0 1px rgba(16,36,72,.05)}
html.lt .device-stack::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(34,160,255,.18),transparent 70%);z-index:-1}

/* ---------- Home about orbit (light) ---------- */
html.lt .about-art::before{background:radial-gradient(circle,rgba(34,160,255,.14),rgba(255,255,255,0) 68%)}
html.lt .aa-ring{border-color:rgba(10,108,255,.28)}
html.lt .aa-ring.r2{border-color:rgba(10,108,255,.12);background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,.4) 70%)}
html.lt .aa-core{background:linear-gradient(160deg,#ffffff,#eef5ff);border:1px solid rgba(10,108,255,.18);box-shadow:0 24px 60px rgba(16,40,90,.16),0 0 0 8px rgba(255,255,255,.6),0 0 80px rgba(34,160,255,.25)}
html.lt .aa-word b{color:var(--head)}
html.lt .aa-word em{color:var(--accent-2)}