/* Boozuka colour system v1 — one file. Brand core is shared everywhere;
   each service page sets data-pal on <main class="sl"> to get its signature palette.
   Tokens: --p-bg/--p-bg2 hero + end band (dark), --p-surface light section tint,
   --p-accent accent on dark (AA >=4.5 on bg & bg2), --p-accent-ink accent on light (AA on surface & ivory),
   --p-text text on dark. All pairs checked for WCAG AA. Gold CTA stays brand core. */
:root{--bz-ivory:#FAF7F1;--bz-ivory-2:#F5F1E8;--bz-ink:#0B0F19;--bz-ink-2:#1B2236;--bz-gold:#C9A96E;--bz-gold-lt:#E2C48A;--bz-gold-deep:#8A6A35;--bz-mut:#5B6170}
/* calm shared variant: city pages + blogs */
.pal-calm{--p-bg:#0B0F19;--p-bg2:#1B2236;--p-surface:#F5F1E8;--p-accent:#C9A96E;--p-accent-ink:#7A5F2E;--p-text:#F5F1E8}

.sl[data-pal="website-development-ludhiana"]{--p-bg:#0E1A2B;--p-bg2:#1B2F4A;--p-surface:#EEF2F7;--p-accent:#7FB2F0;--p-accent-ink:#1F4E8C;--p-text:#F5F1E8} /* Websites */
.sl[data-pal="web-app-development-punjab"]{--p-bg:#14122B;--p-bg2:#29244F;--p-surface:#F0EEF8;--p-accent:#A99CF5;--p-accent-ink:#4B3BB0;--p-text:#F5F1E8} /* Apps */
.sl[data-pal="shopify-ecommerce-website-ludhiana"]{--p-bg:#0F2420;--p-bg2:#1C3F37;--p-surface:#ECF4F1;--p-accent:#6FD3B0;--p-accent-ink:#16624D;--p-text:#F5F1E8} /* E-commerce */
.sl[data-pal="crm-software-development"]{--p-bg:#101C24;--p-bg2:#1E3442;--p-surface:#EDF3F6;--p-accent:#7CC6E0;--p-accent-ink:#1B5C75;--p-text:#F5F1E8} /* CRM */
.sl[data-pal="ui-ux-design-agency-punjab"]{--p-bg:#1A1430;--p-bg2:#33285A;--p-surface:#F3EFF9;--p-accent:#C3A6F7;--p-accent-ink:#5B3A9E;--p-text:#F5F1E8} /* UI/UX */
.sl[data-pal="branding-agency-ludhiana"]{--p-bg:#1E1410;--p-bg2:#3B271E;--p-surface:#F6EFEA;--p-accent:#E6A57E;--p-accent-ink:#8A4523;--p-text:#F5F1E8} /* Branding */
.sl[data-pal="graphics-content-design"]{--p-bg:#24101A;--p-bg2:#45202F;--p-surface:#F8EEF2;--p-accent:#F09AB8;--p-accent-ink:#972E57;--p-text:#F5F1E8} /* Graphics */
.sl[data-pal="tshirt-merch-design-ludhiana"]{--p-bg:#1A1A12;--p-bg2:#34331F;--p-surface:#F3F2EA;--p-accent:#D9CF7A;--p-accent-ink:#6B6420;--p-text:#F5F1E8} /* Merch */
.sl[data-pal="ai-chatbot-for-business"]{--p-bg:#0D2016;--p-bg2:#18402B;--p-surface:#ECF5EF;--p-accent:#72D69A;--p-accent-ink:#1A6B3C;--p-text:#F5F1E8} /* AI chatbots */
.sl[data-pal="ai-voice-agents"]{--p-bg:#0F1630;--p-bg2:#1E2B5C;--p-surface:#EEF0FA;--p-accent:#8FA4FF;--p-accent-ink:#3048B0;--p-text:#F5F1E8} /* Voice agents */
.sl[data-pal="ai-automation-agency"]{--p-bg:#1F160C;--p-bg2:#3D2B15;--p-surface:#F7F1E8;--p-accent:#F0B865;--p-accent-ink:#8A5411;--p-text:#F5F1E8} /* Automation */
.sl[data-pal="ads-management-punjab"]{--p-bg:#25110F;--p-bg2:#47201B;--p-surface:#F9EEEC;--p-accent:#F59A85;--p-accent-ink:#A33A26;--p-text:#F5F1E8} /* Ads */
.sl[data-pal="seo-services-punjab"]{--p-bg:#0E1F22;--p-bg2:#1A3C40;--p-surface:#ECF4F4;--p-accent:#6CCFD6;--p-accent-ink:#17646B;--p-text:#F5F1E8} /* SEO */
.sl[data-pal="social-media-management"]{--p-bg:#231024;--p-bg2:#432046;--p-surface:#F7EEF7;--p-accent:#E69AE6;--p-accent-ink:#8C2F8C;--p-text:#F5F1E8} /* Social */
.sl[data-pal="whatsapp-email-marketing-reviews"]{--p-bg:#102218;--p-bg2:#1E3F2C;--p-surface:#EEF5F0;--p-accent:#9BDC8C;--p-accent-ink:#2F6B22;--p-text:#F5F1E8} /* Messaging */
.sl[data-pal="ai-services"]{--p-bg:#0B0F19;--p-bg2:#1B2236;--p-surface:#F3EEE4;--p-accent:#E2C48A;--p-accent-ink:#7A5F2E;--p-text:#F5F1E8} /* AI Services */

.sl[data-pal] .sl-hero{background:radial-gradient(1200px 500px at 75% 30%,var(--p-bg2) 0,var(--p-bg) 62%)}
.sl[data-pal] .sl-alt{background:var(--p-surface)}
.sl[data-pal] .sl-end{background:linear-gradient(160deg,var(--p-bg),var(--p-bg2))}
.sl[data-pal] h1 em,.sl[data-pal] .sl-hero h2 em,.sl[data-pal] .sl-end h2 em{color:var(--p-accent)!important}
.sl[data-pal] .sl-sec h2 em{color:var(--p-accent-ink)!important}
.sl[data-pal] .sl-sec .sl-get span,.sl[data-pal] .sl-sec .sl-steps span,.sl[data-pal] .sl-sec .sl-rel small{color:var(--p-accent-ink)}
.sl[data-pal] .sl-hero [class*=eyebrow],.sl[data-pal] .sl-ey{color:var(--p-accent)}
.sl[data-pal] .m-li.g{box-shadow:inset 3px 0 0 var(--p-accent)}
.sl[data-pal] .m-wave i,.sl[data-pal] .m-flow>i,.sl[data-pal] .m-sw i:nth-child(2),.sl[data-pal] .m-map i:nth-child(2){background:var(--p-accent)}
.sl[data-pal] .m-bars i{background:linear-gradient(var(--p-accent),var(--p-accent-ink))}
.sl[data-pal] .m-box,.sl[data-pal] .sm-av{background:linear-gradient(135deg,var(--p-accent),var(--p-accent-ink))}
.sl[data-pal] .m-grid3 em,.sl[data-pal] .m-rv em,.sl[data-pal] .sm-b em,.sl[data-pal] .m-logo em{color:var(--p-accent)}
.sl[data-pal] .m-res.on,.sl[data-pal] .m-chips .on{border-color:var(--p-accent)}

/* calm variant applied: city pages + blog articles (article.ar.pal-calm) */
.pal-calm .ar-head{background:var(--p-surface);box-shadow:0 0 0 100vmax var(--p-surface);clip-path:inset(0 -100vmax);border-bottom:1px solid rgba(138,106,53,.22)}
.pal-calm .ar-head .eyebrow{color:var(--p-accent-ink)!important}
.pal-calm .ar-head h1 em{color:var(--p-accent-ink)}
.pal-calm .ar-sum{border-left-color:var(--p-accent)}
.pal-calm .ar-cta{background:var(--p-surface);border-color:rgba(138,106,53,.25);border-top:2px solid var(--p-accent)}
.pal-calm .ar-cta .eyebrow{color:var(--p-accent-ink)}

/* Hero layouts per service group (desktop). build = split (default) */
@media (min-width:961px){
/* design: centred editorial, visual below */
.sl[data-grp=design] .sl-hero .sl-in{grid-template-columns:1fr;justify-items:center;text-align:center;gap:56px}
.sl[data-grp=design] .sl-copy{max-width:780px}
.sl[data-grp=design] .sl-crumb{justify-content:center}
.sl[data-grp=design] .sl-hero h1{font-size:clamp(56px,5.4vw,80px)}
.sl[data-grp=design] .sl-mock{min-height:0}
/* automate: visual first, copy right */
.sl[data-grp=automate] .sl-hero .sl-in{grid-template-columns:1fr 1.05fr}
.sl[data-grp=automate] .sl-mock{order:-1}
/* grow: copy left with hairline, visual on a framed tinted panel */
.sl[data-grp=grow] .sl-hero .sl-in{grid-template-columns:1fr 1.1fr}
.sl[data-grp=grow] .sl-eye{display:flex;align-items:center;gap:14px}
.sl[data-grp=grow] .sl-eye:after{content:"";width:64px;height:1px;background:var(--p-accent);opacity:.7}
.sl[data-grp=grow] .sl-mock{background:linear-gradient(160deg,var(--p-bg2),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:48px 40px}
}
@media (min-width:961px){.sl[data-grp=design] .sl-hero{padding-top:96px}.sl[data-grp=design] .sl-hero .sl-in{gap:44px}}

/* ===== Page-intro visuals (about, services, contact, city) ===== */
@media(min-width:961px){.page-intro.has-vis{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:64px;align-items:center}
.page-intro.has-vis>*:not(.pi-vis){grid-column:1}.page-intro.has-vis>.pi-vis{grid-column:2;grid-row:1/span 8}}
.pi-vis{position:relative;margin:40px 0 0;aspect-ratio:5/4;max-width:620px;width:100%}
.pi-vis .pv-br{position:absolute;left:0;top:6%;width:84%;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(11,15,25,.45),0 0 0 1px rgba(11,15,25,.08)}
.pi-vis .pv-bar{height:26px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#F1EEE8;border-bottom:1px solid rgba(11,15,25,.06);font:600 10px/1 Manrope,sans-serif;color:#6B6F7A}
.pi-vis .pv-bar i{width:8px;height:8px;border-radius:50%;background:#E86B5F}.pi-vis .pv-bar i+i{background:#EBC051}.pi-vis .pv-bar i+i+i{background:#62C554;margin-right:8px}
.pi-vis img{display:block;width:100%;height:auto}
.pi-vis .pv-ph{position:absolute;right:0;bottom:0;width:30%;border-radius:26px;padding:6px;background:#0B0F19;box-shadow:0 30px 60px -24px rgba(11,15,25,.6)}
.pi-vis .pv-ph img{border-radius:20px}
.pi-vis .pv-card{position:absolute;left:6%;bottom:2%;background:#FCFAF7;border-radius:14px;padding:14px 16px;box-shadow:0 24px 48px -24px rgba(11,15,25,.45),0 0 0 1px rgba(11,15,25,.06);font:500 12px/1.4 Manrope,sans-serif;color:#0B0F19;min-width:200px}
.pi-vis .pv-card b{display:block;font:600 18px 'Cormorant Garamond',serif;margin-bottom:6px}
.pi-vis .pv-sw{display:flex;gap:6px;margin-top:8px}.pi-vis .pv-sw i{width:22px;height:22px;border-radius:6px}
.pi-vis .pv-k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8A6A35}
.pi-vis .pv-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.pi-vis .pv-slots span{border:1px solid rgba(11,15,25,.14);border-radius:8px;padding:6px 0;text-align:center}.pi-vis .pv-slots .on{background:#0B0F19;color:#F5F1E8;border-color:#0B0F19}
.pi-vis .pv-wa{position:absolute;right:2%;top:0;width:46%;background:#EFE9DE;border-radius:16px;padding:12px;box-shadow:0 24px 48px -24px rgba(11,15,25,.45);font:500 12px/1.4 Manrope,sans-serif}
.pi-vis .pv-wa p{margin:0 0 6px;padding:8px 10px;border-radius:10px;background:#fff;max-width:85%}.pi-vis .pv-wa p.me{margin-left:auto;background:#D8F5C9}
.pi-vis .pv-wa .pv-h{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:700}.pi-vis .pv-wa .pv-h i{width:24px;height:24px;border-radius:50%;background:#0B0F19;color:#E2C48A;display:grid;place-items:center;font:600 12px 'Cormorant Garamond',serif;font-style:normal}
.pi-vis .pv-map{position:absolute;inset:0 18% 12% 0;border-radius:16px;overflow:hidden;background:#E9EEE6;box-shadow:0 30px 60px -30px rgba(11,15,25,.4),0 0 0 1px rgba(11,15,25,.06);background-image:linear-gradient(115deg,transparent 46%,#fff 46%,#fff 50%,transparent 50%),linear-gradient(20deg,transparent 60%,#F4E6C4 60%,#F4E6C4 64%,transparent 64%),linear-gradient(160deg,transparent 30%,#fff 30%,#fff 33%,transparent 33%)}
.pi-vis .pv-pin{position:absolute;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#C9A96E;box-shadow:0 6px 12px rgba(0,0,0,.2)}
.pi-vis .pv-pin.g{background:#9AA0AD;width:18px;height:18px}
.pi-vis .pv-res{position:absolute;right:0;bottom:0;width:58%}
@media(max-width:960px){.pi-vis{max-width:520px;margin:36px auto 0}}
@media(max-width:960px){.page-intro.has-vis{display:flex;flex-direction:column}.page-intro.has-vis>.pi-vis{order:9}}
@media(min-width:961px){.ar-head.has-vis{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:56px;align-items:center}.ar-head.has-vis>*:not(.pi-vis){grid-column:1}.ar-head.has-vis>.pi-vis{grid-column:2;grid-row:1/span 8;margin:0}}
.pi-vis.city{aspect-ratio:6/5;max-width:520px}
.pv-res{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 24px 48px -24px rgba(11,15,25,.45),0 0 0 1px rgba(11,15,25,.06);font:500 12px/1.45 Manrope,sans-serif;color:#0B0F19}
.pv-res b{display:block;font:600 15px Manrope,sans-serif}.pv-res .gr{color:#13803D}.pv-res .row{display:flex;gap:6px;margin-top:10px}.pv-res .row span{flex:1;text-align:center;border:1px solid rgba(11,15,25,.14);border-radius:99px;padding:5px 0;font-weight:600}
.pv-search{position:absolute;left:4%;top:5%;width:70%;background:#fff;border-radius:99px;padding:9px 14px;font:500 12px Manrope,sans-serif;color:#3a3f4b;box-shadow:0 6px 18px -8px rgba(0,0,0,.25)}

.pal-calm[data-city="amritsar"]{--p-surface:#F6EEDF;--p-accent-ink:#8A5A12;--p-accent:#D9A441}
.pal-calm[data-city="bathinda"]{--p-surface:#EEF3EC;--p-accent-ink:#2F5D3A;--p-accent:#6FA37B}
.pal-calm[data-city="chandigarh-mohali"]{--p-surface:#ECF0F6;--p-accent-ink:#2D4A7A;--p-accent:#7C9BD1}
.pal-calm[data-city="jalandhar"]{--p-surface:#F5ECEA;--p-accent-ink:#8A3A2E;--p-accent:#D98572}
.pal-calm[data-city="ludhiana"]{--p-surface:#F5F1E8;--p-accent-ink:#7A5F2E;--p-accent:#C9A96E}
.pal-calm[data-city="mohali"]{--p-surface:#EAF2F3;--p-accent-ink:#1F5C63;--p-accent:#62AAB2}
.pal-calm[data-city="patiala"]{--p-surface:#F1EDF5;--p-accent-ink:#5B3F7E;--p-accent:#A28AC6}
.pal-calm[data-city="punjab"]{--p-surface:#F3F0E6;--p-accent-ink:#5E5A1F;--p-accent:#B5AD52}
.pal-calm[data-city] .ar-head h1 em{font-style:italic}.pal-calm[data-city] .pv-map .pin,.pal-calm[data-city] .pi-vis .pin{background:var(--p-accent)}
.pal-calm[data-city] .ar-head h1 em{font-style:italic!important;color:var(--p-accent-ink)!important}