
:root{
  --akp-brand:#0b5a4b;
  --akp-brand-deep:#042921;
  --akp-brand-soft:#eef6f3;
  --akp-accent:#d6ff57;
  --akp-accent-soft:#f4ffd1;
  --akp-ink:#0a1f1b;
  --akp-copy:#5c706a;
  --akp-line:rgba(6,77,61,.10);
  --akp-shadow-sm:0 10px 28px rgba(3,41,34,.06);
  --akp-shadow:0 24px 70px rgba(3,41,34,.10);
  --akp-shadow-lg:0 40px 100px rgba(3,41,34,.16);
}

html{scroll-padding-top:110px}
body{
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  color:var(--akp-ink)!important;
  background:linear-gradient(180deg,#f7fbf9 0%,#ffffff 38%,#f7fbf9 100%)!important;
}
body,p,li,dd,dt,input,select,textarea,button{font-feature-settings:"cv01" 1,"cv11" 1,"ss01" 1}
:is(h1,h2,h3,h4,.wc-display,.wc-h2,.brand-name,.wc-brand-copy strong,.wc-footer-brand strong){letter-spacing:-.04em!important;color:var(--akp-ink)!important}
:is(h1,.wc-display){font-weight:900!important}
:is(h2,.wc-h2){font-weight:850!important}
:is(h3,h4,.card h3,.wc-benefit h3,.ak-content-card h3,.ak-seo-card h3){font-weight:800!important}
:is(p,.wc-copy,.wc-hero-lead,.ak-content-head p,.ak-landing-hero p,.wc-role-copy p,.page-hero p){color:var(--akp-copy)!important}

.wc-header,.site-header{
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(6,77,61,.08)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8)!important;
}
.wc-brand img,.brand-lockup img{filter:drop-shadow(0 6px 14px rgba(2,44,36,.08))!important}
.wc-links>a,.desktop-nav>a:not(.button){font-weight:700!important;letter-spacing:-.01em!important}
.wc-links>a:hover,.wc-links>a[aria-current="page"],.desktop-nav>a:not(.button):hover,.desktop-nav>a[aria-current="page"]{background:#f0f7f4!important;color:var(--akp-brand)!important}

/* buttons */
.wc-btn,.button,.ak-main-cta,.ak-ghost-cta,.wc-order,.wc-order-mobile,.wc-access-choice,.ak-store-badge{
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease!important;
}
.wc-btn.green,.button.primary,.wc-order,.wc-access-choice.primary{
  background:linear-gradient(180deg,#0c7a62 0%,#07594a 100%)!important;
  border-color:#0c7a62!important;
  box-shadow:0 16px 36px rgba(5,89,74,.22)!important;
}
.wc-btn.green:hover,.button.primary:hover,.wc-order:hover,.wc-access-choice.primary:hover{transform:translateY(-2px)!important;box-shadow:0 20px 42px rgba(5,89,74,.28)!important}
.wc-btn.light,.wc-btn.outline,.button,.wc-access-choice,.wc-access-choice.lime{
  border-color:rgba(6,77,61,.12)!important;
  box-shadow:var(--akp-shadow-sm)!important;
}
.wc-btn.glass{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(10px)!important}
.ak-store-badge.ak-store-apple{background:linear-gradient(180deg,#16211d,#0a0f0d)!important;border-color:#1e2b26!important;box-shadow:0 18px 40px rgba(10,15,13,.28)!important}
.ak-store-badge.ak-store-google{background:#fff!important;border:1px solid rgba(6,77,61,.1)!important;box-shadow:var(--akp-shadow-sm)!important}
.ak-store-badge:hover,.wc-access-choice:hover,.wc-btn:hover,.button:hover{transform:translateY(-2px)!important}

/* banner / slider */
.hero-slider-wrap{padding-top:22px!important}
.launch-slider{
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:var(--akp-shadow-lg)!important;
  background:linear-gradient(135deg,#042921,#0d5d4d)!important;
}
.slide{background:linear-gradient(135deg,#042921,#0d5d4d)!important}
.slide::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,rgba(4,41,33,.18) 0%,rgba(4,41,33,0) 22%,rgba(4,41,33,0) 78%,rgba(4,41,33,.18) 100%),linear-gradient(0deg,rgba(4,41,33,.24),rgba(4,41,33,0) 45%);
}
.slide img{
  background:linear-gradient(135deg,#042921,#0d5d4d)!important;
  object-fit:cover!important;
  filter:saturate(1.02) contrast(1.02)!important;
}
.slider-controls,.slider-arrow{background:rgba(8,26,22,.58)!important;border-color:rgba(255,255,255,.18)!important}
.slider-dot[aria-current="true"]{background:var(--akp-accent)!important}

/* home hero visuals */
.wc-hero,.home-hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(720px 420px at 86% 20%,rgba(214,255,87,.22),transparent 56%),
    radial-gradient(520px 300px at 18% 78%,rgba(6,122,98,.09),transparent 55%),
    linear-gradient(180deg,#f8fcfa 0%,#ffffff 52%,#f2f8f5 100%)!important;
}
.wc-hero::after,.home-hero::after{
  content:"";position:absolute;right:-140px;top:-120px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle at center,rgba(214,255,87,.20),rgba(214,255,87,0) 70%);pointer-events:none;
}
.wc-hero-copy,.home-hero-copy{position:relative;z-index:2!important}
.wc-hero .wc-display,.home-hero-copy h1{line-height:.92!important;max-width:13ch!important}
.wc-kicker,.eyebrow,.wc-hero-store-label{
  border:1px solid rgba(6,77,61,.08)!important;
  background:linear-gradient(180deg,rgba(214,255,87,.18),rgba(255,255,255,.9))!important;
  color:#0c6a56!important;
  box-shadow:0 10px 24px rgba(3,41,34,.05)!important;
}
.wc-command{
  border:1px solid rgba(6,77,61,.08)!important;
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:var(--akp-shadow)!important;
}
.wc-command-go{background:linear-gradient(180deg,#d6ff57,#c6ef4a)!important;color:#123025!important;font-weight:800!important;border:0!important}
.wc-proof-item{background:#fff!important;border:1px solid rgba(6,77,61,.08)!important;box-shadow:var(--akp-shadow-sm)!important}
.wc-mobile-real-preview>div,.wc-real-phone{
  background:linear-gradient(180deg,#ffffff 0%,#f6fbf8 100%)!important;
  border:1px solid rgba(6,77,61,.08)!important;
  box-shadow:0 30px 80px rgba(3,41,34,.12)!important;
}
.wc-real-phone{padding:10px!important;border-radius:46px!important;transform:rotate(-3deg)!important}
.wc-real-phone img{border-radius:36px!important}
.wc-real-phone-badge,.wc-real-phone-note{box-shadow:var(--akp-shadow)!important;border:1px solid rgba(6,77,61,.09)!important}
.wc-real-phone-badge{background:rgba(255,255,255,.92)!important;color:var(--akp-ink)!important}
.wc-real-phone-note{background:rgba(255,255,255,.92)!important;color:#577068!important}

/* role dock and access cards */
.wc-role-dock,.trust-grid,.wc-explorer-shell,.wc-access-menu,.company-panel,.pricing-summary-card,.commission-categories,.commission-calculator{
  border:1px solid rgba(6,77,61,.08)!important;
  box-shadow:var(--akp-shadow)!important;
}
.wc-role-entry,.wc-mini-role,.wc-access-card,.card,.ak-content-card,.ak-seo-card,.content-card,.wc-benefit,.wc-city-card,.wc-access-choice,.faq-item,.job-card{
  border:1px solid rgba(6,77,61,.08)!important;
  box-shadow:var(--akp-shadow-sm)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;
}
.wc-role-entry:hover,.wc-mini-role:hover,.wc-access-card:hover,.card:hover,.ak-content-card:hover,.ak-seo-card:hover,.content-card:hover,.wc-benefit:hover,.wc-city-card:hover{box-shadow:var(--akp-shadow)!important}

/* internal pages hero visuals */
.ak-landing-hero,.wc-role-hero,.page-hero,.intro,.ak-portal-hero{
  position:relative!important;
  overflow:hidden!important;
}
.ak-landing-hero::before,.wc-role-hero::before,.page-hero::before,.intro::before,.ak-portal-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(8,74,61,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(8,74,61,.03) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 85%);
}
.ak-landing-hero,.page-hero,.intro{
  background:
    radial-gradient(600px 360px at 85% 14%,rgba(214,255,87,.18),transparent 54%),
    radial-gradient(380px 260px at 10% 82%,rgba(11,90,75,.08),transparent 50%),
    linear-gradient(180deg,#f8fcfa 0%,#ffffff 56%,#f4f9f6 100%)!important;
}
.wc-role-hero,.ak-portal-hero{
  background:
    radial-gradient(560px 320px at 85% 12%,rgba(214,255,87,.16),transparent 52%),
    linear-gradient(135deg,#042f27 0%,#0a5b4b 100%)!important;
}
.ak-landing-panel,.wc-access-card,.pricing-hero-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 30px 80px rgba(2,42,35,.20)!important;
}
.ak-landing-panel::before,.wc-access-card::before,.pricing-hero-card::before{
  content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(214,255,87,.18),rgba(214,255,87,0) 70%);pointer-events:none;
}
.ak-landing-panel::after,.wc-access-card::after{
  content:"";position:absolute;left:-40px;bottom:-40px;width:140px;height:140px;border-radius:32px;background:rgba(255,255,255,.06);transform:rotate(18deg);pointer-events:none;
}
.ak-landing-list span,.wc-access-choice{backdrop-filter:blur(8px)!important}

/* cards typography and polish */
.card,.ak-content-card,.ak-seo-card,.content-card,.wc-benefit{border-radius:24px!important}
.card p,.ak-content-card p,.ak-seo-card p,.wc-benefit p,.content-card p{line-height:1.72!important;font-size:14.5px!important}
.section-head h2,.ak-content-head h2,.page-hero h1,.intro-copy h1,.ak-landing-hero h1,.wc-role-copy h1{line-height:.98!important}
.section-head p,.ak-content-head p,.page-hero p,.intro-copy .lead{font-size:17px!important;line-height:1.72!important}

/* premium visual icons / vehicle illustrations */
.card-icon.badge-bike,
.card-icon.badge-car,
.card-icon.badge-box,
.wc-benefit i.badge-bike,
.wc-benefit i.badge-car,
.wc-benefit i.badge-box{
  background-size:88% auto!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.card-icon.badge-bike,.badge-bike.card-icon,.vehicle-bike{background-image:url('../visuals/vehicles/bike-premium.svg')!important;background-color:#ffffff!important}
.card-icon.badge-car,.badge-car.card-icon,.vehicle-car{background-image:url('../visuals/vehicles/car-premium.svg')!important;background-color:#ffffff!important}
.card-icon.badge-box,.badge-box.card-icon,.vehicle-box{background-image:url('../visuals/vehicles/loader-premium.svg')!important;background-color:#ffffff!important}
.card-icon.badge-home,.badge-home.card-icon,.vehicle-delivery{background-image:url('../visuals/vehicles/delivery-premium.svg')!important;background-size:88% auto!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#ffffff!important}
.card-icon.badge-users,.badge-users.card-icon,.vehicle-rickshaw{background-image:url('../visuals/vehicles/rickshaw-premium.svg')!important;background-size:88% auto!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#ffffff!important}

#delivery-moving .card-icon svg,
#rides-drivers .card-icon svg,
.page-vehicles .card-icon svg,
.vehicle-bike svg,.vehicle-car svg,.vehicle-box svg,.vehicle-delivery svg,.vehicle-rickshaw svg{opacity:0!important}

/* special ride / courier page cards */
.ak-content-card.vehicle-card i,
.wc-benefit.vehicle-card i{
  width:84px!important;height:64px!important;min-width:84px!important;border-radius:18px!important;
  background-color:#fff!important;background-position:center!important;background-repeat:no-repeat!important;background-size:92% auto!important;
  box-shadow:0 16px 34px rgba(3,41,34,.08)!important;
}
.ak-content-card.vehicle-card i svg,
.wc-benefit.vehicle-card i svg{opacity:0!important}
.ak-content-card.vehicle-card.v-bike i,.wc-benefit.vehicle-card.v-bike i{background-image:url('../visuals/vehicles/bike-premium.svg')!important}
.ak-content-card.vehicle-card.v-car i,.wc-benefit.vehicle-card.v-car i{background-image:url('../visuals/vehicles/car-premium.svg')!important}
.ak-content-card.vehicle-card.v-loader i,.wc-benefit.vehicle-card.v-loader i{background-image:url('../visuals/vehicles/loader-premium.svg')!important}
.ak-content-card.vehicle-card.v-rickshaw i,.wc-benefit.vehicle-card.v-rickshaw i{background-image:url('../visuals/vehicles/rickshaw-premium.svg')!important}
.ak-content-card.vehicle-card.v-delivery i,.wc-benefit.vehicle-card.v-delivery i{background-image:url('../visuals/vehicles/delivery-premium.svg')!important}

.vehicle-showcase{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px
}
.vehicle-showcase .vehicle-pill{
  display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:16px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.10);color:#fff;font-size:12px;font-weight:700
}
.vehicle-showcase .vehicle-thumb{
  width:54px;height:40px;border-radius:12px;background:#fff;background-repeat:no-repeat;background-position:center;background-size:90% auto;box-shadow:0 8px 20px rgba(0,0,0,.10)
}
.vehicle-thumb.bike{background-image:url('../visuals/vehicles/bike-premium.svg')}
.vehicle-thumb.car{background-image:url('../visuals/vehicles/car-premium.svg')}
.vehicle-thumb.loader{background-image:url('../visuals/vehicles/loader-premium.svg')}
.vehicle-thumb.rickshaw{background-image:url('../visuals/vehicles/rickshaw-premium.svg')}
.vehicle-thumb.delivery{background-image:url('../visuals/vehicles/delivery-premium.svg')}

/* explorer deeper polish */
.wc-explorer-shell{background:linear-gradient(180deg,#ffffff 0%,#f9fcfa 100%)!important}
.wc-explorer-copy h3{max-width:9.8ch!important}
.wc-explorer-features span{font-weight:700!important}
.wc-explorer-visual{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 60px rgba(0,0,0,.10)!important}
.wc-stack-card{backdrop-filter:blur(14px)!important}

/* footer */
.wc-footer,.site-footer{background:linear-gradient(180deg,#072d26 0%,#041e19 100%)!important}
.wc-footer-brand strong,.wc-footer h3,.footer-brand strong,.site-footer h3{color:#fff!important}
.wc-footer-about,.wc-footer-company p,.wc-footer-bottom,.wc-footer-links a{color:rgba(255,255,255,.72)!important}
.wc-footer-links a:hover{color:#fff!important}
.wc-footer-social a{box-shadow:0 8px 18px rgba(0,0,0,.16)!important}
.ak-footer-appbar{background:linear-gradient(180deg,#ffffff,#f7fbf9)!important;border-top:1px solid rgba(6,77,61,.08)!important;box-shadow:0 -10px 30px rgba(3,41,34,.05)!important}

/* responsive */
@media (max-width: 980px){
  .wc-real-phone{transform:none!important}
  .section-head p,.ak-content-head p,.page-hero p,.intro-copy .lead{font-size:16px!important}
  .vehicle-showcase{grid-template-columns:1fr 1fr!important}
}
@media (max-width: 720px){
  .launch-slider{border-radius:22px!important}
  .wc-hero .wc-display,.home-hero-copy h1,.ak-landing-hero h1,.wc-role-copy h1,.page-hero h1{font-size:clamp(40px,11vw,58px)!important}
  .wc-command{padding:14px!important}
  .wc-proof-item{justify-content:center!important}
  .vehicle-showcase{grid-template-columns:1fr!important}
  .ak-content-card.vehicle-card i,.wc-benefit.vehicle-card i{width:74px!important;height:58px!important;min-width:74px!important}
}
