.deferred-section{content-visibility:auto;contain-intrinsic-size:auto 760px}
.trust-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 auto 26px;max-width:980px}
.trust-metric{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:12px;background:rgba(124,58,237,.07);border:1px solid rgba(124,58,237,.22);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.trust-metric:hover,.trust-metric:focus-visible{transform:translateY(-2px);border-color:rgba(167,139,250,.55);background:rgba(124,58,237,.12)}
.trust-metric strong{color:#f8f7ff;font-family:'Rajdhani',sans-serif;font-size:1.2rem;letter-spacing:.02em}
.trust-metric span{color:rgba(167,139,250,.72);font-size:.76rem;line-height:1.35}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.review-card{display:flex;flex-direction:column;min-height:250px;padding:24px;border-radius:14px;background:linear-gradient(145deg,rgba(12,17,30,.96),rgba(8,12,18,.96));border:1px solid rgba(124,58,237,.22);box-shadow:0 18px 45px rgba(0,0,0,.14)}
.review-rating{color:#fbbf24;font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:.06em;font-size:.84rem;margin-bottom:15px}
.review-card blockquote{flex:1;color:rgba(240,244,255,.9);font-size:.94rem;line-height:1.7}
.review-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:18px;margin-top:18px;border-top:1px solid rgba(124,58,237,.14)}
.review-meta>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.review-meta strong{color:#fff;font-size:.8rem;line-height:1.3}
.review-meta span{color:rgba(167,139,250,.58);font-size:.69rem;line-height:1.3}
.review-meta a{color:#8fdcf0;font-size:.68rem;line-height:1.35;text-decoration:none;text-align:right;white-space:nowrap}
.review-meta a:hover,.review-meta a:focus-visible{text-decoration:underline}
.reviews-note{margin-top:18px;text-align:center;color:rgba(167,139,250,.48);font-size:.7rem;line-height:1.5}
.quick-intents{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 22px;position:relative;z-index:1}
.quick-intents-label{width:100%;color:rgba(167,139,250,.7);font-family:'Rajdhani',sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.quick-intent{padding:9px 14px;border-radius:999px;border:1px solid rgba(167,139,250,.3);background:rgba(124,58,237,.07);color:#d8ccff;text-decoration:none;font-family:'Rajdhani',sans-serif;font-size:.78rem;font-weight:700;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.quick-intent:hover,.quick-intent:focus-visible{transform:translateY(-1px);background:rgba(124,58,237,.15);border-color:rgba(167,139,250,.6)}
html[data-theme="light"] .review-card{background:#fff;border-color:rgba(124,58,237,.18);box-shadow:0 12px 30px rgba(55,30,100,.08)}
html[data-theme="light"] .review-card blockquote,html[data-theme="light"] .review-meta strong,html[data-theme="light"] .trust-metric strong{color:#24113f}
html[data-theme="light"] .trust-metric{background:rgba(124,58,237,.05)}
html[data-theme="light"] .quick-intent{color:#5b21b6;background:rgba(124,58,237,.06)}
@media(max-width:900px){.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.trust-metrics,.reviews-grid{grid-template-columns:1fr}.review-card{min-height:0}.review-meta{align-items:flex-start;flex-direction:column}.review-meta a{text-align:left}.quick-intent{flex:1 1 calc(50% - 10px);text-align:center}.quick-intent:last-child{flex-basis:100%}body::after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.star{animation:none!important}.review-card,.trust-metric,.quick-intent{transition:none!important}.reveal{opacity:1!important;transform:none!important}}
/* Store download cards v2 */
.store-download-card{
  position:relative;
  isolation:isolate;
  min-width:230px;
  overflow:hidden;
  display:inline-flex!important;
  align-items:center;
  gap:14px!important;
  padding:14px 18px!important;
  border:1px solid transparent!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(18,23,42,.96),rgba(8,12,25,.98)) padding-box,
    linear-gradient(120deg,rgba(124,58,237,.9),rgba(59,130,246,.72),rgba(34,211,238,.64)) border-box!important;
  box-shadow:0 16px 38px rgba(2,6,23,.38),inset 0 1px 0 rgba(255,255,255,.055);
  text-decoration:none!important;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease!important;
}
.store-download-card::after{
  content:"↗";
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  margin-left:auto;
  flex:0 0 30px;
  border:1px solid rgba(167,139,250,.25);
  border-radius:10px;
  background:rgba(124,58,237,.09);
  color:#c4b5fd;
  font:700 14px/1 "Orbitron",sans-serif;
  transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease;
}
.store-download-card:hover{
  transform:translateY(-4px);
  filter:brightness(1.08);
  box-shadow:0 20px 52px rgba(76,29,149,.28),0 0 26px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.08);
}
.store-download-card:hover::after{
  transform:translate(2px,-2px);
  border-color:rgba(34,211,238,.5);
  background:rgba(34,211,238,.1);
  color:#67e8f9;
}
.store-download-card:focus-visible{
  outline:2px solid #22d3ee;
  outline-offset:4px;
}
.store-download-card svg{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px;
  filter:drop-shadow(0 6px 10px rgba(59,130,246,.28));
}
.store-download-card>span{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:5px;
  text-align:left;
}
.store-download-card>span>span:first-child{
  color:rgba(167,139,250,.82)!important;
  font-family:"Orbitron",sans-serif!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.15em;
}
.store-download-card>span>span:last-child{
  color:#fff!important;
  font-family:"Rajdhani",sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.05!important;
  letter-spacing:.015em;
}
.store-google:hover{
  box-shadow:0 20px 52px rgba(124,58,237,.28),0 0 30px rgba(34,211,238,.1),inset 0 1px 0 rgba(255,255,255,.08);
}
.store-microsoft{
  background:
    linear-gradient(135deg,rgba(14,20,39,.97),rgba(8,12,25,.99)) padding-box,
    linear-gradient(120deg,rgba(59,130,246,.84),rgba(124,58,237,.82),rgba(167,139,250,.62)) border-box!important;
}
@media(max-width:640px){
  .store-download-card{
    width:min(100%,320px);
    min-width:0;
    justify-content:flex-start;
  }
}
@media(prefers-reduced-motion:reduce){
  .store-download-card,.store-download-card::after{
    transition:none!important;
  }
  .store-download-card:hover{
    transform:none;
  }
}
/* Store download cards v3 - open icons */
.store-download-card{
  min-width:360px;
  min-height:104px;
  gap:18px!important;
  padding:18px 20px!important;
}
.store-download-card .store-official-icon{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  padding:2px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
.store-google .store-official-icon{
  filter:drop-shadow(0 10px 16px rgba(34,211,238,.2)) drop-shadow(0 0 18px rgba(124,58,237,.12))!important;
}
.store-microsoft .store-official-icon{
  filter:drop-shadow(0 10px 16px rgba(59,130,246,.24)) drop-shadow(0 0 18px rgba(124,58,237,.14))!important;
}
.store-download-card .store-download-copy{
  gap:5px;
}
.store-download-card .store-download-eyebrow{
  color:rgba(167,139,250,.88)!important;
  font-size:9px!important;
  line-height:1.2!important;
}
.store-download-card .store-download-name{
  color:#fff!important;
  font-family:"Rajdhani",sans-serif!important;
  font-size:21px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.01em!important;
}
.store-download-card .store-download-detail{
  display:block;
  color:rgba(167,139,250,.58)!important;
  font-family:"Rajdhani",sans-serif!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:.015em!important;
}
.store-download-card::after{
  width:34px;
  height:34px;
  flex-basis:34px;
  border-radius:11px;
}
@media(max-width:640px){
  .store-download-card{
    width:min(100%,340px);
    min-width:0;
    min-height:96px;
    gap:14px!important;
    padding:15px 16px!important;
  }
  .store-download-card .store-official-icon{
    width:56px!important;
    height:56px!important;
    flex-basis:56px!important;
  }
  .store-download-card .store-download-name{
    font-size:19px!important;
  }
  .store-download-card::after{
    width:30px;
    height:30px;
    flex-basis:30px;
  }
}

/* Light mode contrast accessibility v1 */
html[data-theme="light"] {
  --ocs-light-ink: #24113f;
  --ocs-light-muted: #5f4a76;
  --ocs-light-accent: #6d28d9;
  --ocs-light-link: #075985;
}

html[data-theme="light"] body {
  color: var(--ocs-light-ink);
}

html[data-theme="light"] p {
  color: var(--ocs-light-muted) !important;
}

html[data-theme="light"] #navbar a[href="home.php"] span,
html[data-theme="light"] #navbar .nav-link.active {
  color: var(--ocs-light-ink) !important;
}

html[data-theme="light"] #navbar .nav-link {
  color: var(--ocs-light-accent) !important;
}

html[data-theme="light"] #navbar .nav-link:hover,
html[data-theme="light"] #navbar .nav-link:focus-visible {
  color: var(--ocs-light-link) !important;
}

html[data-theme="light"] section:not(#contact) .text-xs.tracking-widest,
html[data-theme="light"] section:not(#contact) [style*="color:rgba(167,139,250"] {
  color: var(--ocs-light-muted) !important;
}

html[data-theme="light"] .trust-metric span,
html[data-theme="light"] .review-meta span,
html[data-theme="light"] .reviews-note {
  color: var(--ocs-light-muted) !important;
}

html[data-theme="light"] .review-meta a {
  color: var(--ocs-light-link) !important;
  font-weight: 700;
}

html[data-theme="light"] .review-rating {
  color: #8a5a00 !important;
}

html[data-theme="light"] .apps-marquee p:first-child {
  color: var(--ocs-light-ink) !important;
}

html[data-theme="light"] .apps-marquee p:last-child {
  color: var(--ocs-light-muted) !important;
}

html[data-theme="light"] footer [style*="color:rgba(167,139,250"] {
  color: var(--ocs-light-muted) !important;
}

html[data-theme="light"] footer h5 {
  color: #4c1d95 !important;
}

html[data-theme="light"] footer a[href*="wa.me"] {
  color: #166534 !important;
  font-weight: 700;
}

html[data-theme="light"] footer .social-ico {
  color: #5b21b6 !important;
  background: rgba(109, 40, 217, 0.08) !important;
  border-color: rgba(91, 33, 182, 0.28) !important;
}

html[data-theme="light"] footer .social-ico:hover,
html[data-theme="light"] footer .social-ico:focus-visible {
  color: #ffffff !important;
  background: #6d28d9 !important;
  border-color: #6d28d9 !important;
}

/* The CTA intentionally stays dark in both themes. */
html[data-theme="light"] #contact .neon-card p,
html[data-theme="light"] #contact .quick-intents-label {
  color: #c4b5fd !important;
}

html[data-theme="light"] #contact h2 .text-white,
html[data-theme="light"] #contact .btn-primary {
  color: #ffffff !important;
}

html[data-theme="light"] #contact .quick-intent,
html[data-theme="light"] #contact .btn-outline {
  color: #ede9fe !important;
  border-color: rgba(196, 181, 253, 0.55) !important;
}

html[data-theme="light"] #contact .quick-intent {
  background: rgba(124, 58, 237, 0.16) !important;
}

/* Store cards also stay dark, so their copy must not inherit light-theme ink. */
html[data-theme="light"] .store-download-card .store-download-eyebrow {
  color: #c4b5fd !important;
}

html[data-theme="light"] .store-download-card .store-download-name {
  color: #ffffff !important;
}

html[data-theme="light"] .store-download-card .store-download-detail {
  color: #e9e5ff !important;
}

html[data-theme="light"] .store-download-card::after {
  color: #ddd6fe !important;
}

/* Light mode contrast accessibility v2 refinement */
html[data-theme="light"] .svc-card.neon-cyan div[style*="color:#22D3EE"] {
  color: #0e7490 !important;
}

html[data-theme="light"] #contact .badge {
  color: #ddd6fe !important;
  background: rgba(124, 58, 237, 0.18) !important;
  border-color: rgba(196, 181, 253, 0.45) !important;
}

/* Light mode contrast accessibility v3 global refinement */
/* Non-service neon cards intentionally remain dark across inner pages. */
html[data-theme="light"] .neon-card:not(.svc-card) p {
  color: #c4b5fd !important;
}

html[data-theme="light"] .neon-card:not(.svc-card) .text-white,
html[data-theme="light"] .neon-card:not(.svc-card) .btn-primary {
  color: #ffffff !important;
}

html[data-theme="light"] .neon-card:not(.svc-card) .badge {
  color: #ddd6fe !important;
  background: rgba(124, 58, 237, 0.18) !important;
  border-color: rgba(196, 181, 253, 0.45) !important;
}

html[data-theme="light"] .neon-card:not(.svc-card) .btn-outline {
  color: #ede9fe !important;
  border-color: rgba(196, 181, 253, 0.55) !important;
}

html[data-theme="light"] .form-input::placeholder {
  color: #806a98 !important;
  opacity: 1;
}

html[data-theme="light"] a[href^="mailto:"] {
  color: #5b21b6 !important;
}

html[data-theme="light"] a[href*="wa.me"] {
  color: #166534 !important;
}

/* Light mode contrast accessibility v4 CTA specificity */
html[data-theme="light"] section:not(#contact) .neon-card:not(.svc-card) p {
  color: #c4b5fd !important;
}

/* Soft Tech Light Mode v1 */
html[data-theme="light"] {
  --soft-canvas: #f4f6fb;
  --soft-canvas-alt: #faf9fd;
  --soft-surface: #ffffff;
  --soft-surface-tint: #f7f5fc;
  --soft-ink: #24113f;
  --soft-muted: #5f4a76;
  --soft-border: #e4deed;
  --soft-border-strong: #d7cce6;
  --soft-purple: #6d28d9;
  --soft-blue: #2563eb;
  --soft-cyan: #0e7490;
  --soft-shadow: 0 14px 38px rgba(48, 28, 82, 0.08);
  --soft-shadow-hover: 0 20px 48px rgba(48, 28, 82, 0.13);
}

html[data-theme="light"] body {
  background: var(--soft-canvas) !important;
  color: var(--soft-ink);
}

html[data-theme="light"] body > section {
  border-top: 1px solid rgba(74, 45, 112, 0.055);
}

html[data-theme="light"] body > section:nth-of-type(odd) {
  background: linear-gradient(180deg, #f4f6fb 0%, #f8f9fc 100%) !important;
}

html[data-theme="light"] body > section:nth-of-type(even) {
  background: linear-gradient(180deg, #ffffff 0%, #faf9fd 100%) !important;
}

html[data-theme="light"] .hero-grid {
  background-color: #f8f9fd !important;
  background-image:
    radial-gradient(circle at 78% 30%, rgba(59, 130, 246, 0.11), transparent 30%),
    radial-gradient(circle at 15% 20%, rgba(124, 58, 237, 0.075), transparent 26%),
    linear-gradient(rgba(87, 68, 120, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(87, 68, 120, 0.045) 1px, transparent 1px) !important;
  background-size: auto, auto, 58px 58px, 58px 58px !important;
}

html[data-theme="light"] section.py-24 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

html[data-theme="light"] section.py-28 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

html[data-theme="light"] section .mb-14 {
  margin-bottom: 2.75rem !important;
}

html[data-theme="light"] #navbar {
  background: rgba(250, 251, 254, 0.94) !important;
  border-bottom-color: rgba(74, 45, 112, 0.12) !important;
  box-shadow: 0 10px 32px rgba(42, 24, 72, 0.07) !important;
  backdrop-filter: blur(18px);
}

html[data-theme="light"] #navbar .btn-cta-inner {
  background: linear-gradient(135deg, #30204e, #172b4d) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html[data-theme="light"] #theme-toggle {
  background: #f0ecf8 !important;
  border-color: #ddd4eb !important;
  box-shadow: 0 6px 18px rgba(55, 34, 88, 0.08);
}

html[data-theme="light"] .badge {
  background: #eee9f8 !important;
  border-color: #ddd1ef !important;
  color: #5b21b6 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

html[data-theme="light"] .hero-grid span[style*="border:1px solid rgba(124,58,237,0.6)"] {
  background: #f0ebf8 !important;
  border-color: #d7cae9 !important;
  color: #5b21b6 !important;
  box-shadow: 0 4px 12px rgba(65, 39, 103, 0.045);
}

html[data-theme="light"] .svc-card,
html[data-theme="light"] .step-card {
  --soft-card-accent: #7c3aed;
  background: linear-gradient(180deg, #ffffff 0%, #fdfcff 100%) !important;
  border: 1px solid var(--soft-border) !important;
  border-top: 3px solid var(--soft-card-accent) !important;
  border-radius: 18px !important;
  box-shadow: var(--soft-shadow) !important;
}

html[data-theme="light"] .svc-card.neon-purple,
html[data-theme="light"] .step-card.neon-purple { --soft-card-accent: #7c3aed; }
html[data-theme="light"] .svc-card.neon-blue,
html[data-theme="light"] .step-card.neon-blue { --soft-card-accent: #2563eb; }
html[data-theme="light"] .svc-card.neon-cyan,
html[data-theme="light"] .step-card.neon-cyan { --soft-card-accent: #0891b2; }
html[data-theme="light"] .svc-card.neon-violet,
html[data-theme="light"] .step-card.neon-violet { --soft-card-accent: #8b5cf6; }
html[data-theme="light"] .svc-card.neon-pink,
html[data-theme="light"] .step-card.neon-pink { --soft-card-accent: #db2777; }
html[data-theme="light"] .svc-card.neon-green,
html[data-theme="light"] .step-card.neon-green { --soft-card-accent: #059669; }

html[data-theme="light"] .svc-card:hover,
html[data-theme="light"] .step-card:hover {
  transform: translateY(-5px) !important;
  border-color: var(--soft-border-strong) !important;
  border-top-color: var(--soft-card-accent) !important;
  box-shadow: var(--soft-shadow-hover) !important;
}

html[data-theme="light"] .svc-card h3,
html[data-theme="light"] .svc-card h4,
html[data-theme="light"] .step-card h4 {
  color: var(--soft-ink) !important;
}

html[data-theme="light"] .svc-card p,
html[data-theme="light"] section:not(#contact) .neon-card.step-card p {
  color: var(--soft-muted) !important;
}

html[data-theme="light"] section:not(#contact) .neon-card.step-card .text-white {
  color: var(--soft-ink) !important;
}

html[data-theme="light"] .svc-card [class*="w-14"][class*="h-14"] {
  border-color: rgba(91, 33, 182, 0.14) !important;
  box-shadow: 0 8px 20px rgba(68, 42, 101, 0.07);
}

html[data-theme="light"] .trust-metric {
  background: linear-gradient(145deg, #ffffff, #f7f4fc) !important;
  border-color: var(--soft-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(48, 28, 82, 0.07);
}

html[data-theme="light"] .trust-metric:hover,
html[data-theme="light"] .trust-metric:focus-visible {
  background: #ffffff !important;
  border-color: #cdbce3 !important;
  box-shadow: 0 16px 34px rgba(48, 28, 82, 0.11);
}

html[data-theme="light"] .review-card {
  background: linear-gradient(180deg, #ffffff 0%, #fcfbfe 100%) !important;
  border-color: var(--soft-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--soft-shadow) !important;
}

html[data-theme="light"] .review-card:hover {
  border-color: #d5c7e6 !important;
  box-shadow: var(--soft-shadow-hover) !important;
}

html[data-theme="light"] .apps-marquee a {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: var(--soft-border) !important;
  box-shadow: 0 8px 22px rgba(48, 28, 82, 0.07);
}

html[data-theme="light"] .apps-marquee a:hover,
html[data-theme="light"] .apps-marquee a:focus-visible {
  background: #ffffff !important;
  border-color: #cdbce3 !important;
  box-shadow: 0 12px 28px rgba(48, 28, 82, 0.12);
}

html[data-theme="light"] .store-download-card {
  box-shadow: 0 18px 42px rgba(33, 18, 58, 0.22), 0 5px 18px rgba(59, 130, 246, 0.08) !important;
}

html[data-theme="light"] .neon-card:not(.svc-card):not(.step-card) {
  border-radius: 20px !important;
  box-shadow: 0 24px 54px rgba(25, 13, 46, 0.2) !important;
}

html[data-theme="light"] footer {
  background: linear-gradient(180deg, #edf0f6 0%, #e8ebf3 100%) !important;
  border-top-color: #d9ddea !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] footer .social-ico {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: #d7cce6 !important;
  box-shadow: 0 6px 16px rgba(48, 28, 82, 0.06);
}

@media (max-width: 640px) {
  html[data-theme="light"] section.py-24,
  html[data-theme="light"] section.py-28 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  html[data-theme="light"] .svc-card,
  html[data-theme="light"] .step-card,
  html[data-theme="light"] .review-card {
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(48, 28, 82, 0.075) !important;
  }
}

/* Soft Tech Light Inner Hero Hotfix v2 */
/* Some legacy page headings use an inline white span. Keep H1 readable on light canvas. */
html[data-theme="light"] h1 > span[style*="color:#fff"],
html[data-theme="light"] h1 > span[style*="color: #fff"] {
  color: var(--st-ink, #24113f) !important;
}