/* BizPal Corporate Theme V12 — premium lavender / violet / magenta system */
:root{
  --bp-ink:#080b1f;
  --bp-ink-2:#14172d;
  --bp-muted:#68708a;
  --bp-bg:#f8f8fc;
  --bp-white:#ffffff;
  --bp-line:#e8e8f1;
  --bp-purple:#7c3aed;
  --bp-violet:#8b5cf6;
  --bp-pink:#d946a8;
  --bp-magenta:#ec4899;
  --bp-lav:#f1eafe;
  --bp-gradient:linear-gradient(105deg,#7c3aed 0%,#a33bd4 48%,#e53fa3 100%);
  --bp-shadow:0 24px 70px rgba(25,18,62,.10);
  --bp-shadow-sm:0 10px 30px rgba(25,18,62,.07);
}
html{scroll-behavior:smooth}
body{background:var(--bp-bg)!important;color:var(--bp-ink)!important;font-family:Inter,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 80% 5%,rgba(139,92,246,.07),transparent 28%),radial-gradient(circle at 10% 45%,rgba(217,70,168,.035),transparent 30%)}
.topbar{display:none!important}
header{background:rgba(255,255,255,.84)!important;border-bottom:1px solid rgba(20,23,45,.08)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
nav{height:78px!important}
.brand{gap:11px!important}
.brand-mark{width:42px!important;height:42px!important;border-radius:13px!important;background:var(--bp-gradient)!important;box-shadow:0 10px 25px rgba(124,58,237,.22)!important;font-weight:900}
.brand-name{font-size:24px!important;color:var(--bp-ink)!important;font-weight:800}
.brand-name span{background:var(--bp-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.navlinks a{color:#3b4056!important;font-weight:650!important}
.navlinks a:hover{color:var(--bp-purple)!important}
.nav-cta{background:var(--bp-gradient)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(124,58,237,.18)!important}
.menu{color:var(--bp-ink)!important}
.hero{background:radial-gradient(circle at 80% 15%,#f1e9ff 0%,#fbf9ff 28%,#f8f8fc 60%)!important;padding:98px 0 88px!important}
.hero:before{content:"";position:absolute;width:520px;height:520px;right:-240px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(217,70,168,.16),rgba(124,58,237,.02) 68%,transparent 70%);pointer-events:none}
.hero:after{background:radial-gradient(circle,rgba(124,58,237,.12),transparent 66%)!important;filter:blur(8px)!important}
.hero .eyebrow,.section-head .eyebrow{color:var(--bp-purple)!important;letter-spacing:1.8px!important;font-size:11px!important;font-weight:800!important}
.hero h1{color:var(--bp-ink)!important}
.hero h1 span{background:var(--bp-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero p{color:var(--bp-muted)!important}
.btn{border-radius:999px!important;font-weight:750!important;letter-spacing:-.1px}
.btn-primary{background:var(--bp-gradient)!important;color:#fff!important;box-shadow:0 14px 30px rgba(124,58,237,.20)!important}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(124,58,237,.25)!important}
.btn-secondary{background:#fff!important;border:1px solid #dedbea!important;color:var(--bp-ink)!important}
.btn-secondary:hover{border-color:#c9b8ef!important;color:var(--bp-purple)!important;background:#fcfaff!important}
.hero-art{background:linear-gradient(145deg,#11142a,#272047 62%,#4a1f57)!important;box-shadow:0 32px 80px rgba(25,18,62,.20)!important;border:1px solid rgba(255,255,255,.08)}
.hero-art svg{filter:drop-shadow(0 15px 30px rgba(124,58,237,.15))}
section{padding:108px 0!important}
.section-head h2,h2{color:var(--bp-ink)!important}
.section-head p{color:var(--bp-muted)!important}
#services{background:#101329!important;color:#fff!important;position:relative;overflow:hidden}
#services:before{content:"";position:absolute;width:620px;height:620px;right:-240px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.22),transparent 68%);pointer-events:none}
#services h2{color:#fff!important}
#services .section-head p{color:#aeb2c9!important}
#services .eyebrow{color:#b58aff!important}
#services .service-grid{gap:18px!important;background:transparent!important;border:0!important}
#services .service{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:22px!important;box-shadow:none!important;backdrop-filter:blur(8px);transition:transform .25s ease,background .25s ease,border-color .25s ease}
#services .service:hover{background:rgba(255,255,255,.075)!important;border-color:rgba(181,138,255,.38)!important;transform:translateY(-6px)!important;box-shadow:0 22px 45px rgba(0,0,0,.18)!important}
#services .service h3{color:#fff!important}
#services .service p,#services .service li{color:#b9bfd3!important}
#services .service-more{color:#c19cff!important}
#services .service-visual{border-radius:17px!important}
.visual-blue{background:linear-gradient(135deg,#21194f,#6d3be7)!important}.visual-green{background:linear-gradient(135deg,#381746,#d23f9d)!important}.visual-purple{background:linear-gradient(135deg,#25164e,#9b55f2)!important}.visual-orange{background:linear-gradient(135deg,#40203d,#e24b9f)!important}.visual-cyan{background:linear-gradient(135deg,#211a50,#6954dc)!important}
#about{background:#fff!important}
.about-visual{background:linear-gradient(145deg,#11142a,#32204f 68%,#71306b)!important;box-shadow:var(--bp-shadow)!important}
.about-visual .big{color:rgba(255,255,255,.08)!important}
.metric{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important}
.check i{background:#f1eafe!important;color:var(--bp-purple)!important}
#process{background:#f0eef7!important}
.process-grid{background:#ded9ea!important}
.step{background:#fff!important;border:0!important;transition:transform .2s ease,box-shadow .2s ease}
.step:hover{transform:translateY(-3px);box-shadow:var(--bp-shadow-sm)!important;position:relative;z-index:1}
.step-num{color:#b19bda!important}
.step h3{color:var(--bp-ink)!important}
.step p{color:var(--bp-muted)!important}
.lead-section{background:linear-gradient(180deg,#f8f7fc 0%,#fff 100%)!important}
.lead-card{background:linear-gradient(145deg,#11142a 0%,#312052 62%,#762d69 100%)!important;border:0!important;box-shadow:var(--bp-shadow)!important}
.lead-card h3{color:#fff!important}
.lead-card p{color:#c7c9d8!important}
.lead-list div b{color:#c6a8ff!important}
.contact-mini{border-top-color:rgba(255,255,255,.14)!important}
.contact-mini a{color:#fff!important}
.form-card,.card{border-color:var(--bp-line)!important;box-shadow:var(--bp-shadow-sm)!important;background:#fff!important}
.form-card h3{color:var(--bp-ink)!important}
.field label{color:#353a52!important}
.field input,.field select,.field textarea{border-color:#dddbe7!important;background:#fcfcfe!important}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#a477ef!important;box-shadow:0 0 0 3px rgba(124,58,237,.10)!important}
.form-note{color:#7b8196!important}
.success{background:#f1fbea!important;border-color:#ccebbd!important;color:#3d7b27!important}
.testimonials{background:#f7f6fb!important}
.quote{border-color:var(--bp-line)!important;box-shadow:var(--bp-shadow-sm)!important}
.stars{color:#a84de0!important}
.quote .person{color:var(--bp-ink)!important}
.trust-strip{background:#fff!important;border-color:var(--bp-line)!important}
.trust-item .ti{filter:saturate(.7)}
.trust-item strong{color:var(--bp-ink)!important}
.trust-item span{color:var(--bp-muted)!important}
.process{background:#f2f0f8!important}
details{border-color:var(--bp-line)!important;box-shadow:0 8px 24px rgba(25,18,62,.035)!important}
summary{color:var(--bp-ink)!important}
summary:after{color:var(--bp-purple)!important}
details p{color:var(--bp-muted)!important}
/* Contact / final CTA inspired by the supplied reference */
#contact.cta{background:radial-gradient(circle at 50% 0%,#f1e9ff 0%,#faf9fd 42%,#fff 80%)!important;padding:92px 0 105px!important}
#contact .cta-box{display:block!important;text-align:center!important;max-width:1100px;margin:0 auto;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;color:var(--bp-ink)!important}
#contact .cta-box:before{content:"GET IN TOUCH";display:block;color:var(--bp-purple);font-size:11px;font-weight:850;letter-spacing:2.2px;margin-bottom:18px}
#contact .cta-box h2{font-size:clamp(44px,6vw,72px)!important;line-height:1.02!important;letter-spacing:-3.2px!important;margin:0 auto 12px!important;color:var(--bp-ink)!important;max-width:850px}
#contact .cta-box h2{font-size:clamp(44px,6vw,72px)!important;line-height:1.04!important;letter-spacing:-3.2px!important;margin:0 auto 12px!important;color:var(--bp-ink)!important;max-width:950px}
#contact .cta-title-main,#contact .cta-title-accent{display:block}
#contact .cta-title-main{color:var(--bp-ink)!important}
#contact .cta-title-accent{background:var(--bp-gradient);-webkit-background-clip:text;background-clip:text;color:transparent!important;margin-top:2px}
#contact .cta-box p{color:#3f4354!important;max-width:660px;margin:22px auto 30px!important;font-size:16px!important;line-height:1.65}
#contact .cta-box>div{display:flex;flex-direction:column;align-items:center}
#contact .cta-box>div:after{content:""}
#contact .cta-box .btn{background:var(--bp-gradient)!important;color:#fff!important;padding:15px 25px!important;box-shadow:0 14px 30px rgba(124,58,237,.20)!important}
#contact .cta-box .btn:before{content:""}
#contact .cta-box .btn{margin-top:4px}
.cta-contact-row{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin:27px auto 26px}
.cta-contact{display:inline-flex;align-items:center;gap:9px;min-height:54px;padding:0 22px;border:1px solid #ddd7ed;border-radius:14px;background:rgba(255,255,255,.82);color:var(--bp-ink)!important;font-size:14px;font-weight:750;box-shadow:0 8px 22px rgba(25,18,62,.035);transition:.2s ease}
.cta-contact.primary{background:var(--bp-gradient);border-color:transparent;color:#fff!important;box-shadow:0 12px 26px rgba(124,58,237,.18)}
.cta-contact:hover{transform:translateY(-2px);border-color:#cbb8ef;box-shadow:0 12px 28px rgba(25,18,62,.08)}
.cta-contact.primary:hover{border-color:transparent}
.cta-icon{font-size:18px;line-height:1}

/* Add compact contact chips via existing text where present */
footer{background:#0a0c1d!important;padding-top:72px!important}
footer .brand-name{color:#fff!important}
footer .brand-mark{background:var(--bp-gradient)!important;color:#fff!important}
footer p{color:#9ca1b8!important}
footer h4{color:#fff!important}
footer a,footer .contact{color:#a9aec1!important}
footer a:hover{color:#d4b9ff!important}
.copyright{border-top-color:rgba(255,255,255,.10)!important;color:#858aa2!important}
/* Inner service pages */
.form-section{background:linear-gradient(180deg,#f7f6fb,#fff)!important}
.form-section>.container>.form-wrap>.card:first-child{background:linear-gradient(145deg,#11142a,#392254)!important;color:#fff!important;border:0!important}
.form-section>.container>.form-wrap>.card:first-child h2{color:#fff!important}
.form-section>.container>.form-wrap>.card:first-child p{color:#c5c8d7!important}
@media(max-width:900px){.hero{padding:72px 0 62px!important}.hero h1{font-size:clamp(46px,10vw,68px)!important}.section-head h2{font-size:clamp(36px,8vw,54px)!important}}
@media(max-width:700px){section{padding:78px 0!important}#contact.cta{padding:76px 0 85px!important}#contact .cta-box h2{font-size:42px!important;letter-spacing:-2px!important}.hero{padding-top:62px!important}.nav-cta{padding:10px 15px!important}.lead-card,.form-card{padding:25px!important}}
@media(max-width:560px){.cta-contact-row{flex-direction:column;align-items:stretch;width:100%;max-width:360px}.cta-contact{justify-content:center}.cta-contact.primary{justify-content:center}}

/* Global presence / office locations */
.global-presence{background:linear-gradient(180deg,#fff 0%,#f7f5fc 100%);padding:78px 0 84px;border-top:1px solid var(--bp-line);border-bottom:1px solid var(--bp-line)}
.global-presence .section-head{text-align:center;margin-bottom:34px}
.global-presence .section-head h2{margin-bottom:10px}
.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:0 auto}
.location-card{background:rgba(255,255,255,.9);border:1px solid #e2dced;border-radius:20px;padding:26px 24px;box-shadow:0 12px 30px rgba(25,18,62,.05);text-align:center;transition:transform .2s ease,box-shadow .2s ease}
.location-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(25,18,62,.09)}
.location-icon{width:46px;height:46px;margin:0 auto 13px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#f0e7ff,#fde8f4);color:var(--bp-purple);font-size:21px}
.location-card h3{margin:0 0 7px;color:var(--bp-ink);font-size:19px}
.location-card p{margin:0;color:var(--bp-muted);font-size:14px;line-height:1.6}
.global-tagline{margin:28px auto 0;text-align:center;color:var(--bp-ink);font-weight:800;font-size:16px}
.global-tagline span{background:var(--bp-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.footer-presence{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09)}
.footer-presence strong{display:block;color:#fff;margin-bottom:8px;font-size:13px;letter-spacing:.2px}
.footer-presence span{color:#9ca1b8;font-size:13px}
@media(max-width:700px){.location-grid{grid-template-columns:1fr}.global-presence{padding:65px 0 70px}}

/* V22 — Production enquiry form / Cloudflare Turnstile */
.turnstile-field{margin-top:4px}
.turnstile-wrap{width:100%;padding:14px 16px;border:1px solid var(--bp-line);border-radius:14px;background:#fbfaff;box-sizing:border-box}
.turnstile-label{font-size:11px;font-weight:800;color:#353a52;margin-bottom:9px}
.turnstile-label strong{color:#d946a8}
.cf-turnstile{min-height:65px;display:flex;align-items:center}
.honeypot-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:600px){
  .turnstile-wrap{padding:12px}
  .cf-turnstile{transform-origin:left top}
}