/* ===== Light theme (loads last): airy white / soft blue-grey, navy accents, new fonts ===== */
:root{
  --bg:#F5F7FB;--bg-soft:#FFFFFF;--surface:#FFFFFF;--surface-2:#EEF2F8;
  --border:rgba(19,33,64,.09);--border-strong:rgba(19,33,64,.16);
  --orange:#F15A29;--orange-light:#E2521F;--blue:#1590D4;--blue-deep:#0c66a2;--navy:#0E1D3A;
  --text:#132140;--text-muted:#56627E;--text-dim:#7C87A0;
  --glow-o:rgba(241,90,41,.22);--glow-b:rgba(26,163,232,.22);--glass:#fff;
}
body{background:radial-gradient(1100px 560px at 85% -8%,rgba(26,163,232,.10),transparent 60%),radial-gradient(800px 520px at -8% 18%,rgba(241,90,41,.07),transparent 55%),var(--bg);color:var(--text);font-weight:400}
body::before{background-image:linear-gradient(rgba(19,33,64,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,33,64,.035) 1px,transparent 1px);opacity:.7}
.grid-glow{display:none}
h1,h2,h3,h4,h5{font-weight:700;color:var(--text)}
.lead,p{color:var(--text-muted)}

/* header: clean white bar */
header,header.scrolled{background:rgba(255,255,255,.92);border-bottom:1px solid var(--border)}
header.scrolled{box-shadow:0 8px 30px -18px rgba(19,33,64,.25)}
.nav-links a{color:var(--text-muted);font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--orange)}
.nav-links.open{background:#fff}
.menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{background:var(--text)}

/* buttons */
.btn-primary{color:#fff;box-shadow:0 10px 22px -12px rgba(241,90,41,.7)}
.btn-ghost{background:#fff;border:1px solid var(--border-strong);color:var(--text)}
.btn-ghost:hover{border-color:var(--blue);background:#fff;color:var(--blue)}

/* hero */
.hero-bg{opacity:.35}
.hero-bg::after{background:linear-gradient(90deg,rgba(245,247,251,.96) 22%,rgba(245,247,251,.55)),linear-gradient(0deg,var(--bg) 0%,transparent 35%)}
.orb{opacity:.35}
.hero-badge{background:#fff;color:var(--text-muted);border-color:var(--border-strong);box-shadow:0 6px 18px -12px rgba(19,33,64,.3)}
.hero h1 .accent{background-image:linear-gradient(100deg,var(--orange),#f7883e 45%,var(--blue))}
.hero-meta{border-top-color:var(--border-strong)}
.hero-slider{--bg:#080d1a;--bg-soft:#0b1224;--surface:#101a33;--text:#eef2fb;--text-muted:#a7b3cf;--border-strong:rgba(255,255,255,.16);box-shadow:0 40px 80px -36px rgba(19,33,64,.45),0 0 0 1px var(--border-strong)}
.slider-arrows button{color:#fff}

/* section heads */
.eyebrow{color:var(--orange);background:rgba(241,90,41,.08);border-color:rgba(241,90,41,.25)}
section.alt,.section-alt{background:transparent}

/* cards */
.service-card,.why-card,.testi-card,.stat-card,.card,.side-box,.info-item,.step,.product-card{background:#fff;backdrop-filter:none;border:1px solid var(--border);box-shadow:0 10px 30px -22px rgba(19,33,64,.28)}
.service-card:hover,.card:hover,.why-card:hover{border-color:rgba(241,90,41,.45);box-shadow:0 24px 50px -26px rgba(241,90,41,.35)}
.service-card::before,.why-card::before,.card::before,.stat-card::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(241,90,41,.07),transparent 45%)}
.stat-card .num,.hero-meta .num{background:linear-gradient(120deg,var(--text),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.card-media::after{background:linear-gradient(180deg,transparent 60%,rgba(14,29,58,.35))}
.badge-demo{color:#fff}
.tech-chip{background:#fff;border-color:var(--border)}
.tech-chip .ticon{background:#F5F7FB;box-shadow:none;border:1px solid var(--border)}
.tag,.card-tag{color:var(--orange)}
.price{color:var(--orange)}

/* process / testimonial extras */
.step h3{color:var(--text)}

/* forms */
.field input,.field textarea,.field select{background:#fff;color:var(--text)}
.field input:focus,.field textarea:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(26,163,232,.15)}
.contact-form{background:#fff;backdrop-filter:none;border-color:var(--border);box-shadow:0 30px 60px -36px rgba(19,33,64,.35)}
.flash.ok{background:#E6F7EF;border-color:#a8dcc0;color:#157a4f}.flash.err{background:#FDECEA;border-color:#f3b6ae;color:#b3341f}
.pager a,.pager span{background:#fff;border-color:var(--border);color:var(--text)}
.prose{color:var(--text)}.prose p,.prose li{color:var(--text-muted)}.prose h2,.prose h3{color:var(--text)}
.prose pre,.prose code{background:#EEF2F8;color:var(--text)}

/* page banner: keep navy band with white text for strong contrast */
.page-hero{--text:#fff;--text-muted:#c3cde8;--text-dim:#93a0bd;--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.22);--bg:#0E1D3A;border-bottom:0}
.page-hero h1,.page-hero p{color:#fff}.page-hero .lead{color:#c3cde8}
.page-hero .eyebrow{color:#ffb59a;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
.banner-bg::after{background:linear-gradient(90deg,rgba(14,29,58,.94) 8%,rgba(14,29,58,.7) 45%,rgba(14,29,58,.35)),linear-gradient(0deg,rgba(14,29,58,.5) 0%,transparent 40%)}
.crumbs ol{background:rgba(255,255,255,.1)}

/* CTA band: navy gradient card, white text */
.cta-box{--text:#fff;--text-muted:#c3cde8;--border-strong:rgba(255,255,255,.28);border:0;background:radial-gradient(600px 300px at 12% 0%,rgba(241,90,41,.55),transparent 60%),radial-gradient(600px 300px at 92% 100%,rgba(26,163,232,.5),transparent 60%),#0E1D3A}
.cta-box h2{color:#fff}.cta-box p{color:#c3cde8}
.cta-box .btn-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
.cta-box .btn-ghost:hover{background:rgba(255,255,255,.18);color:#fff;border-color:#fff}

/* footer: light */
footer{background:#fff;border-top:1px solid var(--border)}
footer::before{opacity:.7}
.footer-col a{color:var(--text-muted)}.footer-col a:hover{color:var(--orange)}
.footer-brand p{color:var(--text-muted)}.footer-bottom{color:var(--text-dim);border-top-color:var(--border)}
.social-row a{background:#fff}

/* floating buttons */
.fab.up{background:#fff;color:var(--text);border-color:var(--border-strong);box-shadow:0 10px 26px -10px rgba(19,33,64,.4)}
.fab{box-shadow:0 12px 28px -10px rgba(19,33,64,.45)}
::selection{background:var(--orange);color:#fff}