/* Light theme. Dark is the site's default design; these rules apply when <html data-theme="light"> (set by theme.js).
   The drawn POS screen and phone stay dark in both themes, like a real app screenshot. */

/* Theme switch button (both themes) */
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--glass-2);color:var(--ink);cursor:pointer;flex:none;padding:0}
.theme-btn:hover{border-color:var(--ink-faint)}
.theme-btn svg{width:19px;height:19px}
.theme-btn .moon,html[data-theme="light"] .theme-btn .sun{display:none}
html[data-theme="light"] .theme-btn .moon{display:block}
.mm-theme{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin-top:4px;padding:10px 0;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:600 15px var(--font-body);cursor:pointer;text-align:left}
.mm-theme svg{width:18px;height:18px}
.mm-theme .moon,html[data-theme="light"] .mm-theme .sun{display:none}
html[data-theme="light"] .mm-theme .moon{display:block}
@media (max-width:520px){.nav-right .theme-btn{display:none}}
@media (min-width:521px){.mm-theme{display:none}}

html[data-theme="light"]{
  color-scheme:light;
  --bg:#F5F7FC; --bg-2:#FFFFFF; --bg-3:#EEF2FA; --surface:#FFFFFF;
  --glass:rgba(255,255,255,.78); --glass-2:rgba(30,60,160,.06);
  --line:rgba(20,40,110,.12); --line-2:rgba(20,40,110,.22);
  --ink:#0B1430; --ink-soft:#334066; --ink-faint:#56627F;
  --blue:#2F5BEA; --blue-2:#3B55D9; --indigo:#4338CA; --green:#065F46; --amber:#92400E; --violet:#5B21B6;
  --grad:linear-gradient(100deg,#2563EB 0%,#4F46E5 50%,#7C3AED 100%);
}
html[data-theme="light"] body::before{opacity:.5}

/* Header, menus, buttons, fields */
html[data-theme="light"] header.site,html[data-theme="light"] header.top{background:rgba(255,255,255,.86);border-bottom-color:var(--line)}
html[data-theme="light"] .dd-menu,html[data-theme="light"] .mobile-menu{background:#fff;box-shadow:0 24px 50px -18px rgba(20,40,110,.25)}
html[data-theme="light"] .btn-glass,html[data-theme="light"] .btn-line{background:#fff;border-color:rgba(20,40,110,.28)}
html[data-theme="light"] .btn-grad{box-shadow:0 10px 26px -12px rgba(67,56,202,.6),inset 0 1px 0 rgba(255,255,255,.18)}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff;border-color:rgba(20,40,110,.25)}
html[data-theme="light"] select option,html[data-theme="light"] select optgroup{background:#fff;color:var(--ink)}
html[data-theme="light"] .glass{background:#fff;box-shadow:0 18px 40px -26px rgba(20,40,110,.35)}
html[data-theme="light"] .icon{background:linear-gradient(145deg,rgba(59,91,255,.14),rgba(59,130,246,.04));color:#3B55D9}
html[data-theme="light"] .icon.a{background:linear-gradient(145deg,rgba(217,119,6,.16),rgba(217,119,6,.04));color:#B45309}
html[data-theme="light"] .icon.v{background:linear-gradient(145deg,rgba(109,40,217,.14),rgba(109,40,217,.04));color:#6D28D9}
html[data-theme="light"] .chip.live{background:rgba(4,120,87,.1)}
html[data-theme="light"] .chip.soon{background:rgba(180,83,9,.1)}
html[data-theme="light"] .chip.svc-chip{background:rgba(109,40,217,.1)}

/* Hero */
html[data-theme="light"] .hero{border-bottom-color:var(--line)}
html[data-theme="light"] .hero-glow{opacity:.45}
html[data-theme="light"] .hero .badge{border-color:rgba(21,128,61,.35);background:linear-gradient(90deg,rgba(37,99,235,.08),rgba(21,128,61,.07))}
html[data-theme="light"] .hero .badge::before{background:#16A34A;box-shadow:0 0 0 4px rgba(22,163,74,.15),0 0 10px rgba(22,163,74,.6)}
html[data-theme="light"] .hero h1 .gt{background-image:linear-gradient(95deg,#1D4ED8 0%,#0E7490 45%,#15803D 75%,#1D4ED8 100%);filter:drop-shadow(0 8px 24px rgba(14,116,144,.18))}
html[data-theme="light"] .marquee{background:rgba(30,60,160,.04)}

/* Vision and mission */
html[data-theme="light"] .vm-vision{--a1:#1D4ED8;--a2:#0E7490}
html[data-theme="light"] .vm-mission{--a1:#15803D;--a2:#4D7C0F}
html[data-theme="light"] #about .vm blockquote{color:var(--ink)}
html[data-theme="light"] #about .vm::before{box-shadow:none}

/* Steps, chips, payment marks */
html[data-theme="light"] .curs span{background:#fff}
html[data-theme="light"] .curs img{box-shadow:0 0 0 1px rgba(20,40,110,.18)}
html[data-theme="light"] .marks img{box-shadow:0 4px 12px -6px rgba(20,40,110,.35);outline:1px solid rgba(20,40,110,.12)}
html[data-theme="light"] .accept img{outline:1px solid rgba(20,40,110,.12)}

/* Pricing packages */
html[data-theme="light"] .pk{background:#fff;box-shadow:0 22px 46px -30px color-mix(in srgb,var(--c1) 70%,transparent)}
html[data-theme="light"] .pk-i{color:var(--c2)}
html[data-theme="light"] .pk-p b{color:var(--ink)}
html[data-theme="light"] .pk-tag{color:var(--ink)}
html[data-theme="light"] .free-s{color:var(--ink)}
html[data-theme="light"] .flyer-img{box-shadow:0 22px 44px -24px rgba(20,40,110,.45)}

/* Footer and phone bar */
html[data-theme="light"] footer.site{background:linear-gradient(180deg,transparent,#E9EFFA)}
html[data-theme="light"] .mbar{background:rgba(255,255,255,.95);border-top:1px solid var(--line)}

/* Privacy notice (styled by notice.js) */
html[data-theme="light"] .vd-notice{background:rgba(255,255,255,.97)!important;color:var(--ink)!important;border-color:rgba(20,40,110,.18)!important;box-shadow:0 18px 40px -18px rgba(20,40,110,.35)!important}
html[data-theme="light"] .vd-notice a{color:#2F5BEA!important}
html[data-theme="light"] .vd-notice p{color:var(--ink-soft)!important}

/* Legal pages */
html[data-theme="light"] .back{background:#fff}
html[data-theme="light"] .summary,html[data-theme="light"] .note,html[data-theme="light"] .agree{background:#fff}
html[data-theme="light"] .fill{background:rgba(180,83,9,.1)}

/* Home page top section in the light theme: the glass ribbons shown softly on a light background */
html[data-theme="light"] .hero{background:#EEF3FC}
html[data-theme="light"] .hero-bg img{opacity:.38;filter:saturate(1.3) brightness(1.5)}
html[data-theme="light"] .hero-bg::after{background:linear-gradient(90deg,rgba(238,243,252,.96) 0%,rgba(238,243,252,.82) 36%,rgba(238,243,252,.35) 65%,rgba(238,243,252,.2) 100%),linear-gradient(180deg,rgba(238,243,252,0) 70%,#F5F7FC 100%)}
html[data-theme="light"] .hero-bg .sweep{background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent)}
html[data-theme="light"] .hero .kicker{color:#047857}
html[data-theme="light"] .hero h1{color:var(--ink)}
html[data-theme="light"] .hero h1 .gt{background-image:linear-gradient(95deg,#15803D 0%,#0F766E 50%,#15803D 100%)!important;filter:none!important}
html[data-theme="light"] .mk-out{color:var(--ink);border-color:rgba(20,40,110,.4);background:#fff}
html[data-theme="light"] .svc-card{color:var(--ink);background:rgba(255,255,255,.88);border-color:rgba(37,99,235,.35);box-shadow:0 14px 30px -18px rgba(20,40,110,.45)}
html[data-theme="light"] .svc-card small{color:var(--ink-soft)}
html[data-theme="light"] .sc-ic{background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.35);color:#1D4ED8}
html[data-theme="light"] .sc-pos .sc-ic{color:#15803D}
@media (max-width:960px){html[data-theme="light"] .hero-bg::after{background:linear-gradient(180deg,rgba(238,243,252,.75),rgba(238,243,252,.9) 60%,#F5F7FC)}}
html[data-theme="light"] .err{color:#B91C1C}
html[data-theme="light"] [aria-invalid="true"]{border-color:#B91C1C}
html[data-theme="light"] .desk-photo picture{border-color:rgba(37,99,235,.3);box-shadow:0 26px 50px -26px rgba(20,40,110,.5)}