/* Light theme. Generated from styles.css by gen_light.py, then hand-written rules. Do not edit by hand. */

/* ---- generated overrides ---- */
html[data-theme="light"] ::selection {
  color: #1a1a1a;
}
html[data-theme="light"] .page-bg {
  background: radial-gradient(120% 80% at 85% -10%, rgba(139, 92, 246, 0.16), transparent 55%),
    radial-gradient(100% 70% at 5% 5%, rgba(46, 242, 179, 0.1), transparent 55%),
    #f8fafc;
}
html[data-theme="light"] .grid-overlay {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.676) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.676) 1px, transparent 1px);
}
html[data-theme="light"] .scroll-progress {
  background: rgba(255, 255, 255, 0.9);
}
html[data-theme="light"] .eyebrow {
  background: rgba(255, 255, 255, 0.78);
  color: #425675;
}
html[data-theme="light"] .btn::after {
  background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.96) 50%, transparent 80%);
}
html[data-theme="light"] .btn-ghost {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme="light"] .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(15, 23, 42, 0.26);
}
html[data-theme="light"] .btn-outline {
  background: rgba(255, 255, 255, 0.66);
}
html[data-theme="light"] .site-header.is-scrolled {
  background: rgba(248, 250, 252, 0.72);
}
html[data-theme="light"] .main-nav a {
  color: #3c4859;
}
html[data-theme="light"] .main-nav a:hover,
html[data-theme="light"] .main-nav a.is-active {
  color: #1a1a1a;
}
html[data-theme="light"] .lang-switch {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme="light"] .menu-toggle {
  background: rgba(255, 255, 255, 0.74);
}
html[data-theme="light"] .mobile-menu {
  background: rgba(248, 250, 252, 0.97);
}
html[data-theme="light"] .mobile-nav a {
  color: #3f5878;
}
html[data-theme="light"] .s1 {
  stroke: rgba(6, 153, 105, 0.35);
}
html[data-theme="light"] .s2 {
  stroke: rgba(0, 127, 182, 0.22);
}
html[data-theme="light"] .s3 {
  stroke: rgba(58, 5, 178, 0.22);
}
html[data-theme="light"] .hero-trust li {
  color: #455163;
}
html[data-theme="light"] .orbit-ring {
  border: 1px dashed rgba(15, 23, 42, 0.108);
}
html[data-theme="light"] .doc-card {
  border: 1px solid rgba(15, 23, 42, 0.144);
  background: linear-gradient(165deg, rgba(248, 250, 252, 0.94), rgba(248, 250, 252, 0.97));
  box-shadow: 0 50px 110px -35px rgba(15, 23, 42, 0.152), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
html[data-theme="light"] .window-dots i {
  background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] .ring-bg {
  stroke: rgba(26, 26, 26, 0.09);
}
html[data-theme="light"] .doc-list li {
  border-bottom: 1px dashed rgba(15, 23, 42, 0.084);
}
html[data-theme="light"] .ftype.pdf {
  color: #b80036;
}
html[data-theme="light"] .ftype.docx {
  color: #0082b8;
}
html[data-theme="light"] .ftype.xlsx {
  color: #06b277;
}
html[data-theme="light"] .ftype.pptx {
  color: #b86900;
}
html[data-theme="light"] .dname {
  color: #435675;
}
html[data-theme="light"] .avatars i {
  border: 2px solid rgba(15, 23, 42, 0.2);
}
html[data-theme="light"] .avatars i:nth-child(2) {
  color: #1a1a1a;
}
html[data-theme="light"] .avatars i:last-child {
  background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] .iso-badge {
  background: rgba(248, 250, 252, 0.82);
  box-shadow: 0 18px 42px -20px rgba(15, 23, 42, 0.144);
}
html[data-theme="light"] .iso-badge b {
  color: #191f29;
}
html[data-theme="light"] .iso-ico.violet {
  color: #2e00b8;
}
html[data-theme="light"] .proof-card {
  background: linear-gradient(150deg, rgba(248, 250, 252, 0.94), rgba(248, 250, 252, 0.96));
  box-shadow: 0 24px 60px -24px rgba(15, 23, 42, 0.144);
}
html[data-theme="light"] .proof-card p {
  color: #191f29;
}
html[data-theme="light"] .audit-pill {
  background: rgba(248, 250, 252, 0.88);
}
html[data-theme="light"] .hero-stats {
  background: rgba(248, 250, 252, 0.5);
}
html[data-theme="light"] .stat-num {
  background: linear-gradient(180deg, #1a1a1a, #1f9874);
  -webkit-background-clip: text;
  background-clip: text;
}
html[data-theme="light"] .marquee {
  background: rgba(255, 255, 255, 0.62);
}
html[data-theme="light"] .marquee-track span {
  color: #49596f;
}
html[data-theme="light"] .problem-card {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.596));
}
html[data-theme="light"] .pc-icon.rose {
  color: #b80036;
}
html[data-theme="light"] .pc-icon.violet {
  color: #2c00b8;
}
html[data-theme="light"] .pc-tag {
  background: rgba(255, 255, 255, 0.74);
}
html[data-theme="light"] .bridge p {
  color: #445873;
}
html[data-theme="light"] .bridge strong {
  color: #1a1a1a;
}
html[data-theme="light"] .bento-card {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.836), rgba(255, 255, 255, 0.596));
}
html[data-theme="light"] .bento-card:hover {
  background: linear-gradient(165deg, rgba(46, 242, 179, 0.06), rgba(255, 255, 255, 0.62));
}
html[data-theme="light"] .bento-icon.violet {
  color: #2e00b8;
}
html[data-theme="light"] .bento-icon.cyan {
  color: #0088b8;
}
html[data-theme="light"] .bento-icon.rose {
  color: #b80036;
}
html[data-theme="light"] .mini-tags li {
  background: rgba(255, 255, 255, 0.74);
}
html[data-theme="light"] .stack-sheet {
  border: 1px solid rgba(15, 23, 42, 0.132);
  background: #f8fafc;
}
html[data-theme="light"] .stack-sheet.s1 {
  background: linear-gradient(160deg, #f8fafc, #f8fafc);
  box-shadow: 0 24px 50px -24px rgba(15, 23, 42, 0.144);
}
html[data-theme="light"] .stack-sheet.s1 i {
  background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] .rm-dot {
  border: 1.5px solid rgba(15, 23, 42, 0.24);
}
html[data-theme="light"] .rm-line {
  background: rgba(255, 255, 255, 0.96);
}
html[data-theme="light"] .currency-switch {
  background: rgba(255, 255, 255, 0.74);
}
html[data-theme="light"] .cur-btn.is-active {
  background: rgba(255, 255, 255, 0.96);
  color: #1a1a1a;
}
html[data-theme="light"] .price-card {
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.596));
}
html[data-theme="light"] .price-card:hover {
  border-color: rgba(15, 23, 42, 0.216);
}
html[data-theme="light"] .price-card.featured {
  background: linear-gradient(170deg, #f8fafc, #f8fafc) padding-box,
    linear-gradient(150deg, rgba(46, 242, 179, 0.75), rgba(76, 201, 255, 0.35) 40%, rgba(139, 92, 246, 0.7)) border-box;
}
html[data-theme="light"] .price-card.featured .price-main {
  background: linear-gradient(110deg, #1a1a1a, #07b17b 60%, #0088b8);
  -webkit-background-clip: text;
  background-clip: text;
}
html[data-theme="light"] .plan-features li {
  color: #445773;
}
html[data-theme="light"] .pricing-foot {
  background: rgba(255, 255, 255, 0.66);
}
html[data-theme="light"] .std-card {
  --c: #069969;
  background: rgba(255, 255, 255, 0.708);
}
html[data-theme="light"] .std-card.c-mint {
  --c: #069969;
}
html[data-theme="light"] .std-card.c-lime {
  --c: #8fb700;
}
html[data-theme="light"] .std-card.c-amber {
  --c: #b86700;
}
html[data-theme="light"] .std-card.c-violet {
  --c: #3a05b2;
}
html[data-theme="light"] .std-card.c-rose {
  --c: #b80034;
}
html[data-theme="light"] .std-card.c-cyan {
  --c: #007fb6;
}
html[data-theme="light"] .std-card.c-sky {
  --c: #007cb8;
}
html[data-theme="light"] .std-card.c-pink {
  --c: #ae0960;
}
html[data-theme="light"] .std-body b {
  color: #1c232e;
}
html[data-theme="light"] .step-num {
  background: linear-gradient(160deg, #f8fafc, #f8fafc);
}
html[data-theme="light"] .compare-wrap {
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58));
}
html[data-theme="light"] .compare-table th,
html[data-theme="light"] .compare-table td {
  border-block-end: 1px solid rgba(15, 23, 42, 0.08);
}
html[data-theme="light"] .compare-table thead th {
  background: rgba(255, 255, 255, 0.644);
}
html[data-theme="light"] .compare-table tbody th {
  color: #495567;
}
html[data-theme="light"] .compare-table .is-us {
  color: #19212a;
}
html[data-theme="light"] .rating-line b {
  color: #1a1a1a;
}
html[data-theme="light"] .testimonial {
  background: linear-gradient(170deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.596));
}
html[data-theme="light"] .testimonial > p {
  color: #435875;
}
html[data-theme="light"] .sector-strip {
  background: rgba(255, 255, 255, 0.66);
}
html[data-theme="light"] .sector-list span {
  background: rgba(255, 255, 255, 0.82);
  color: #485870;
}
html[data-theme="light"] .faq-q {
  color: #3c567c;
}
html[data-theme="light"] .cta-panel {
  background: radial-gradient(120% 120% at 0% 0%, rgba(46, 242, 179, 0.1), transparent 55%),
    radial-gradient(100% 100% at 100% 100%, rgba(139, 92, 246, 0.16), transparent 55%),
    linear-gradient(150deg, #f8fafc, #f8fafc 65%);
}
html[data-theme="light"] .cta-copy > p {
  color: #455163;
}
html[data-theme="light"] .cta-points li {
  color: #465871;
}
html[data-theme="light"] .lead-form {
  background: rgba(248, 250, 252, 0.72);
  box-shadow: 0 40px 90px -40px rgba(15, 23, 42, 0.152), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
html[data-theme="light"] .input-wrap input {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme="light"] .select-wrap select {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme="light"] .select-wrap select option {
  background: #f8fafc;
}
html[data-theme="light"] .select-wrap select optgroup {
  background: #f8fafc;
}
html[data-theme="light"] .tag-field {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme="light"] .tag {
  color: #00b86d;
}
html[data-theme="light"] .tag-x {
  color: rgba(0, 184, 109, 0.66);
}
html[data-theme="light"] .tag-x:hover,
html[data-theme="light"] .tag-x:focus-visible {
  color: #2c1a1f;
}
html[data-theme="light"] .tag-suggest {
  background: rgba(248, 250, 252, 0.98);
  box-shadow: 0 26px 60px -22px rgba(15, 23, 42, 0.152), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
html[data-theme="light"] .tag-opt {
  color: #3e577a;
}
html[data-theme="light"] .tag-opt.is-active,
html[data-theme="light"] .tag-opt:hover {
  color: #1a1a1a;
}
html[data-theme="light"] .tag-opt.is-active.is-added,
html[data-theme="light"] .tag-opt:hover.is-added {
  color: #00b86d;
}
html[data-theme="light"] .form-success p {
  color: #385a80;
}
html[data-theme="light"] .site-footer {
  background: rgba(248, 250, 252, 0.6);
}
html[data-theme="light"] .footer-col h3 {
  color: #1a212b;
}
html[data-theme="light"] .float-wa-tip {
  background: #f8fafc;
}
html[data-theme="light"] .to-top {
  background: rgba(248, 250, 252, 0.8);
}
html[data-theme="light"] .toast {
  background: rgba(248, 250, 252, 0.96);
  box-shadow: 0 20px 50px -18px rgba(15, 23, 42, 0.144);
  color: #1b232d;
}
html[data-theme="light"] .legal-toc {
  background: rgba(255, 255, 255, 0.66);
}
html[data-theme="light"] .ph {
  color: #b88000;
}
html[data-theme="light"] .thanks-card {
  background: rgba(255, 255, 255, 0.74);
}
html[data-theme="light"] .email-hint {
  color: #b88000;
}
html[data-theme="light"] .email-hint b {
  color: #1a1a1a;
}
html[data-theme="light"] .marquee-rev .marquee-track span {
  color: #1f9874;
}
html[data-theme="light"] .theme-switch {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme="light"] .pay-stripe {
  color: #1a1a1a;
}
html[data-theme="light"] .consult-card {
  background: radial-gradient(120% 140% at 0% 0%, rgba(46, 242, 179, 0.1), transparent 55%),
    radial-gradient(120% 140% at 100% 100%, rgba(139, 92, 246, 0.12), transparent 55%),
    rgba(255, 255, 255, 0.66);
}
html[data-theme="light"] .market-panel {
  border: 1px dashed rgba(15, 23, 42, 0.192);
  background: radial-gradient(90% 120% at 100% 0%, rgba(216, 255, 77, 0.07), transparent 60%),
    radial-gradient(90% 120% at 0% 100%, rgba(46, 242, 179, 0.07), transparent 60%),
    rgba(255, 255, 255, 0.62);
}
html[data-theme="light"] .mk-ring {
  box-shadow: inset 0 0 0 5px rgba(15, 23, 42, 0.088), inset 0 0 0 6px color-mix(in srgb, var(--c) 35%, transparent);
}
html[data-theme="light"] .mk-seal:hover .mk-ring {
  box-shadow: inset 0 0 0 5px rgba(15, 23, 42, 0.088), inset 0 0 0 6px var(--c), 0 12px 28px -10px var(--c);
}
html[data-theme="light"] .mk-seal[data-c="#2ef2b3"] {
  --c: #069969;
}
html[data-theme="light"] .mk-seal[data-c="#4cc9ff"] {
  --c: #007fb6;
}
html[data-theme="light"] .mk-seal[data-c="#d8ff4d"] {
  --c: #8fb700;
}
html[data-theme="light"] .mk-seal[data-c="#9be15d"] {
  --c: #549718;
}
html[data-theme="light"] .mk-seal[data-c="#ffb454"] {
  --c: #b86700;
}
html[data-theme="light"] .mk-seal[data-c="#b49bff"] {
  --c: #2e00b8;
}
html[data-theme="light"] .mk-seal[data-c="#ff8fb0"] {
  --c: #b80036;
}
html[data-theme="light"] .mk-seal[data-c="#5eead4"] {
  --c: #11a38c;
}

/* ---- hand-written ---- */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f7fb;
  --bg-soft: #eaf0f6;
  --panel: #ffffff;
  --text: #0f172a;
  --muted: #475569;
  --muted-2: #64748b;
  --line: rgba(15, 23, 42, 0.1);
  --line-strong: rgba(15, 23, 42, 0.18);
  --mint: #0b9f74;
  --mint-soft: rgba(11, 159, 116, 0.1);
  --cyan: #0284c7;
  --violet: #7c3aed;
  --lime: #4d7c0f;
  --rose: #e11d48;
  --amber: #b45309;
  --grad-soft: linear-gradient(140deg, rgba(46, 242, 179, 0.16), rgba(76, 201, 255, 0.08) 45%, rgba(139, 92, 246, 0.12));
  --shadow: 0 30px 70px -34px rgba(15, 23, 42, 0.28);
}

/* Smooth hand-over between themes */
html.theme-anim body,
html.theme-anim body *:not(.marquee-track):not(.lockup) {
  transition: background-color 0.45s var(--ease), border-color 0.45s var(--ease), color 0.35s var(--ease), box-shadow 0.45s var(--ease) !important;
}

/* Ambient background */
html[data-theme="light"] .page-bg {
  background:
    radial-gradient(120% 80% at 85% -10%, rgba(139, 92, 246, 0.12), transparent 55%),
    radial-gradient(100% 70% at 5% 5%, rgba(46, 242, 179, 0.14), transparent 55%),
    #f4f7fb;
}
html[data-theme="light"] .aurora { mix-blend-mode: multiply; opacity: 0.32; }
html[data-theme="light"] .grid-overlay {
  background-image:
    linear-gradient(to right, rgba(15, 23, 42, 0.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(15, 23, 42, 0.045) 1px, transparent 1px);
}
html[data-theme="light"] body::after { opacity: 0.02; }

/* Header */
html[data-theme="light"] .site-header.is-scrolled,
html[data-theme="light"] .site-header { background-color: transparent; }
html[data-theme="light"] .mobile-menu { background: rgba(244, 247, 251, 0.98); }

/* Logo: dark artwork, softer glow */
html:not([data-theme="light"]) .lockup.on-light,
html[data-theme="light"] .lockup.on-dark { display: none !important; }
html[data-theme="light"] .lockup { animation-name: logoGlowLight; }
html[data-theme="light"] .brand-logo::before { opacity: 0.45; }
html[data-theme="light"] .brand-logo::after {
  background-image: linear-gradient(110deg, transparent 38%, rgba(46, 242, 179, 0) 42%, rgba(46, 242, 179, 0.9) 50%, rgba(46, 242, 179, 0) 58%, transparent 62%);
}
@keyframes logoGlowLight {
  0%, 100% { filter: drop-shadow(0 0 3px rgba(46, 242, 179, 0.25)) drop-shadow(0 0 10px rgba(46, 242, 179, 0.15)); }
  33% { filter: drop-shadow(0 0 5px rgba(34, 211, 238, 0.45)) drop-shadow(0 0 16px rgba(46, 242, 179, 0.3)); }
  66% { filter: drop-shadow(0 0 5px rgba(139, 92, 246, 0.4)) drop-shadow(0 0 14px rgba(139, 92, 246, 0.25)); }
}

/* Client logos are white artwork: show them as soft slate */
html[data-theme="light"] #clientTrack img { filter: brightness(0) saturate(0); opacity: 0.42; }
html[data-theme="light"] #clientTrack img:hover { opacity: 0.8; }

/* Cards: white surfaces need a little depth on a light page */
html[data-theme="light"] .bento-card,
html[data-theme="light"] .price-card,
html[data-theme="light"] .std-card,
html[data-theme="light"] .problem-card,
html[data-theme="light"] .step,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .lead-form,
html[data-theme="light"] .compare,
html[data-theme="light"] .doc-card,
html[data-theme="light"] .stats {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 18px 40px -28px rgba(15, 23, 42, 0.22);
}

/* Theme switch itself */
html[data-theme="light"] .theme-btn.is-active,
html[data-theme="light"] .lang-btn.is-active { color: #ffffff; }
html[data-theme="light"] .lang-pill,
html[data-theme="light"] .theme-pill { box-shadow: 0 4px 12px -4px rgba(11, 159, 116, 0.55); }

/* Gradient headline words: deeper hues so they read on white */
html[data-theme="light"] .grad {
  background-image: linear-gradient(112deg, #059669 0%, #0284c7 48%, #7c3aed 100%);
}
html[data-theme="light"] .marquee-track span { color: #334155; }
html[data-theme="light"] .marquee-rev .marquee-track span { color: #047857; }

/* How it works: make the travelling glow visible on a light page */
html[data-theme="light"] .steps-line { background: linear-gradient(90deg, transparent, rgba(11, 159, 116, 0.35), rgba(124, 58, 237, 0.3), transparent); }
html[data-theme="light"] .steps-line span { box-shadow: 0 0 12px 2px rgba(11, 159, 116, 0.45), 0 0 26px 4px rgba(46, 242, 179, 0.35); }

/* Packages hover glow on a light page */
@media (hover: hover) and (pointer: fine) {
  html[data-theme="light"] .price-card:hover {
    border-color: rgba(11, 159, 116, 0.45);
    box-shadow: 0 0 0 1px rgba(11, 159, 116, 0.2), 0 24px 50px -22px rgba(11, 159, 116, 0.4), 0 0 40px -10px rgba(2, 132, 199, 0.3);
  }
  html[data-theme="light"] .price-card.featured:hover {
    box-shadow: 0 0 0 1px rgba(11, 159, 116, 0.3), 0 30px 60px -22px rgba(11, 159, 116, 0.5), 0 0 50px -8px rgba(124, 58, 237, 0.3);
  }
}
