/* Apna Kaam production hardening + visual QA, 2026-08-29 */
:root{
  --prod-green:#075847;
  --prod-green-2:#0a6b56;
  --prod-deep:#032d25;
  --prod-deeper:#021e19;
  --prod-lime:#d5ff58;
  --prod-ink:#09231e;
  --prod-muted:#5e716b;
  --prod-line:rgba(7,77,62,.10);
  --prod-soft:#f4f8f6;
  --prod-shadow:0 22px 60px rgba(2,43,35,.10);
  --prod-shadow-sm:0 10px 28px rgba(2,43,35,.07);
}

html{scroll-padding-top:110px}
html,body{max-width:100%;overflow-x:hidden}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid rgba(47,148,122,.32)!important;outline-offset:3px!important}

/* Remove decorative gloss that made the icons feel toy-like. */
:is(.card-icon,.wc-card-icon,.wc-mini-role i,.wc-role-entry i,.wc-access-card-icon,.ak-seo-card i,.ak-content-card i,.wc-benefit i,.wc-partner-icon,.ak-role-icon,.app-icon,.float-icon,.trust-icon,.wc-stack-top i){
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff,#f5f8f6)!important;
  border:1px solid rgba(7,77,62,.10)!important;
  box-shadow:0 8px 20px rgba(2,43,35,.06),inset 0 1px 0 #fff!important;
}
:is(.card-icon,.wc-card-icon,.wc-mini-role i,.wc-role-entry i,.wc-access-card-icon,.ak-seo-card i,.ak-content-card i,.wc-benefit i,.wc-partner-icon,.ak-role-icon,.app-icon,.float-icon,.trust-icon,.wc-stack-top i)::before,
:is(.card-icon,.wc-card-icon,.wc-mini-role i,.wc-role-entry i,.wc-access-card-icon,.ak-seo-card i,.ak-content-card i,.wc-benefit i,.wc-partner-icon,.ak-role-icon,.app-icon,.float-icon,.trust-icon,.wc-stack-top i)::after{display:none!important}
:is(.card-icon,.wc-card-icon,.wc-mini-role i,.wc-role-entry i,.wc-access-card-icon,.ak-seo-card i,.ak-content-card i,.wc-benefit i,.wc-partner-icon,.ak-role-icon,.app-icon,.float-icon,.trust-icon,.wc-stack-top i) svg{filter:none!important;stroke-width:1.75!important}
.badge-food{color:#d56434!important}.badge-cart{color:#176fc4!important}.badge-store{color:#11815f!important}.badge-tools{color:#7550b7!important}.badge-bike,.badge-car{color:#1477aa!important}.badge-box{color:#b36e2c!important}.badge-user,.badge-users{color:#a64672!important}.badge-home{color:#267b60!important}.badge-building{color:#555fb2!important}

/* Header + controls */
.wc-header,.site-header{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--prod-line)!important;box-shadow:0 8px 28px rgba(2,43,35,.04)!important;backdrop-filter:blur(20px) saturate(135%)!important}
.wc-links>a,.wc-access-button,.desktop-nav>a:not(.button){font-weight:720!important}
.wc-order,.button.primary,.wc-btn.green{background:linear-gradient(180deg,#08705a,#055142)!important;border-color:#08705a!important;box-shadow:0 12px 26px rgba(5,81,66,.18)!important}
.wc-order:hover,.button.primary:hover,.wc-btn.green:hover{transform:translateY(-1px)!important;box-shadow:0 16px 34px rgba(5,81,66,.23)!important}
.wc-menu-toggle,.menu-toggle{position:relative!important;display:none;place-items:center!important}
.wc-menu-toggle svg,.menu-toggle svg{display:none!important}
.wc-menu-toggle::before,.menu-toggle::before{content:"";display:block;width:20px;height:2px;border-radius:2px;background:#154a3e;box-shadow:0 -6px 0 #154a3e,0 6px 0 #154a3e}
@media(max-width:980px){.wc-menu-toggle{display:grid!important}.menu-toggle{display:flex!important}}

/* Hero: keep the real application screenshot as the focal visual. */
.wc-hero{background:radial-gradient(760px 520px at 83% 18%,rgba(213,255,88,.19),transparent 57%),linear-gradient(135deg,#04372e 0%,#075847 48%,#022a23 100%)!important}
.wc-hero .wc-display{color:#fff!important;letter-spacing:-.055em!important}
.wc-hero .wc-display .lime{color:var(--prod-lime)!important}
.wc-hero-lead{color:rgba(255,255,255,.82)!important}
.wc-kicker{box-shadow:none!important}
.wc-command,.wc-hero-store-area,.wc-proof-item{border-color:rgba(255,255,255,.13)!important}
.wc-real-phone{box-shadow:0 38px 90px rgba(0,0,0,.22)!important}
.wc-real-phone img{display:block;width:100%;height:auto}

/* Cards */
.card,.ak-content-card,.ak-seo-card,.wc-benefit,.content-card,.wc-role-entry,.wc-mini-role,.wc-access-card,.faq-item,.job-card{border-color:var(--prod-line)!important;box-shadow:var(--prod-shadow-sm)!important}
.card:hover,.ak-content-card:hover,.ak-seo-card:hover,.wc-benefit:hover,.wc-role-entry:hover,.wc-mini-role:hover{box-shadow:var(--prod-shadow)!important}
.section-head h2,.ak-content-head h2,.wc-h2,.page-hero h1,.ak-landing-hero h1,.wc-role-copy h1{letter-spacing:-.045em!important}

/* Vehicle cards: larger technical visuals, no tiny cartoon icons. */
.ak-vehicle-showcase-section{background:linear-gradient(180deg,#f3f8f5,#fff)!important}
.ak-vehicle-card{border-color:var(--prod-line)!important;box-shadow:var(--prod-shadow-sm)!important}
.ak-vehicle-art{background:linear-gradient(145deg,#f8fbf9,#eef5f1)!important;border-color:rgba(7,77,62,.07)!important}
.ak-vehicle-art img{max-height:210px;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(2,43,35,.10))!important}
#delivery-moving .card-icon,#rides-drivers .card-icon{width:82px!important;height:62px!important;border-radius:17px!important;background-size:92% auto!important}
#delivery-moving .card-icon svg,#rides-drivers .card-icon svg{opacity:0!important}

/* ===== Production footer ===== */
.wc-footer,.site-footer{
  position:relative!important;
  padding:72px 0 28px!important;
  background:radial-gradient(700px 380px at 8% 0%,rgba(32,160,127,.13),transparent 68%),linear-gradient(145deg,#04342b 0%,#022820 55%,#021f1a 100%)!important;
  color:#fff!important;
}
.wc-footer::before,.site-footer::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(213,255,88,.45),transparent)}
.wc-footer>.wc-container,.site-footer>.container{position:relative;z-index:1}
.wc-footer-grid{display:grid!important;grid-template-columns:minmax(250px,1.2fr) minmax(135px,.68fr) minmax(165px,.82fr) minmax(175px,.82fr) minmax(280px,1.05fr)!important;gap:42px!important;align-items:start!important}
.wc-footer-brand{gap:12px!important}.wc-footer-brand img{width:58px!important;height:58px!important}.wc-footer-brand strong{color:#fff!important;font-size:21px!important;letter-spacing:-.03em!important}.wc-footer-brand>span>span{color:rgba(255,255,255,.62)!important;font-size:12px!important}
.wc-footer-about{max-width:390px!important;margin:18px 0 0!important;color:rgba(255,255,255,.68)!important;font-size:14px!important;line-height:1.75!important}
.wc-footer h3,.site-footer .footer-title{margin:0 0 17px!important;color:#dfff83!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.wc-footer-links{gap:11px!important}.wc-footer-links a,.site-footer .footer-links a{color:rgba(255,255,255,.72)!important;font-size:13px!important;line-height:1.5!important;text-decoration:none!important;transition:color .16s ease,transform .16s ease!important}.wc-footer-links a:hover,.site-footer .footer-links a:hover{color:#fff!important;transform:translateX(2px)}
.wc-footer-social,.site-footer .footer-social{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-top:20px!important}
.wc-footer-social a,.site-footer .footer-social a{width:42px!important;height:42px!important;border-radius:13px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important}
.wc-footer-social a::before,.site-footer .footer-social a::before{display:none!important}.wc-footer-social a:hover,.site-footer .footer-social a:hover{background:rgba(255,255,255,.12)!important;transform:translateY(-2px)!important}.wc-footer-social a svg,.site-footer .footer-social a svg{width:18px!important;height:18px!important;color:#fff!important;filter:none!important}
.wc-footer-social .social-instagram,.site-footer .social-instagram{color:#fff!important}.wc-footer-social .social-facebook,.site-footer .social-facebook{color:#fff!important}.wc-footer-social .social-linkedin,.site-footer .social-linkedin{color:#fff!important}

.wc-footer-company,.site-footer .footer-company-panel{
  padding:19px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:none!important;
  color:#fff!important;
}
.wc-footer-company h3,.site-footer .footer-company-kicker{color:#dfff83!important;margin:0 0 12px!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.wc-footer-company-logo,.site-footer .footer-hbt-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:90px!important;padding:10px 13px!important;border-radius:15px!important;background:#fff!important;border:1px solid rgba(255,255,255,.22)!important;overflow:hidden!important}
.wc-footer-company-logo img,.site-footer .footer-hbt-logo img{display:block!important;width:100%!important;height:100%!important;max-width:235px!important;max-height:66px!important;object-fit:contain!important;filter:none!important;opacity:1!important;padding:0!important;border:0!important;background:none!important}
.wc-footer-company p,.site-footer .footer-partner-copy{margin:12px 0 0!important;color:rgba(255,255,255,.67)!important;font-size:11.5px!important;line-height:1.6!important}
.wc-footer-contact{display:grid;gap:8px;margin-top:13px}.wc-footer-contact a,.wc-footer-contact span{display:flex;align-items:flex-start;gap:8px;color:rgba(255,255,255,.78)!important;text-decoration:none;font-size:11.5px;line-height:1.45}.wc-footer-contact a:hover{color:#fff!important}.wc-footer-contact .icon{width:16px!important;height:16px!important;margin-top:1px;color:#dfff83!important;flex:0 0 auto}
.site-footer .footer-contact-mini li,.site-footer .footer-contact-mini a{color:rgba(255,255,255,.74)!important}.site-footer .footer-contact-mini strong{color:#fff!important}.site-footer .footer-contact-mini .icon{color:#dfff83!important;background:rgba(255,255,255,.06)!important}

.wc-footer-bottom,.site-footer .footer-bottom{margin-top:42px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.10)!important;color:rgba(255,255,255,.55)!important;font-size:11px!important}
.wc-footer-bottom span:last-child,.site-footer .footer-bottom span:last-child{color:rgba(255,255,255,.72)!important;font-weight:600!important}

/* App download bar. Never use the previous white/white low-contrast treatment. */
.wc-footer .ak-footer-appbar,.site-footer .ak-footer-appbar,.footer .ak-footer-appbar{
  position:relative!important;
  z-index:1!important;
  width:min(calc(100% - 40px),1380px)!important;
  margin:30px auto 0!important;
  padding:18px 20px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.055))!important;
  color:#fff!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  backdrop-filter:blur(14px)!important;
}
.ak-footer-appbar-copy{min-width:240px!important}.ak-footer-appbar-copy strong{display:block!important;color:#fff!important;font-size:16px!important;line-height:1.2!important}.ak-footer-appbar-copy span{display:block!important;margin-top:5px!important;color:rgba(255,255,255,.64)!important;font-size:12px!important;opacity:1!important}
.ak-footer-appbar .ak-store-buttons{margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.ak-footer-appbar .ak-store-badge{height:52px!important;min-height:52px!important;min-width:170px!important;border-radius:13px!important;box-shadow:0 9px 22px rgba(0,0,0,.18)!important}
.ak-footer-appbar .ak-store-google{background:#050505!important;border:1px solid rgba(255,255,255,.12)!important;overflow:hidden!important}.ak-footer-appbar .ak-store-google img{display:block!important;height:52px!important;width:auto!important;object-fit:contain!important}
.ak-footer-appbar .ak-store-apple{background:#050505!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}.ak-footer-appbar .ak-store-apple .icon{color:#fff!important;filter:none!important}.ak-footer-appbar .ak-store-apple small{color:rgba(255,255,255,.72)!important}.ak-footer-appbar .ak-store-apple strong{color:#fff!important}

/* Older site-footer pages: enforce the same layout and remove oversized white HBT panel. */
.site-footer .footer-grid{grid-template-columns:minmax(240px,1.2fr) minmax(145px,.75fr) minmax(145px,.72fr) minmax(160px,.78fr) minmax(260px,1fr)!important;gap:36px!important;align-items:start!important}
.site-footer .footer-grid>div{min-width:0!important;justify-self:stretch!important}.site-footer .footer-about{color:rgba(255,255,255,.67)!important}.site-footer .footer-brand strong{color:#fff!important}.site-footer .footer-brand span span{color:rgba(255,255,255,.58)!important}

/* Legal footer, if present */
.footer.legal-site-footer{background:linear-gradient(145deg,#04342b,#021f1a)!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.08)!important}.footer.legal-site-footer a{color:rgba(255,255,255,.75)!important}.footer.legal-site-footer .legal-parent-card{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.11)!important}.footer.legal-site-footer .legal-parent-copy{color:rgba(255,255,255,.72)!important}.footer.legal-site-footer .legal-parent-logo{background:#fff!important}

/* Mobile */
@media(max-width:1180px){
  .wc-footer-grid,.site-footer .footer-grid{grid-template-columns:1.2fr .8fr .8fr!important}.wc-footer-company,.site-footer .footer-company-panel{grid-column:1/-1!important;max-width:620px!important}.site-footer .footer-grid>div:nth-child(4){grid-column:auto!important}
}
@media(max-width:820px){
  .wc-footer,.site-footer{padding-top:56px!important}.wc-footer-grid,.site-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:30px 22px!important}.wc-footer-grid>div:first-child,.wc-footer-company,.site-footer .footer-grid>div:first-child,.site-footer .footer-company-panel{grid-column:1/-1!important}.wc-footer-company,.site-footer .footer-company-panel{max-width:none!important}
  .wc-footer .ak-footer-appbar,.site-footer .ak-footer-appbar,.footer .ak-footer-appbar{align-items:flex-start!important;flex-direction:column!important;padding:18px!important}.ak-footer-appbar .ak-store-buttons{width:100%!important}.ak-footer-appbar .ak-store-badge{min-width:166px!important}
}
@media(max-width:560px){
  .wc-container,.container{width:min(100% - 24px,1380px)!important}.wc-footer-grid,.site-footer .footer-grid{grid-template-columns:1fr!important;gap:28px!important}.wc-footer-grid>div,.site-footer .footer-grid>div{grid-column:1!important}.wc-footer-about{font-size:13px!important}.wc-footer-links a,.site-footer .footer-links a{font-size:13px!important}.wc-footer-company-logo,.site-footer .footer-hbt-logo{height:78px!important}.wc-footer-bottom,.site-footer .footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
  .wc-footer .ak-footer-appbar,.site-footer .ak-footer-appbar,.footer .ak-footer-appbar{width:calc(100% - 24px)!important;border-radius:18px!important}.ak-footer-appbar .ak-store-buttons{display:grid!important;grid-template-columns:1fr!important}.ak-footer-appbar .ak-store-badge{width:100%!important;max-width:245px!important}.ak-footer-appbar .ak-store-google img{height:auto!important;width:100%!important;max-width:245px!important}
  .whatsapp-float{right:14px!important;bottom:14px!important;width:52px!important;height:52px!important}.back-to-top{right:14px!important;bottom:78px!important}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Scope vehicle artwork only to actual vehicle sections. This prevents service/category icons from disappearing. */
.page-vehicles .card-icon{background-image:none!important;background-size:auto!important}
.page-vehicles .card-icon svg{opacity:1!important;width:28px!important;height:28px!important}
#delivery-moving .card-icon.badge-bike{background-image:url('../visuals/vehicles/bike-premium.svg')!important;background-size:94% auto!important;background-repeat:no-repeat!important;background-position:center!important}
#delivery-moving .card-icon.badge-box{background-image:url('../visuals/vehicles/loader-premium.svg')!important;background-size:94% auto!important;background-repeat:no-repeat!important;background-position:center!important}
#delivery-moving .card-icon.badge-home{background-image:url('../visuals/vehicles/delivery-premium.svg')!important;background-size:94% auto!important;background-repeat:no-repeat!important;background-position:center!important}
#rides-drivers .card-icon.badge-bike{background-image:url('../visuals/vehicles/bike-premium.svg')!important;background-size:94% auto!important;background-repeat:no-repeat!important;background-position:center!important}
#rides-drivers .card-icon.badge-car{background-image:url('../visuals/vehicles/car-premium.svg')!important;background-size:94% auto!important;background-repeat:no-repeat!important;background-position:center!important}
#rides-drivers .card-icon.badge-users{background-image:url('../visuals/vehicles/rickshaw-premium.svg')!important;background-size:94% auto!important;background-repeat:no-repeat!important;background-position:center!important}
#delivery-moving .card-icon svg,#rides-drivers .card-icon svg{opacity:0!important}
.wc-footer-contact>a,.wc-footer-contact>span{display:flex!important;align-items:flex-start!important;gap:8px!important;color:rgba(255,255,255,.78)!important;text-decoration:none!important;font-size:11.5px!important;line-height:1.45!important}
.wc-footer-contact>a>span,.wc-footer-contact>span>span{display:block!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important}