/* INA Webtech — Light Theme */
:root{--cb:#ffffff;--b1:rgba(0,0,0,0.07);--b2:rgba(0,0,0,0.13);--t1:#0f172a;--t2:#334155;--t3:#64748b;--d:#f8fafc;--d2:#f1f5f9;--d3:#e2e8f0}
body{background:#f8fafc !important;color:#0f172a}
body::before{display:none !important}
.aurora-a,.aurora-b,.aurora-c{display:none !important}
#nav{background:rgba(248,250,252,0.9) !important;backdrop-filter:blur(24px) !important;border-bottom:1px solid rgba(0,0,0,0.07) !important;box-shadow:0 1px 0 rgba(0,0,0,0.05) !important}
#nav.stuck{background:rgba(248,250,252,0.97) !important}
.nm a,.nl a{color:#1e293b !important}
.nm a:hover,.nl a:hover{color:#3DB2E8 !important}
.hero{background:linear-gradient(145deg,#f0f9ff 0%,#f8fafc 55%,#eff6ff 100%) !important}
.hero-content::before{display:none !important}
.hero h1{color:#0f172a !important;text-shadow:none !important}
.hero h1 .gt{background:linear-gradient(135deg,#0ea5e9,#3DB2E8,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:none !important}
.hd-p{color:#334155 !important}
.hpill{background:rgba(61,178,232,0.08) !important;border-color:rgba(61,178,232,0.2) !important;color:#0284c7 !important}
.havail{background:rgba(34,197,94,0.07) !important;border-color:rgba(34,197,94,0.2) !important;color:#16a34a !important}
.sec{background:#ffffff !important}
.sec.alt{background:#f8fafc !important}
.sec::before,.sec::after{display:none !important}
.sec .wrap::before{display:none !important}
.ph{background:linear-gradient(180deg,#f0f9ff 0%,#f8fafc 100%) !important;border-bottom:1px solid rgba(0,0,0,0.07) !important}
.ph::after{display:none !important}
.ph h1,.ph h2{color:#0f172a !important;text-shadow:none !important}
.lbl{color:#3DB2E8 !important;text-shadow:none !important}
h1,h2,h3{color:#0f172a !important;text-shadow:none !important}
h2 .gt,.ph h1 .gt,.ph h2 .gt{background:linear-gradient(135deg,#0ea5e9,#3DB2E8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
p{color:#475569 !important}
.bc a{color:#3DB2E8 !important}
.stats-strip{background:#ffffff !important;border-top:1px solid rgba(0,0,0,0.06) !important;border-bottom:1px solid rgba(0,0,0,0.06) !important}
.stats-strip::before,.stats-strip::after{display:none !important}
.sn{background:linear-gradient(135deg,#0284c7,#3DB2E8) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;filter:none !important;text-shadow:none !important}
.sl{color:#64748b !important}
.btile,.pillar,.dcard,.tcard,.cs,.incard,.jcard{background:#ffffff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:1px solid rgba(0,0,0,0.07) !important;box-shadow:0 2px 16px rgba(0,0,0,0.06),0 1px 0 rgba(0,0,0,0.04) !important}
.btile:hover,.pillar:hover,.dcard:hover,.tcard:hover,.cs:hover,.incard:hover{border-color:rgba(61,178,232,0.2) !important;box-shadow:0 8px 32px rgba(0,0,0,0.1) !important;transform:translateY(-4px) !important}
.btile::before,.pillar::before,.dcard::before,.btile::after,.pillar::after,.cs::after,.incard::after{display:none !important}
.pico,.bico,.dico{background:rgba(61,178,232,0.08) !important;border:1px solid rgba(61,178,232,0.15) !important;box-shadow:none !important}
.tag,.ppt,.pp{background:rgba(61,178,232,0.07) !important;border:1px solid rgba(61,178,232,0.15) !important;color:#0284c7 !important}
.pbadge{background:#3DB2E8 !important;color:#fff !important}
.btn.bp{background:linear-gradient(135deg,#3DB2E8,#0284c7) !important;box-shadow:0 2px 16px rgba(61,178,232,0.3) !important;border:none !important;color:#fff !important}
.btn.bp:hover{box-shadow:0 6px 24px rgba(61,178,232,0.45) !important;transform:translateY(-2px) !important}
.btn.bo{background:#ffffff !important;border:1px solid rgba(0,0,0,0.12) !important;color:#1e293b !important;backdrop-filter:none !important}
.btn.bo:hover{border-color:rgba(61,178,232,0.3) !important;background:rgba(61,178,232,0.04) !important}
.client-sec{background:#f8fafc !important;border-top:1px solid rgba(0,0,0,0.06) !important;border-bottom:1px solid rgba(0,0,0,0.06) !important}
.client-eyebrow{color:#94a3b8 !important}
.clogo{background:#ffffff !important;border-color:rgba(0,0,0,0.07) !important}
.clogo:hover{background:#f8fafc !important;border-color:rgba(61,178,232,0.2) !important}
.clogo img{filter:grayscale(1) opacity(0.5) !important}
.clogo:hover img{filter:none !important;opacity:1 !important}
.mw{border-top:1px solid rgba(0,0,0,0.06) !important}
.ml{color:#94a3b8 !important;opacity:1 !important}
.ctabox{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%) !important;border:none !important;box-shadow:0 16px 48px rgba(15,23,42,0.18) !important}
.ctabox .lbl{color:#7dd8f8 !important}
footer,.footer{background:#0f172a !important;border-top:1px solid rgba(255,255,255,0.06) !important}
footer *,.footer *{color:#94a3b8 !important}
footer h4,.footer h4{color:#f1f5f9 !important}
footer a:hover,.footer a:hover{color:#3DB2E8 !important}
input,textarea,select{background:#ffffff !important;border-color:rgba(0,0,0,0.12) !important;color:#0f172a !important}
input:focus,textarea:focus,select:focus{border-color:rgba(61,178,232,0.4) !important;box-shadow:0 0 0 3px rgba(61,178,232,0.08) !important}
label{color:#334155 !important}
.mob{background:rgba(248,250,252,0.98) !important;border-color:rgba(0,0,0,0.08) !important}
.mob a{color:#1e293b !important}
.qstep,.rcard{background:#ffffff !important;border-color:rgba(0,0,0,0.08) !important;box-shadow:0 4px 24px rgba(0,0,0,0.07) !important}
.qopt{background:#f8fafc !important;border-color:rgba(0,0,0,0.08) !important;color:#0f172a !important}
.qopt:hover,.qopt.sel{background:rgba(61,178,232,0.07) !important;border-color:rgba(61,178,232,0.28) !important}
.tcard::before{color:rgba(61,178,232,0.1) !important}
.tcard p{color:#374151 !important}
.tau{color:#0f172a !important}
.tav{color:#64748b !important}
.sec-div{background:linear-gradient(90deg,transparent,rgba(0,0,0,0.07),transparent) !important}

/* ── FIX 1: CTA box — text must be light on dark background ── */
.ctabox h1,.ctabox h2,.ctabox h3{color:#f1f5f9 !important;-webkit-text-fill-color:#f1f5f9 !important}
.ctabox p{color:#cbd5e1 !important}
.ctabox .lbl{color:#7dd8f8 !important}
.ctabox h2 .gt{background:linear-gradient(135deg,#7dd8f8,#3DB2E8) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important}
.ctabox .btn.bo{background:rgba(255,255,255,0.95) !important;color:#0f172a !important;border:none !important}

/* ── FIX 2: Hero floating badges — white cards ── */
.hb{background:#ffffff !important;border:1px solid rgba(0,0,0,0.08) !important;box-shadow:0 4px 20px rgba(0,0,0,0.08) !important;backdrop-filter:none !important}
.hb h4,.hb p,.hb span:not(.hb-icon){color:#0f172a !important}
.hb .hb-icon,.hb-icon{background:rgba(61,178,232,0.1) !important;color:#3DB2E8 !important}
.hfl .hb h4{color:#0f172a !important}
.hfl .hb p,.hfl .hb span{color:#64748b !important}

/* ── FIX 3: Testimonial section — ensure readable on light ── */
.tcard{background:#ffffff !important;border:1px solid rgba(0,0,0,0.07) !important}
.tcard p,.tcard q{color:#374151 !important}
.tau{color:#0f172a !important;font-weight:600}
.tav{color:#64748b !important}
.ta{background:rgba(61,178,232,0.12) !important;color:#0284c7 !important}

/* ── FIX 4: Any remaining dark text-on-dark issues ── */
.sh p,.sec p{color:#475569 !important}
.hd-p{color:#334155 !important}
.incard h3,.cs h3,.dcard h3{color:#0f172a !important}
.incard p,.cs p,.dcard p{color:#475569 !important}

/* ── Nav logo image ── */
.logo img{height:38px !important;width:auto !important;display:block !important}

/* ── Dropdown menu — white on light theme ── */
.dd{background:#ffffff !important;border:1px solid rgba(0,0,0,0.09) !important;box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06) !important}
.dd a,.di,.ni,.nis{color:#1e293b !important}
.dd a:hover{color:#3DB2E8 !important;background:rgba(61,178,232,0.06) !important}
.dico{background:rgba(61,178,232,0.08) !important;border-color:rgba(61,178,232,0.15) !important}
.di{color:#64748b !important}

/* ── Hero floating badges — white ── */
.hb{background:#ffffff !important;border:1px solid rgba(0,0,0,0.08) !important;box-shadow:0 4px 20px rgba(0,0,0,0.08) !important;backdrop-filter:none !important}
.hb h4{color:#0f172a !important}
.hb p,.hb span{color:#64748b !important}

/* ── Testimonial avatar — lighter blue ── */
.tav{background:linear-gradient(135deg,#3DB2E8,#0ea5e9) !important;color:#ffffff !important}
.tn{color:#0f172a !important}
.tr2{color:#64748b !important}
.qm{color:rgba(61,178,232,0.2) !important}

/* ── CTA paragraph readable ── */
.ctabox h1,.ctabox h2,.ctabox h3{color:#f1f5f9 !important;-webkit-text-fill-color:#f1f5f9 !important}
.ctabox p{color:#cbd5e1 !important}
.ctabox .btn.bo{background:rgba(255,255,255,0.95) !important;color:#0f172a !important;border:none !important}

/* ── Marquee on light bg ── */
.mw{background:#f8fafc !important;border-top:1px solid rgba(0,0,0,0.06) !important;border-bottom:1px solid rgba(0,0,0,0.06) !important}
.ml{color:#94a3b8 !important}
