/* Light mode (generated from the dark styles by gen_light.py, plus light-extra.css). Loaded only when the device is in light mode. */
h1,h2,h3{color:#17123A}
body::before{background-image:linear-gradient(rgba(91,63,217,0.018) 1px, transparent 1px), linear-gradient(90deg, rgba(91,63,217,0.018) 1px, transparent 1px)}
header{background:linear-gradient(to bottom, #FAF9FF, transparent)}
@media (max-width:640px){
  .menu-btn{background:rgba(255,255,255,0.82)}
  .mobile-menu{background:#FFFFFF;box-shadow:0 16px 40px rgba(50,30,140,0.15)}
  .mobile-menu a{color:#17123A}
  .mobile-menu a:hover{background:rgba(175,142,245,0.1)}
  .mobile-menu a.menu-cta{color:#FFFFFF}
}
.chip.green{color:#328F3E}
.glass{background:rgba(255,255,255,0.42);border:1px solid rgba(40,24,120,0.132);box-shadow:inset 0 1px 0 rgba(91,63,217,0.025)}
.glass:hover{border-color:rgba(129,77,239,0.3)}
.box li{color:#3A3658}
.price{color:#17123A}
.btn-primary{color:#FFFFFF}
.note-box strong{color:#17123A}
.note-box.green strong{color:#328F3E}
.search{background:rgba(255,255,255,0.82);color:#17123A}
.qa summary{color:#17123A}
.qa[open]{border-color:rgba(129,77,239,0.35)}
.qm-overlay{background:rgba(255,255,255,0.82)}
.qm-card{border-color:rgba(129,77,239,0.4);box-shadow:0 20px 60px rgba(50,30,140,0.15), 0 0 40px -10px var(--blue-glow)}
.qm-form input{background:rgba(255,255,255,0.82);color:#17123A}
.qm-note{color:#328F3E}
.qm-close:hover{color:#17123A}
.plan-visual{background:radial-gradient(circle, rgba(175,142,245,0.14), rgba(142,164,245,0) 70%)}
.plan-list li{color:#3A3658;border-top:1px solid rgba(40,24,120,0.104)}
nav a.nav-cta{color:#FFFFFF}
nav a.nav-cta:hover{color:#FFFFFF}
.mini{background:rgba(255,255,255,0.42);border:1px solid rgba(40,24,120,0.132)}
.faq-cat > summary{color:#17123A}
.faq-cat[open]{border-color:rgba(129,77,239,0.35)}
.faq-in .qa{background:rgba(255,255,255,0.4)}
.client-card{background:rgba(255,255,255,0.44);border:1px solid rgba(40,24,120,0.132)}
.client-card:hover{border-color:rgba(129,77,239,0.45)}
.client-card .client-name{color:#17123A}
.about-quote{color:#17123A}
.contact-form input, .contact-form textarea{background:rgba(255,255,255,0.82);color:#17123A}
.contact-side li{border-top:1px solid rgba(40,24,120,0.104);color:#3A3658}
.flt:hover{color:#17123A;background:rgba(91,63,217,0.036)}
.flt.on{border-color:rgba(129,77,239,0.4);background:rgba(175,142,245,0.08)}
.about-cred p{color:#17123A}
.steps .step:hover{border-color:rgba(129,77,239,0.4)}
.plan-list li{color:#3A3658}
.work-card:hover{border-color:rgba(129,77,239,0.45)}
.wk-shot{background:#FFFFFF;border:1px solid rgba(40,24,120,0.132)}
.hw-scene{background:#F8F9FA;background-image:radial-gradient(circle at 8% 10%, rgba(66,133,244,0.2), transparent 40%), radial-gradient(circle at 94% 12%, rgba(234,67,53,0.14), transparent 36%), radial-gradient(circle at 6% 96%, rgba(251,188,4,0.2), transparent 40%), radial-gradient(circle at 96% 94%, rgba(52,168,83,0.18), transparent 40%)}
.au-card{background:#FFFFFF;box-shadow:0 8px 22px rgba(50,30,140,0.078)}
.au-head em{color:#5F6368;background:#F1F3F4}
.au-row{border-bottom:1px solid rgba(40,24,120,0.18)}
.au-row .bar{background:#ECEFF1}
.mid{color:#B06000}
.bad{color:#C5221F}
.au-foot .g{background:#E6F4EA}
.au-foot .r{background:#FCE8E6;color:#C5221F}
.tg-card{background:#FFFFFF;box-shadow:0 8px 22px rgba(50,30,140,0.078)}
.tg-card small, .tg-plan small{color:#5F6368}
.tg-plan{background:#FFFFFF;box-shadow:0 8px 22px rgba(50,30,140,0.078)}
.pi{border-bottom:1px solid rgba(40,24,120,0.18)}
.pi em{background:#E6F4EA}
.pi em.m{color:#B06000;background:#FEF7E0}
.tg-sign{background:#E6F4EA;box-shadow:0 4px 12px rgba(52,168,83,0.25)}
.bd-budget{background:#FFFFFF;box-shadow:0 8px 22px rgba(50,30,140,0.078)}
.bd-top small{color:#5F6368}
.bd-top em{background:#E6F4EA}
.bd-slider{background:#ECEFF1}
.bd-slider b{background:#FFFFFF;box-shadow:0 2px 6px rgba(50,30,140,0.105)}
.bd-build{background:#FFFFFF;box-shadow:0 8px 22px rgba(50,30,140,0.078)}
.bd-row i{background:#ECEFF1}
.bd-row em{background:#E6F4EA}
.mn-chart{background:#FFFFFF;box-shadow:0 8px 22px rgba(50,30,140,0.078)}
.mn-top small{color:#5F6368}
.nt{background:#FFFFFF;box-shadow:0 6px 16px rgba(50,30,140,0.072)}
nav a.nav-home{color:#17123A}
.topic{border:1px solid rgba(40,24,120,0.16);background:rgba(255,255,255,0.44)}
.topic b{color:#17123A}
.topic:hover{border-color:rgba(129,77,239,0.5);background:rgba(175,142,245,0.08)}
/* site.css */
.dd-card{background:#FFFFFF;border:1px solid rgba(40,24,120,0.16);box-shadow:0 22px 50px rgba(50,30,140,0.165)}
nav .dd-menu a{color:#17123A}
nav .dd-menu a:hover{background:rgba(175,142,245,0.12);color:#17123A}
nav .dd-menu a.dd-all{border-top:1px solid rgba(40,24,120,0.132)}
.mobile-menu summary{color:#17123A}
.svc-card{background:rgba(255,255,255,0.82);border:1px solid rgba(40,24,120,0.146)}
.svc-card:hover{border-color:rgba(129,77,239,0.45)}
.svc-card .svc-img{background:#FFFFFF}
.svc-card li{color:#17123A}
.proc-tabs button{border:1px solid rgba(40,24,120,0.18)}
.proc-tabs button:hover{border-color:rgba(129,77,239,0.6);color:#17123A}
.proc-tabs button.on{color:#17123A}
.steps::before{background:rgba(91,63,217,0.09)}
.steps .n{background:#FFFFFF;border:2px solid rgba(40,24,120,0.18);color:#17123A}
.steps .get{border-left:3px solid var(--sc,#6F3ED8);color:#5227CE}
.steps .get b{color:#17123A}
@media (prefers-reduced-motion:reduce){
  .steps .n, .steps.play li .n{background:var(--sc,#6F3ED8);border-color:var(--sc,#6F3ED8)}
}
.post-card{background:rgba(255,255,255,0.82);border:1px solid rgba(40,24,120,0.146)}
.post-card:hover{border-color:rgba(129,77,239,0.45)}
.post-card .pc-img{background:#FFFFFF}
.post-card h2, .post-card h3{color:#17123A}
.post-card .pc-more{color:#5227CE}
.post-hero{background:#FFFFFF}
.post-body p{color:#3A3658}
.post-body ul, .post-body ol{color:#3A3658}
.post-body .callout{background:rgba(175,142,245,0.09);color:#5227CE}
@media (max-width:980px){
  .menu-btn{background:rgba(255,255,255,0.82)}
  .mobile-menu{background:#FFFFFF;box-shadow:0 16px 40px rgba(50,30,140,0.15)}
  .mobile-menu > a{color:#17123A}
  .mobile-menu > a:hover{background:rgba(175,142,245,0.1)}
  .mobile-menu a.menu-cta{background:#6F3ED8;color:#FFFFFF}
}
.ind-card{background:#FFFFFF;border:1px solid rgba(40,24,120,0.132)}
.ind-card::after{background:linear-gradient(to top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.65) 42%, rgba(7,9,13,0) 62%)}
.ind-body h3{color:#17123A}
.ind-body p{color:#17123A}
.ind-btn{border:1px solid rgba(40,24,120,0.18);background:rgba(255,255,255,0.82);color:#17123A}
.ind-btn:hover{background:rgba(175,142,245,0.15)}
.ind-dots i{background:rgba(91,63,217,0.18)}
.proc-tabs button::before{background:var(--dot,#AF8EF5)}
.proc-tabs button.on::before{background:#FFFFFF}
@media (max-width:820px){
  .trust-row li:nth-child(even){border-left:1px solid rgba(40,24,120,0.132) !important}
}
.qa-list details{border:1px solid rgba(40,24,120,0.146);background:rgba(255,255,255,0.82)}
.qa-list summary{color:#17123A}
.steps .n{box-shadow:0 0 0 4px rgba(50,30,140,0.3)}
.proc-panel::before{border-top:1px solid rgba(40,24,120,0.104)}
.proc-qa h3{color:#17123A}
.ind-hero{background:#FFFFFF}
.ind-list li{color:#3A3658}
.ind-note{background:rgba(175,142,245,0.07)}
.ind-note b{color:#17123A}
.ind-note p{color:#3A3658}
.chip-links a{border:1px solid rgba(40,24,120,0.18);color:#17123A}
.chip-links a:hover{color:#17123A}
.mobile-menu .mm-svc > a{color:#17123A}
@media (max-width:640px){
  .ind-card.is-center{box-shadow:0 30px 42px -22px rgba(175,142,245,0.33), 0 0 0 1px rgba(175,142,245,0.18)}
  .svc-rail .svc-card.is-center{box-shadow:0 30px 42px -22px rgba(175,142,245,0.33), 0 0 0 1px rgba(175,142,245,0.18)}
}
.svc-viewport.peek .svc-slide.is-center .service-panel{box-shadow:0 30px 42px -22px rgba(175,142,245,0.3), 0 0 0 1px rgba(175,142,245,0.168)}
.case{border:1px solid rgba(40,24,120,0.146);background:linear-gradient(180deg, rgba(111,62,216,0.1), rgba(0,0,0,0) 360px), rgba(255,255,255,0.82)}
.case-head h2{color:#17123A}
.case-head p{color:#3A3658}
.case-stats div{background:rgba(91,63,217,0.032);border:1px solid rgba(40,24,120,0.118)}
.case-stats b{color:#17123A;background:linear-gradient(135deg,#FFFFFF,#CCB7FA)}
.shot img{border:1px solid rgba(40,24,120,0.18);box-shadow:0 22px 40px -24px rgba(175,142,245,0.27);background:#FFFFFF}
.shot:hover img{box-shadow:0 30px 50px -24px rgba(175,142,245,0.36)}
.shot span, .wide-shot span{color:#17123A}
.wide-shot img{border:1px solid rgba(40,24,120,0.18);background:#FFFFFF;box-shadow:0 22px 40px -24px rgba(175,142,245,0.27)}
.try{border:1px dashed rgba(129,77,239,0.45);background:rgba(111,62,216,0.08)}
.try b{color:#17123A}
.try span{color:#3A3658}
.side-projects{border-top:1px solid rgba(40,24,120,0.118)}
.case-challenge{background:rgba(251,188,4,0.06)}
.case-challenge p{color:#17123A}
.ab-stats div{border:1px solid rgba(40,24,120,0.132);background:linear-gradient(180deg, rgba(111,62,216,0.12), rgba(0,0,0,0))}
.ab-stats b{background:linear-gradient(135deg,#FFFFFF,#CCB7FA)}
.ab-steps li{border:1px solid rgba(40,24,120,0.132);background:rgba(255,255,255,0.82)}
.ab-steps li h3{color:#17123A}
.ab-steps li::after{background:linear-gradient(90deg,#6F3ED8,#AF8EF5)}
.sxf{border:1px solid rgba(40,24,120,0.132);background:linear-gradient(180deg, rgba(111,62,216,0.12), rgba(0,0,0,0))}
.sxf b{background:linear-gradient(135deg,#FFFFFF,#CCB7FA)}
.sxf span{color:#17123A}
.sx-tabs button{border:1px solid rgba(40,24,120,0.18);color:#17123A}
.sx-tabs button:hover{border-color:rgba(128,74,242,0.7)}
.sx-tabs button.on{background:#6F3ED8;border-color:#6F3ED8;color:#FFFFFF}
.more-clients{border-top:1px solid rgba(40,24,120,0.132)}
.more-head h2{color:#17123A}
.ab-big{color:#17123A}
.case{background:rgba(91,63,217,0.013);border-color:rgba(40,24,120,0.118)}
.case-stats{border-top:1px solid rgba(40,24,120,0.118);border-bottom:1px solid rgba(40,24,120,0.118)}
.case-stats div + div{border-left:1px solid rgba(40,24,120,0.118)}
.case-stats b{-webkit-text-fill-color:#17123A;color:#17123A}
.case-challenge{border-left:2px solid rgba(40,24,120,0.18)}
.case-challenge p{color:#3A3658}
.shot img, .wide-shot img{border-color:rgba(40,24,120,0.16)}
.try{border-top:1px solid rgba(40,24,120,0.118)}
@media (max-width:980px){
  .case-stats div:nth-child(n/**/+3){border-top:1px solid rgba(40,24,120,0.118)}
}
@media (max-width:640px){
  .sxf-dots i{background:rgba(91,63,217,0.198)}
}
@media (max-width:640px){
  .ind-tabs button{background:rgba(91,63,217,0.032);border:1px solid rgba(40,24,120,0.132)}
  .ind-tabs button.on{color:#17123A;background:#EEE7FE;border-color:rgba(129,77,239,0.5)}
  .ind-folder .ind-track{border:1px solid rgba(129,77,239,0.5);background:#EEE7FE}
}
@media (max-width:640px){
  .ind-tabnext{color:#17123A;background:linear-gradient(90deg, rgba(0,0,0,0), #FAF9FF 55%)}
}
.theme-pick{border:1px solid rgba(40,24,120,0.18);background:rgba(91,63,217,0.036)}
.theme-pick button.on{color:#17123A !important}
.sx-stats b{color:#17123A}
.qa-toggle{color:#17123A}
@media (max-width:820px){
  .sx-stats li{border-left:2px solid rgba(129,77,239,0.35)}
}

/* ===================== hand-written light mode ===================== */
:root {
  color-scheme: light;
  --ink:#FAF9FF; --slate:#FFFFFF; --slate-2:#F3F0FC; --slate-3:#E2DDF5;
  --steel:#4F4C6E; --steel-dim:#6E6B8C;
  --blue-deep:#EDE7FF; --blue-mid:#5B3FD9; --blue-bright:#6A4BE0; --blue-glow:rgba(106,75,224,.22);
  --blue-gradient:linear-gradient(135deg,#5B3FD9,#8B6CF6);
  --blue-gradient-soft:linear-gradient(135deg,#6A4BE0,#A78BFA);
  --lm-ink:#17123A;
}
html { background:#F3EEFF; }
body { background:transparent !important; }
body { color:var(--steel); }
h1, h2, h3 { color:var(--lm-ink); }
::selection { background:#C9B8FF; color:#17123A; }

/* the starfield belongs to dark mode */
#galaxy-canvas, .bullet-streak, .hero-grid, body::before { display:none !important; }

/* Background layer (fixed, always moving, like the stars in dark mode). Everything else scrolls over it.
   No live blur anywhere: soft radial gradients + transforms only, so phones stay smooth. */
.lm-bg { position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; display:block !important; contain:strict;
  background:linear-gradient(165deg,#F3EEFF 0%,#E6DBFF 38%,#F1EBFF 64%,#E2D5FF 100%); }
.lm-bg b { position:absolute; display:block; will-change:transform; }
.lm-bg b i { position:absolute; inset:0; border-radius:50%; will-change:transform; animation:lmDrift 18s ease-in-out infinite alternate; }
.lm-bg b:nth-child(1) { width:95vmax; height:95vmax; left:-45vmax; top:-30vmax; }
.lm-bg b:nth-child(1) i { background:radial-gradient(circle, rgba(124,77,255,.55) 0%, rgba(124,77,255,.22) 38%, rgba(124,77,255,0) 66%); }
.lm-bg b:nth-child(2) { width:85vmax; height:85vmax; right:-40vmax; top:15vh; }
.lm-bg b:nth-child(2) i { background:radial-gradient(circle, rgba(167,120,255,.5) 0%, rgba(167,120,255,.2) 40%, rgba(167,120,255,0) 66%); animation-duration:23s; animation-direction:alternate-reverse; }
.lm-bg b:nth-child(3) { width:80vmax; height:80vmax; left:-25vmax; top:55vh; }
.lm-bg b:nth-child(3) i { background:radial-gradient(circle, rgba(91,63,217,.42) 0%, rgba(91,63,217,.16) 40%, rgba(91,63,217,0) 66%); animation-duration:27s; }
.lm-bg b:nth-child(4) { width:70vmax; height:70vmax; right:-20vmax; top:-25vmax; }
.lm-bg b:nth-child(4) i { background:radial-gradient(circle, rgba(214,190,255,.75) 0%, rgba(214,190,255,.3) 40%, rgba(214,190,255,0) 66%); animation-duration:15s; }
.lm-bg b:nth-child(5) { width:60vmax; height:60vmax; left:20vw; top:35vh; }
.lm-bg b:nth-child(5) i { background:radial-gradient(circle, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 62%); animation-duration:20s; }
@keyframes lmDrift { 0% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(7%,-5%,0) scale(1.12); } 100% { transform:translate3d(-6%,6%,0) scale(.94); } }
/* slow ripples spreading through the glass */
.lm-bg u { position:absolute; width:70vmax; height:70vmax; border-radius:50%; text-decoration:none; opacity:0; will-change:transform, opacity;
  background:radial-gradient(circle, rgba(255,255,255,0) 52%, rgba(255,255,255,.55) 58%, rgba(196,170,255,.35) 61%, rgba(255,255,255,0) 66%);
  animation:lmRipple 12s ease-out infinite; }
.lm-bg u:nth-of-type(1) { left:-10vmax; top:10vh; }
.lm-bg u:nth-of-type(2) { right:-15vmax; top:45vh; animation-delay:4s; }
.lm-bg u:nth-of-type(3) { left:15vw; bottom:-20vmax; animation-delay:8s; }
@keyframes lmRipple { 0% { transform:scale(.15); opacity:0; } 15% { opacity:.9; } 100% { transform:scale(1.25); opacity:0; } }
/* the glass: a seamless sheet of bevelled squares (one image, drawn once by the script) */
.lm-bg .lm-grid { position:absolute; inset:0; background-repeat:repeat; background-size:var(--tile-sheet,576px) auto; opacity:.95;
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.85) 45%, #000); mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.85) 45%, #000); }
@media(prefers-reduced-motion:reduce){ .lm-bg b i, .lm-bg u { animation:none; } }

/* sections let the background show through */
section, .on-dark, .sg-band, .trust, .vid-sec, .home-qa, #services, #shift, #audit, #next, main, footer { background-color:transparent !important; }
header { background:linear-gradient(to bottom, rgba(250,249,255,.92), rgba(250,249,255,0)) !important; }

/* logo: black in light mode (swapped by <picture>; this is a fallback) */
.logo img { filter:none; }

/* Bismillah: dark gold and quieter on white */
.bismillah { background:linear-gradient(100deg,#7A5C14 0%,#A07C24 30%,#D9B85C 50%,#A07C24 70%,#7A5C14 100%); background-size:220% 100%;
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; filter:none; opacity:.45; }

/* hero headline */
.hero h1 { color:var(--lm-ink); }
.hero h1 em { background:linear-gradient(135deg,#5B3FD9,#8B6CF6 60%,#B79CFF); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.eyebrow { color:#6A4BE0 !important; }
.hero p.sub b { color:var(--lm-ink); }

/* cards: bright frosted panels with a deep shadow so they lift off the moving background (no live blur: it is what made phones lag) */
.glass, .mini, .sxf, .qa-list details, .ab-steps li, .work-card, .svc-card, .service-panel, .case, .trust-row, .proc-panel, .cta-band, .cta {
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
.glass, .mini, .sxf, .qa-list details, .ab-steps li, .work-card, .svc-card, .service-panel {
  background:linear-gradient(180deg, rgba(255,255,255,.93), rgba(255,255,255,.80)) !important; border:1px solid rgba(255,255,255,.95) !important;
  box-shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(40,20,120,.06), 0 10px 22px -8px rgba(60,30,160,.22), 0 34px 60px -26px rgba(60,30,160,.40) !important; }
.case { background:rgba(255,255,255,.78) !important; border:1px solid rgba(255,255,255,.95) !important;
  box-shadow:inset 0 1px 0 #fff, 0 12px 26px -10px rgba(60,30,160,.2), 0 40px 80px -40px rgba(60,30,160,.45) !important; }
.service-panel, .svc-card { transition:transform .35s ease, box-shadow .35s ease; }
.service-panel:hover, .svc-card:hover { transform:translateY(-4px); box-shadow:inset 0 1px 0 #fff, 0 2px 4px rgba(40,20,120,.08), 0 18px 34px -10px rgba(60,30,160,.3), 0 48px 80px -30px rgba(60,30,160,.5) !important; }
.svc-viewport.peek .svc-slide.is-center .service-panel { box-shadow:inset 0 1px 0 #fff, 0 14px 30px -10px rgba(60,30,160,.3), 0 44px 70px -26px rgba(60,30,160,.55) !important; }
.trust-row { background:rgba(255,255,255,.55); border-radius:14px; }

/* buttons */
.btn-primary, nav a.nav-cta, .menu-cta { background:#17123A !important; color:#fff !important; }
.btn-primary:hover, nav a.nav-cta:hover { background:#2A2160 !important; }
.btn-ghost { color:var(--lm-ink) !important; border-color:rgba(40,24,120,.18) !important; background:rgba(255,255,255,.6); }
.cta-float { background:#17123A; box-shadow:0 12px 30px -10px rgba(40,24,120,.55); }
.cta-float:hover { background:#2A2160; }
.status-badge { color:#4F4C6E; border-color:rgba(40,24,120,.16); background:rgba(255,255,255,.6); }
.status-dot { background:#6A4BE0; box-shadow:0 0 10px #8B6CF6; }
.mobile-menu { background:rgba(250,249,255,.97) !important; }
.mobile-menu a { color:var(--lm-ink); }
.menu-btn { background:rgba(255,255,255,.7) !important; border-color:rgba(40,24,120,.15) !important; }
.menu-btn span { background:#17123A !important; }

/* video: keep the frame dark, lighten the glow to lilac */
.vid-sec::before { background:radial-gradient(ellipse 60% 55% at 30% 50%, rgba(124,77,255,.35), transparent 70%),
  radial-gradient(ellipse 55% 55% at 72% 50%, rgba(196,181,253,.5), transparent 70%) !important; }
.vid-frame { background:linear-gradient(#000,#000) padding-box, linear-gradient(120deg,#5B3FD9,#8B6CF6 45%,#C4B5FD) border-box !important;
  box-shadow:0 30px 70px -30px rgba(91,63,217,.55) !important; }
.vid-tag { color:var(--lm-ink); }

/* closing boxes: white glass */
.cta { overflow:hidden; background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(244,238,255,.88)) !important; border:1px solid #fff !important;
  box-shadow:inset 0 1px 0 #fff, 0 12px 26px -10px rgba(60,30,160,.2), 0 40px 80px -40px rgba(60,30,160,.45) !important; }
.cta h2, .cta p { color:var(--lm-ink); }

/* footer */
footer { border-top:1px solid rgba(40,24,120,.1) !important; }
footer, footer a, footer .mono { color:#5E5A7E !important; }
.cta-band { position:relative; overflow:hidden; border-radius:24px; background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(244,238,255,.88)) !important;
  border:1px solid #fff !important; box-shadow:inset 0 1px 0 #fff, 0 12px 26px -10px rgba(60,30,160,.2), 0 40px 80px -40px rgba(60,30,160,.45) !important; }
.cta-band h2, .cta-band p { color:var(--lm-ink) !important; }

/* big numbers: ink-to-purple instead of white-to-blue */
.sxf b, .case-stats b, .ab-stats b, .stat b, .big { background:linear-gradient(135deg,#17123A,#5B3FD9) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:#17123A; }
/* the ChatGPT answer card: brand purple instead of navy */
.sx-new { background:linear-gradient(145deg,#2A1B6E,#5B3FD9 70%,#7C5CF0) !important; border-color:rgba(255,255,255,.35) !important; box-shadow:0 30px 60px -30px rgba(91,63,217,.65) !important; }
.sx-tabs button { color:#3A3658; border-color:rgba(40,24,120,.18); background:rgba(255,255,255,.6); }
.sx-tabs button.on { background:#17123A; border-color:#17123A; color:#fff; }
.sxf-dots i { background:rgba(40,24,120,.18); }
.sxf-dots i.on { background:#6A4BE0; }
/* "Singapore" accent: solid red on white (the shimmer fades out on a light page) */
.sg { background:none !important; -webkit-text-fill-color:#D3263A !important; color:#D3263A !important; animation:none !important; }

/* ---------- round 2 ---------- */
/* Google -> ChatGPT: light lavender card, dark text */
.sx-new { background:linear-gradient(150deg,#F4EEFF 0%,#E4D8FF 60%,#D6C6FF 100%) !important; color:#17123A !important; border:1px solid #fff !important;
  box-shadow:inset 0 1px 0 #fff, 0 12px 26px -10px rgba(60,30,160,.22), 0 40px 70px -34px rgba(60,30,160,.5) !important; }
.sx-new .sx-lbl { color:#5B3FD9 !important; }
.sx-q { background:#fff !important; color:#17123A !important; box-shadow:0 4px 12px -6px rgba(60,30,160,.3); }
.sx-a { background:rgba(255,255,255,.75) !important; border-color:rgba(91,63,217,.18) !important; color:#2A2550 !important; }
.sx-a b { color:#17123A !important; }
.sx-a .ai-dots u { background:#7C5CF0 !important; }
.sx-new .sx-note { color:#5B3FD9 !important; }
.sx-actions a { color:#17123A !important; }
.sx-actions .sx-try { color:#5B3FD9 !important; }
.sx-old { box-shadow:0 12px 26px -12px rgba(60,30,160,.25) !important; }
/* header and float stay readable over the moving background */
header { background:linear-gradient(to bottom, rgba(243,238,255,.95), rgba(243,238,255,0)) !important; }
/* readability on the stronger purple */
.hero p.sub { color:#2E2A4F !important; }
.hero h1 em { background:linear-gradient(135deg,#3F22B8,#5B3FD9 55%,#7C5CF0) !important; -webkit-background-clip:text !important; background-clip:text !important; }
.eyebrow { color:#4A2FC4 !important; }
.section-head p, .pr-lead, .vid-note, .more-lead { color:#3A3658 !important; }

/* ---------- performance pass ---------- */
.lm-bg b:nth-child(1) { width:75vmax; height:75vmax; left:-32vmax; top:-22vmax; }
.lm-bg b:nth-child(2) { width:70vmax; height:70vmax; right:-30vmax; top:22vh; }
.lm-bg b:nth-child(3) { width:65vmax; height:65vmax; left:-18vmax; top:62vh; }
.lm-bg b:nth-child(4), .lm-bg b:nth-child(5), .lm-bg u:nth-of-type(3) { display:none; }
.lm-bg .lm-grid { -webkit-mask-image:none; mask-image:none; opacity:.8; }
.lm-bg b i { animation-duration:24s; }
.theme-pick button { color:#6E6B8C !important; }
.theme-pick button.on { color:#17123A !important; }
.theme-pick .tp-label { color:#5E5A7E; }
.sx-stats li { color:#3A3658; }
.sx-stats b { color:#17123A; }
.qa-toggle { color:#17123A; }

/* ---------- liquid gradient (replaces the tiles and ripples) ---------- */
.lm-bg { background:linear-gradient(160deg,#F5F1FF 0%,#EDE5FF 50%,#F6F2FF 100%); }
.lm-bg .lm-grid, .lm-bg u { display:none !important; }
.lm-bg b { display:block !important; }
.lm-bg b:nth-child(1) { width:80vmax; height:80vmax; left:-30vmax; top:-30vmax; }
.lm-bg b:nth-child(2) { width:75vmax; height:75vmax; right:-30vmax; top:10vh; }
.lm-bg b:nth-child(3) { width:70vmax; height:70vmax; left:-20vmax; top:50vh; }
.lm-bg b:nth-child(4) { width:65vmax; height:65vmax; right:-15vmax; top:70vh; }
.lm-bg b:nth-child(5) { display:none !important; }
.lm-bg b:nth-child(1) i { background:radial-gradient(circle, rgba(124,77,255,.58) 0%, rgba(124,77,255,.26) 36%, rgba(124,77,255,0) 66%); animation:lmFlow1 26s ease-in-out infinite alternate; }
.lm-bg b:nth-child(2) i { background:radial-gradient(circle, rgba(216,180,254,.75) 0%, rgba(216,180,254,.32) 38%, rgba(216,180,254,0) 66%); animation:lmFlow2 31s ease-in-out infinite alternate; }
.lm-bg b:nth-child(3) i { background:radial-gradient(circle, rgba(91,63,217,.42) 0%, rgba(91,63,217,.18) 38%, rgba(91,63,217,0) 66%); animation:lmFlow3 23s ease-in-out infinite alternate; }
.lm-bg b:nth-child(4) i { background:radial-gradient(circle, rgba(155,177,255,.55) 0%, rgba(155,177,255,.22) 38%, rgba(155,177,255,0) 66%); animation:lmFlow4 35s ease-in-out infinite alternate; }
@keyframes lmFlow1 { 0% { transform:translate3d(0,0,0) scale(1); } 33% { transform:translate3d(28%,18%,0) scale(1.15); } 66% { transform:translate3d(12%,42%,0) scale(.9); } 100% { transform:translate3d(38%,8%,0) scale(1.1); } }
@keyframes lmFlow2 { 0% { transform:translate3d(0,0,0) scale(1); } 33% { transform:translate3d(-30%,22%,0) scale(.9); } 66% { transform:translate3d(-14%,-18%,0) scale(1.18); } 100% { transform:translate3d(-36%,30%,0) scale(1); } }
@keyframes lmFlow3 { 0% { transform:translate3d(0,0,0) scale(1.05); } 33% { transform:translate3d(34%,-24%,0) scale(.92); } 66% { transform:translate3d(46%,6%,0) scale(1.15); } 100% { transform:translate3d(18%,-36%,0) scale(1); } }
@keyframes lmFlow4 { 0% { transform:translate3d(0,0,0) scale(1); } 33% { transform:translate3d(-26%,-30%,0) scale(1.12); } 66% { transform:translate3d(-44%,-8%,0) scale(.95); } 100% { transform:translate3d(-20%,-46%,0) scale(1.08); } }
@media(prefers-reduced-motion:reduce){ .lm-bg b i { animation:none !important; } }
.aiword { background:linear-gradient(135deg,#4A2FC4,#7C5CF0) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; }

/* ---------- softer, faster liquid gradient ---------- */
.lm-bg { background:linear-gradient(160deg,#F7F4FF 0%,#F0EAFF 50%,#F8F5FF 100%); }
.lm-bg b:nth-child(1) i { background:radial-gradient(circle, rgba(124,77,255,.42) 0%, rgba(124,77,255,.26) 25%, rgba(124,77,255,.10) 48%, rgba(124,77,255,0) 70%); animation-duration:14s !important; }
.lm-bg b:nth-child(2) i { background:radial-gradient(circle, rgba(216,180,254,.62) 0%, rgba(216,180,254,.36) 26%, rgba(216,180,254,.12) 50%, rgba(216,180,254,0) 70%); animation-duration:17s !important; }
.lm-bg b:nth-child(3) i { background:radial-gradient(circle, rgba(91,63,217,.30) 0%, rgba(91,63,217,.18) 26%, rgba(91,63,217,.06) 50%, rgba(91,63,217,0) 70%); animation-duration:12s !important; }
.lm-bg b:nth-child(4) i { background:radial-gradient(circle, rgba(155,177,255,.45) 0%, rgba(155,177,255,.26) 26%, rgba(155,177,255,.08) 50%, rgba(155,177,255,0) 70%); animation-duration:19s !important; }
.sx-stats li { border-left-color:rgba(91,63,217,.3) !important; }
.case-challenge { background:none !important; }