/* Custom theme: Barlow + Nunito, orange #fa7226 / navy #003c95 */
:root{--bg:#fff;--card:#fff;--o:#fa7226;--ink:#00245a;--nv:#003c95;--bl:#1459dd;--pu:#6426bc;--gr:#43b548;--am:#f58220;--tx:#000;--bd:#eef1f8;--sh:0 4px 22px rgba(0,36,90,.09)}
body{background:#fff;color:#000;font-size:16px;line-height:26px}
h1,h2,h3,h4{color:var(--ink)}
.blob,.orb{display:none}
/* buttons */
.btn{border-radius:5px;padding:11px 22px;font:700 16px Nunito;box-shadow:none}
.btn::after{display:none}
.btn:hover{transform:none;box-shadow:0 8px 18px -8px rgba(250,114,38,.7)}
.btn.nvb{background:var(--nv)}
/* header: transparent over hero, white when sticky */
.hd{position:absolute;left:0;right:0;top:0;background:transparent;backdrop-filter:none;border:0}
.hd.sc{position:fixed;background:#fff;box-shadow:0 6px 20px rgba(0,36,90,.12)}
.nv{font-weight:700}.nv>a,.dd>a{color:var(--ink)}
.hcta{background:var(--nv);color:#fff;border-radius:5px}
.bur{color:var(--o)}
.ddm{border-radius:8px;border:0;box-shadow:0 10px 30px rgba(0,36,90,.15)}
.mnav{position:absolute;left:0;right:0;top:100%;box-shadow:0 12px 24px rgba(0,36,90,.12)}
/* hero */
.hero,.phero{background:linear-gradient(180deg,#eaf1ff 0%,#f7faff 70%,#fff 100%);padding-top:120px}
.hero{padding-bottom:70px}
.hero::before,.phero::before{animation:none;opacity:.6;background-image:radial-gradient(rgba(0,60,149,.18) 1.5px,transparent 1.5px);background-size:18px 18px}
.kick{background:#fff;color:var(--ink);border-radius:999px;box-shadow:0 2px 12px rgba(0,36,90,.08);font:700 15px Barlow}
.hero h1,.phero h1{color:var(--ink);font-weight:700}
.gr{color:#16a31a}
.hero p.lead,.phero .lead{color:#000;font-size:17px}
.badge i{background:none;width:auto;height:auto;color:var(--c)}
.chip{border-radius:10px;background:#fff;backdrop-filter:none;border:0;box-shadow:0 4px 18px rgba(0,36,90,.12)}
.chip svg{border-radius:8px}
.crumbs a{color:var(--ink)}
/* navy sliding strip */
.strip{background:#003c95;padding:11px 0}
.track span{font:700 17px Nunito;letter-spacing:0}
.track span::before{background:#fff;width:7px;height:7px;margin-right:38px}
/* section titles */
.sec{padding:64px 0}.bgw{background:#f5f8ff}
.tag{font:800 19px Barlow;letter-spacing:0;color:var(--gr)}
.tag::after{width:96px;height:10px;margin:2px auto 10px;border-radius:0;background:radial-gradient(circle,var(--pu) 3px,transparent 4px) center/10px 10px no-repeat,linear-gradient(#B718A6,#B718A6) center/100% 2px no-repeat}
.tag.l::after{margin-left:0}
.title{font-size:clamp(26px,3.4vw,36px);color:#001c58;text-transform:capitalize}
.hl{color:var(--o)}
/* about card */
.abc{background:#003c95;border-radius:14px;box-shadow:var(--sh)}.abc::after{display:none}
.fdr i,.av{background:#fff;color:var(--o);border:3px solid var(--o);box-shadow:none}
/* service cards */
.svc{border:0;border-radius:12px;box-shadow:var(--sh);padding:30px 22px 22px}
.svc::before,.svc::after{display:none}
.svc:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,36,90,.15);border:0}
.ic{width:auto;height:auto;background:none;box-shadow:none;color:var(--c);margin-bottom:12px}
.ic svg{width:42px;height:42px}
.svc:hover .ic{transform:none}
.svc h3{font-size:22px;color:var(--ink)}.svc p{color:#000}
.rl{border:1px solid #eee;color:var(--o);border-radius:999px;font-weight:600}
.rl:hover,.svc:hover .rl{background:var(--o);color:#fff;border-color:var(--o)}
/* process: solid colour boxes */
.step{background:var(--c);border-radius:8px;box-shadow:0 0 0 6px #fff,0 6px 22px rgba(0,36,90,.12);padding:28px 20px}
.step::before{display:none}
.step .n{border:0;animation:none;background:rgba(255,255,255,.18)}.step .n svg{animation:none}
.step:hover{transform:translateY(-5px)}
/* tech tiles */
.tile{border:0;border-radius:10px;box-shadow:var(--sh);font:700 16px Nunito;color:var(--ink)}
.tile svg{background:none;color:var(--c);padding:0;width:54px;height:54px}
.tile:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,36,90,.15)}
/* trusted stat cards with trapezoid badge */
.stat{border:0;border-radius:14px;box-shadow:var(--sh)}
.stat::before{display:none}
.ring::after{display:none}
.stat .tab{background:var(--c);width:96px;height:30px;line-height:30px;font-size:17px}
/* dark section becomes light */
.dk{background:#fff;color:#000}.dk h2,.dk h3{color:var(--ink)}.dk .tag{color:var(--gr)}.dk .ck li{color:var(--ink)}.dk .ck li::before{color:var(--o)}
.code{animation:none;border-radius:12px}
/* reviews, faq, projects */
.rev{border:0;border-radius:12px;box-shadow:var(--sh)}.rev::before{display:none}.rev:hover{transform:translateY(-5px)}
details{border-radius:10px;border:0;box-shadow:var(--sh)}details:hover{transform:none}
summary i{background:var(--c,var(--o))}
.pj,.ps,.tm,.dl,.form{border:0;border-radius:12px}
.pj .top{background:var(--c)}.pj .top::after{display:none}
.sv{background:var(--c);border-radius:14px;box-shadow:var(--sh)}.sv::after{display:none}.sdi{background:none;color:var(--c);box-shadow:none;width:auto;height:auto}
.dl .ic{background:none}
.filters button.on{background:var(--o)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--o)}
/* CTA band */
.band{background:linear-gradient(135deg,#001c58,#003c95);border-radius:14px;box-shadow:var(--sh)}
/* footer */
.ft{background-color:#fbfcff;margin-top:0}
.ft h4::after{background:#2879ed}
.fc i{border-radius:5px}
.soc a,.soc a+a,.soc a:first-child{border-radius:50%}
.fbot{color:#18243b}
/* floating buttons */
.fab.call{background:linear-gradient(135deg,#1459dd,#2879ed)}
@media(max-width:1000px){.hero,.phero{padding-top:96px}.hd{background:#fff;position:sticky}.hd.sc{position:sticky}}
@media(max-width:620px){.title{font-size:25px}.sec{padding:48px 0}}
/* added detail sections */


.plan{position:relative;background:#fff;border-radius:14px;box-shadow:var(--sh);padding:30px 24px 26px;border:1px solid var(--bd);display:flex;flex-direction:column}
.plan.pop{border:1.5px solid var(--o)}.plan .mp{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--o);color:#fff;font:700 13px Barlow;padding:5px 16px;border-radius:0 0 10px 10px;top:-1px;white-space:nowrap}
.plan h3{font-size:26px;color:var(--c)}.plan small{display:block;margin-bottom:14px}.plan .pr{font:800 34px Barlow;color:var(--c);border-bottom:1px dashed #d8deee;padding-bottom:14px;margin-bottom:12px}
.plan li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #f0f2f8;font-weight:600;font-size:15px;color:var(--ink)}.plan li::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:var(--c);color:#fff;font-size:12px;display:grid;place-items:center}
.plan ul{margin-bottom:20px;flex:1}.plan .btn{background:var(--c);width:100%}
.ind{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ind div{background:#fff;border-radius:10px;box-shadow:var(--sh);padding:22px 14px;text-align:center;font:700 17px Barlow;color:var(--ink);transition:transform .25s}.ind div:hover{transform:translateY(-5px)}.ind svg{display:block;margin:0 auto 10px;width:40px;height:40px;fill:none;stroke:var(--c);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1000px){.ind{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.ind{grid-template-columns:1fr 1fr}}
/* header adjust */
.hd{z-index:200}
.hb{height:84px;gap:28px}
.logo img{height:44px}
.nv{gap:34px;font-size:17px;margin-left:auto;margin-right:auto}
.nv>a,.dd>a{padding:10px 0}
.hcta{padding:11px 22px;font-size:16px;white-space:nowrap}
.hd.sc .hb{height:70px}
.c1{top:120px;left:2%}.c3{top:120px;right:2%}.c2{bottom:130px}.c4{bottom:130px}
@media(max-width:1250px){.chip{display:none}}
@media(max-width:1000px){.hb{height:68px}.logo img{height:40px}.bur{margin-right:-8px}}