/* ==========================================================================
   QUICKZY About page (about.html). Loads AFTER quickzy-v2.css and reuses its
   tokens, header, menus, footer, route/mascot ("How booking works") styles.
   Add new inner pages by copying about.html and swapping the sections.
   ========================================================================== */

/* active menu item */
.site-header.v2 .main-nav>a[aria-current="page"]{color:var(--blue)}
.site-header.v2 .main-nav>a[aria-current="page"]:after{width:100%}

/* shared section head */
.ab-sh{max-width:1320px;margin:0 auto clamp(28px,3.4vw,48px)}
.ab-sh .sub{max-width:660px;margin-top:14px}
.ab-do,.ab-bm,.ab-team,.ab-in,.ab-seo{padding-left:var(--pad);padding-right:var(--pad)}

/* ===== Hero ===== */
.ab-hero{position:relative;overflow:hidden;padding:calc(var(--hd-h,76px) + clamp(28px,4vw,56px)) var(--pad) clamp(40px,5vw,72px);background:radial-gradient(900px 480px at 90% -10%,rgba(201,240,63,.35),transparent 60%),radial-gradient(800px 480px at 0% 100%,rgba(22,54,232,.12),transparent 62%),#fff}
.ab-hero-in{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center}
.ab-crumb{display:flex;align-items:center;gap:8px;margin-bottom:22px;font-size:13.5px;color:var(--mute2)}
.ab-crumb a:hover{color:var(--blue)}
.ab-crumb b{font-weight:600;color:var(--ink2)}
#top section.ab-hero h1{margin:10px 0 18px;font-family:var(--ff-h,Inter,sans-serif);font-size:clamp(36px,5vw,68px);font-weight:500;letter-spacing:-.04em;line-height:1.05;color:var(--ink2)}
.ab-hero h1 .u{color:var(--blue);background:linear-gradient(transparent 66%,rgba(201,240,63,.9) 66%)}
.ab-hero .lead{max-width:620px;font-size:clamp(16px,1.3vw,18.5px);line-height:1.65;color:var(--mute)}
.ab-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.ab-cta .btn{height:54px;padding:0 26px}
.ab-chips{display:flex;flex-wrap:wrap;gap:8px}
.ab-chips li{padding:7px 13px;border-radius:99px;background:#F1F4FB;border:1px solid #E3E8F4;font-size:13px;font-weight:500;color:#3B4254}
.ab-hero-p{position:relative;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#E3ECFF,#F8FAFF);box-shadow:0 36px 70px -34px rgba(22,54,232,.45),0 0 0 1px rgba(22,54,232,.07)}
.ab-hero-p img{display:block;width:100%;height:auto;aspect-ratio:1.18/1;object-fit:cover}
.ab-stats{max-width:1320px;margin:clamp(32px,4vw,52px) auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid #E6EAF3;border-bottom:1px solid #E6EAF3}
.ab-stats div{padding:22px 18px;border-right:1px solid #E6EAF3}
.ab-stats div:last-child{border-right:0}
.ab-stats b{display:block;font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-.04em;line-height:1.1;color:var(--blue)}
.ab-stats small{display:block;margin-top:4px;font-size:13.5px;color:var(--mute)}
@media(max-width:1000px){.ab-hero-in{grid-template-columns:1fr}.ab-hero-p{max-width:560px}.ab-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-stats div:nth-child(3){border-right:0}.ab-stats div:nth-child(n+4){border-top:1px solid #E6EAF3}}
@media(max-width:560px){.ab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-stats div:nth-child(3){border-right:1px solid #E6EAF3}.ab-stats div:nth-child(2n){border-right:0}.ab-stats div:nth-child(n+3){border-top:1px solid #E6EAF3}}

/* ===== Our story: road + rider (reuses the .rte engine) ===== */
.ab-rte .rcard .ab-tags{display:flex;flex-wrap:wrap;gap:7px}
.ab-tags span{padding:6px 12px;border-radius:99px;background:#EEF2FF;color:#1636E8;font-size:13px;font-weight:600}
.ab-ck{display:grid;gap:9px}
.ab-ck li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500}
.ab-ck svg{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--lime);color:var(--ink);stroke-width:3}
.ab-rte .rs-k{text-transform:uppercase;letter-spacing:.1em;font-size:12.5px}

/* ===== What we do ===== */
.ab-do{padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px);background:#fff}
.ab-do-g{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ab-do-c{padding:24px;border-radius:24px;background:#F6F8FC;border:1px solid #E8ECF5;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s}
.ab-do-c:hover{transform:translateY(-6px);background:#fff;box-shadow:0 26px 44px -26px rgba(22,54,232,.45)}
.ab-do-c i,.ab-bm-c i,.ab-tm i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--lime);color:var(--ink);box-shadow:0 6px 16px -6px rgba(150,190,0,.7)}
.ab-do-c i svg,.ab-bm-c i svg,.ab-tm i svg{width:22px;height:22px}
.ab-do-c h3,.ab-bm-c h3,.ab-tm h3{margin-top:16px;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--ink2)}
.ab-do-c p,.ab-bm-c p,.ab-tm p{margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--mute)}
@media(max-width:1100px){.ab-do-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ab-do-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ab-do-g{grid-template-columns:1fr}}

/* ===== Benchmark ===== */
.ab-bm{padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px);color:#fff;background:radial-gradient(900px 520px at 100% -10%,rgba(201,240,63,.22),transparent 60%),radial-gradient(800px 520px at 0% 112%,rgba(79,107,255,.55),transparent 65%),linear-gradient(180deg,#0126C5,#050F4A)}
.ab-bm .eyebrow{color:var(--lime)}
#top section.ab-bm h2{color:#fff}
.ab-bm .sub{color:rgba(255,255,255,.82)}
.ab-bm-g{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ab-bm-c{padding:28px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s}
.ab-bm-c:hover{transform:translateY(-6px);background:rgba(255,255,255,.14)}
.ab-bm-c b{display:block;margin-top:20px;font-size:clamp(34px,3.6vw,52px);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--lime)}
.ab-bm-c h3{color:#fff}
.ab-bm-c p{color:rgba(255,255,255,.78)}
@media(max-width:900px){.ab-bm-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ab-bm-g{grid-template-columns:1fr}}

/* ===== The people ===== */
.ab-team{padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px);background:#F6F8FC}
.ab-tm-g{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ab-tm{padding:28px;border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(11,18,48,.04),0 22px 44px -28px rgba(11,18,48,.25);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ab-tm:hover{transform:translateY(-6px)}
@media(max-width:1000px){.ab-tm-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ab-tm-g{grid-template-columns:1fr}}

/* ===== Pan India ===== */
.ab-in{padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px);background:#fff}
.ab-in-g{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.ab-mapw{position:relative;border-radius:32px;padding:18px 18px 12px;background:radial-gradient(circle at 30% 30%,#F3F7FF,#E6EEFF);border:1px solid #DCE6FA}
.ab-map{display:block;width:100%;height:auto;max-height:620px}
.ab-map .gr path{fill:none;stroke:#D5DFF5;stroke-width:1;stroke-dasharray:2 6}
.ab-map .lb text{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;fill:#7B8BB5}
.ab-ln{fill:none;stroke:#9FB0E8;stroke-width:1.4;stroke-dasharray:3 6;opacity:.7;transition:stroke .3s,opacity .3s,stroke-width .3s}
.ab-ln.hot{stroke:#1636E8;stroke-width:2.4;opacity:1}
.ab-pin{cursor:pointer;outline:0}
.ab-pin .dt{fill:#fff;stroke:#1636E8;stroke-width:2.5;transition:r .25s,fill .25s}
.ab-pin.soon:hover .dt,.ab-pin.soon.hot .dt,.ab-pin.soon:focus .dt{fill:#1636E8;r:8}
.ab-pin.live .dt{fill:var(--lime);stroke:#0B1230;stroke-width:3}
.ab-pin .pu{fill:rgba(201,240,63,.45);animation:abpu 2.2s ease-out infinite;transform-origin:center}
@keyframes abpu{from{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}
.ab-mapn{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:6px;font-size:12.5px;color:var(--mute)}
.ab-mapn i{display:inline-block;width:12px;height:12px;border-radius:50%}
.ab-mapn .lv{background:var(--lime);border:2px solid #0B1230}
.ab-mapn .sn{background:#fff;border:2.5px solid #1636E8}
.ab-ph{display:grid;gap:12px}
.ab-ph li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:18px;border-radius:22px;background:#F6F8FC;border:1px solid #E8ECF5}
.ab-ph li.live{background:linear-gradient(135deg,#F4FBD8,#fff);border-color:#D9ECA1}
.ab-ph .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #C9D2EC;font-weight:700;color:var(--ink2)}
.ab-ph li.live .n{background:var(--lime);border-color:#0B1230}
.ab-ph b{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:17px;font-weight:600;color:var(--ink2)}
.ab-ph b em{font-style:normal;padding:3px 10px;border-radius:99px;background:#E7EDFF;color:#1636E8;font-size:12px;font-weight:700}
.ab-ph li.live b em{background:#0B1230;color:var(--lime)}
.ab-ph p{margin-top:6px;font-size:14.5px;line-height:1.55;color:var(--mute)}
.ab-nf{margin-top:18px;padding:22px;border-radius:24px;background:#0F1115;color:#fff}
.ab-nf label{display:block;margin-bottom:12px;font-size:16px;font-weight:600}
.ab-nf>div{display:flex;flex-wrap:wrap;gap:8px}
.ab-nf input{flex:1 1 150px;min-width:0;height:50px;padding:0 18px;border:0;border-radius:99px;background:#fff;color:var(--ink)}
.ab-nf .btn{height:50px;background:var(--neo,#EEFF00);color:#0B1230}
.ab-nfm{min-height:20px;margin-top:10px;font-size:14px;color:var(--lime)}
.ab-cw{max-width:1320px;margin:clamp(28px,3vw,44px) auto 0}
.ab-fl{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.ab-fl::-webkit-scrollbar{display:none}
.ab-fl button{flex:none;height:42px;padding:0 18px;border-radius:99px;background:#EEF2FB;font-size:14px;font-weight:600;transition:.2s}
.ab-fl button.on{background:var(--ink);color:#fff}
.ab-cities{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ab-city{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 8px 0 16px;border-radius:99px;background:#fff;border:1.5px solid #E1E7F5;font-size:14px;font-weight:500;color:var(--ink2);transition:border-color .2s,background .2s}
.ab-city[hidden]{display:none}
.ab-city:hover{border-color:#1636E8;background:#F2F5FF}
.ab-city em{font-style:normal;padding:3px 9px;border-radius:99px;background:#EEF2FF;color:#1636E8;font-size:11px;font-weight:700}
.ab-city.live{background:#F4FBD8;border-color:#D9ECA1}
.ab-city.live em{background:#0B1230;color:var(--lime)}
.ab-cw .note{margin-top:16px}
.ab-cw .note a{color:var(--blue);font-weight:600}
@media(max-width:1000px){.ab-in-g{grid-template-columns:1fr}.ab-mapw{max-width:560px}}

/* ===== Keyword block ===== */
.ab-seo{padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(56px,7vw,100px);background:#F6F8FC}
.ab-seo-g{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:start}
.ab-seo h2{margin-bottom:6px}
.ab-seo p{margin-top:14px;font-size:15.5px;line-height:1.75;color:#3B4254}
.ab-seo .tl{padding:16px 18px;border-left:4px solid var(--lime);border-radius:14px;background:#fff;line-height:1.65}
.ab-seo .stab-n{margin-bottom:6px}
.ab-seo .kw{margin-top:12px}
.ab-seo .kw span{padding:8px 14px;background:#fff;border:1px solid #E3E8F4;font-size:13.5px}
@media(max-width:1000px){.ab-seo-g{grid-template-columns:1fr}}

/* ===== Closing CTA ===== */
.ab-end{position:relative;overflow:hidden;padding:clamp(64px,8vw,120px) var(--pad);text-align:center;color:#fff;background:radial-gradient(800px 420px at 50% 120%,rgba(201,240,63,.4),transparent 70%),radial-gradient(900px 500px at 0% 0%,rgba(79,107,255,.5),transparent 65%),linear-gradient(180deg,#0126C5,#050F4A)}
.ab-end .eyebrow{color:var(--lime)}
#top section.ab-end h2{color:#fff;font-size:clamp(34px,5vw,68px);line-height:1.06}
.ab-end p{max-width:560px;margin:16px auto 0;font-size:17px;color:rgba(255,255,255,.85)}
.ab-end-b{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.ab-end-b .btn{height:54px;padding:0 26px}
.ab-end-b .b-n{border:1.5px solid rgba(255,255,255,.6)}

/* ===== About hero v2: full-width banner + counters ===== */
/* photo on top, fading to white; the text and counters sit in the white zone so nothing covers the people */
.ab-hero2{position:relative;display:block;padding:var(--hd-h,76px) 0 clamp(28px,3.4vw,48px);overflow:hidden;background:#fff}
.ab-ban{position:relative;height:clamp(460px,64vh,720px)}
.ab-ban img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ab-ban:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.96) 14%,rgba(255,255,255,.7) 28%,rgba(255,255,255,.25) 44%,rgba(255,255,255,0) 62%)}
.ab-ban-t{position:relative;z-index:1;max-width:1320px;margin:-130px auto 0;padding:0 var(--pad)}
.ab-hero2 .ab-crumb{margin-bottom:12px;color:#3B4254}
#top section.ab-hero2 h1{margin:8px 0 14px;font-family:var(--ff-h,Inter,sans-serif);font-size:clamp(30px,4vw,58px);font-weight:500;letter-spacing:-.04em;line-height:1.06;color:var(--ink2)}
.ab-hero2 h1 .u{color:var(--blue);background:linear-gradient(transparent 66%,rgba(201,240,63,.9) 66%)}
.ab-hero2 .lead{max-width:720px;font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.65;color:#3B4254}
.ab-stats2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(24px,3vw,40px);padding-top:24px;border-top:1px solid rgba(11,18,48,.14)}
.ab-stats2>div{padding:0 clamp(12px,2vw,36px);border-left:1px solid rgba(11,18,48,.14)}
.ab-stats2>div:first-child{padding-left:0;border-left:0}
.ab-stats2 b{display:flex;align-items:baseline;font-size:clamp(34px,4.4vw,64px);font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--ink2)}
.ab-stats2 b small{margin-left:2px;font-size:.5em;font-weight:500}
.ab-stats2>div>span{display:block;margin-top:8px;font-size:15px;color:#3B4254}
@media(max-width:760px){
  .ab-hero2{padding-bottom:28px}
  .ab-ban{height:min(70vw,400px)}
  .ab-ban-t{margin-top:-60px}
  .ab-stats2{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .ab-stats2>div:nth-child(3){padding-left:0;border-left:0}
}

/* ===== Welcome statement ===== */
.ab-wel{padding:clamp(56px,7vw,110px) var(--pad);background:#fff;text-align:center}
.ab-wel-in{max-width:1100px;margin:0 auto}
.ab-wel-k{display:block;font-size:16px;font-weight:700;color:var(--ink2)}
#top section.ab-wel h2{margin-top:22px;font-family:var(--ff-h,Inter,sans-serif);font-size:clamp(28px,4.6vw,64px);font-weight:700;letter-spacing:-.04em;line-height:1.12;color:var(--ink2)}
.ab-wel h2 span{color:var(--blue)}
.ab-wel .ab-chips{justify-content:center;margin-top:30px}
.ab-wel-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.ab-wel-cta .btn{height:54px;padding:0 26px}

/* ===== FAQ page ===== */
.fq-hero{padding:calc(var(--hd-h,76px) + clamp(28px,4vw,56px)) var(--pad) clamp(24px,3vw,40px);background:radial-gradient(900px 480px at 90% -10%,rgba(201,240,63,.35),transparent 60%),radial-gradient(800px 480px at 0% 100%,rgba(22,54,232,.1),transparent 62%),#fff}
.fq-hero-in{max-width:1320px;margin:0 auto}
#top section.fq-hero h1{margin:10px 0 14px;font-family:var(--ff-h,Inter,sans-serif);font-size:clamp(34px,4.6vw,64px);font-weight:500;letter-spacing:-.04em;line-height:1.06;color:var(--ink2)}
.fq-hero h1 .u{color:var(--blue);background:linear-gradient(transparent 66%,rgba(201,240,63,.9) 66%)}
.fq-hero .lead{max-width:680px;font-size:clamp(16px,1.3vw,18px);line-height:1.65;color:var(--mute)}
.fq-search{display:flex;align-items:center;gap:12px;max-width:720px;height:62px;margin-top:26px;padding:0 20px;border-radius:99px;background:#fff;border:1.5px solid #D9E0F0;box-shadow:0 18px 40px -24px rgba(22,54,232,.4);transition:border-color .2s,box-shadow .2s}
.fq-search:focus-within{border-color:var(--blue);box-shadow:0 18px 44px -20px rgba(22,54,232,.55)}
.fq-search svg{flex:none;width:22px;height:22px;color:var(--blue)}
.fq-search input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px;color:var(--ink)}
.fq-search button{flex:none;width:34px;height:34px;border-radius:50%;background:#EEF2FB;font-size:20px;line-height:1}
.fq-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.fq-cats button{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 8px 0 16px;border-radius:99px;background:#fff;border:1.5px solid #E1E7F5;font-size:14px;font-weight:600;color:var(--ink2);transition:.2s}
.fq-cats button em{display:grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:99px;background:#EEF2FF;color:#1636E8;font-size:12px;font-style:normal;font-weight:700}
.fq-cats button:hover{border-color:#1636E8}
.fq-cats button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.fq-cats button.on em{background:var(--lime);color:var(--ink)}
.fq-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:14px;color:var(--mute)}
.fq-eb{padding:8px 16px;border-radius:99px;border:1.5px solid #D9E0F0;font-weight:600;color:var(--blue)}
.fq-body{padding:clamp(24px,3vw,40px) var(--pad) clamp(56px,7vw,100px);background:#F6F8FC}
.fq-in{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,4vw,64px);align-items:start}
.fq-grp{margin-bottom:34px;scroll-margin-top:calc(var(--hd-h,76px) + 20px)}
.fq-grp[hidden]{display:none}
#top .fq-grp h2{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-size:clamp(22px,2.3vw,30px);font-weight:600;color:var(--ink2)}
.fq-grp h2 i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--ink)}
.fq-grp h2 i svg{width:21px;height:21px}
.fq-d details{margin-bottom:10px;padding:0 20px;border:1.5px solid #E3E8F4;border-radius:18px;background:#fff;transition:border-color .2s,box-shadow .2s}
.fq-d details[open]{border-color:#C9D6FA;box-shadow:0 18px 40px -30px rgba(22,54,232,.5)}
.fq-d details[hidden]{display:none}
.fq-d summary{padding:18px 0}
.fq-d details p{padding:0 40px 20px 0}
.fq-none{padding:28px;border:1.5px dashed #C9D6FA;border-radius:20px;background:#fff;text-align:center;color:var(--mute)}
.fq-help{position:sticky;top:calc(var(--hd-h,76px) + 20px);display:grid;gap:12px;padding:28px;border-radius:30px;color:#fff;background:linear-gradient(160deg,#0126C5,#050F4A);box-shadow:0 36px 70px -40px rgba(1,38,197,.8)}
.fq-help .eyebrow{color:var(--lime)}
#top .fq-help h2{color:#fff;font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.15}
.fq-help p{font-size:15px;line-height:1.6;color:rgba(255,255,255,.82)}
.fq-help .btn{width:100%;height:50px}
.fq-help .b-l{background:rgba(255,255,255,.14);color:#fff}
.fq-help .b-l:hover{background:var(--lime);color:var(--ink)}
.fq-help small{font-size:12.5px;text-align:center;color:rgba(255,255,255,.7)}
@media(max-width:1000px){.fq-in{grid-template-columns:1fr}.fq-help{position:relative;top:auto}}
.fq-search input::-webkit-search-cancel-button,.fq-search input::-webkit-search-decoration{-webkit-appearance:none;display:none}

/* ===== About v3: banner + welcome (as in the approved screenshot) ===== */
.ab-top{position:relative;padding-top:var(--hd-h,76px);background:#fff}
.ab-top-img{position:relative;height:clamp(380px,56vh,620px)}
.ab-top-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.ab-top-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.92) 16%,rgba(255,255,255,.55) 34%,rgba(255,255,255,.12) 56%,rgba(255,255,255,0) 72%)}
.ab-wel{position:relative;z-index:1;margin-top:-56px;padding-top:0}
#top section.ab-wel h1{margin-top:22px;font-family:var(--ff-h,Inter,sans-serif);font-size:clamp(28px,4.6vw,64px);font-weight:700;letter-spacing:-.04em;line-height:1.12;color:var(--ink2)}
.ab-wc{display:flex;justify-content:center;flex-wrap:wrap;gap:22px clamp(32px,6vw,96px);margin-top:clamp(28px,3.4vw,44px)}
.ab-wc b{display:flex;align-items:baseline;justify-content:center;font-size:clamp(34px,3.8vw,54px);font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--ink2)}
.ab-wc b small{margin-left:2px;font-size:.5em;font-weight:500}
.ab-wc>div>span{display:block;margin-top:8px;font-size:14px;color:#3B4254}

/* ===== About v3: the track (How we started) ===== */
.ab-tt{display:block;width:max-content;max-width:100%;margin:0 auto;padding:10px 26px;background:#F1F3F7;font-family:var(--ff-h,Inter,sans-serif);font-size:clamp(17px,1.8vw,24px);font-weight:500;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;color:var(--ink2);text-align:center}
.ab-rte .rte-st>.ab-tt{position:relative;z-index:3;margin:90px auto 24px}
.ab-rte .rte-st{padding-bottom:60px}
.ab-rte .rs{padding-top:30px;padding-bottom:30px}
.ab-rte .rs-c.wide{max-width:460px}
.ab-mv small{display:block;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.14em;color:#1636E8}
.ab-mv b{margin:0;font-size:clamp(19px,1.8vw,24px);font-weight:500;line-height:1.3;letter-spacing:-.02em}
.rcard.ab-vs{background:var(--lime)}
.rcard.ab-vs small{color:#0B1230}
.ab-fd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rcard.ab-f{display:grid;justify-items:center;gap:4px;padding:18px 14px;text-align:center}
.ab-f .fa{position:relative;display:grid;place-items:center;width:72px;height:72px;margin-bottom:6px;border-radius:50%;overflow:hidden;background:var(--blue);color:#fff;font-size:22px;font-weight:700;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--lime)}
.ab-f .fa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ab-f .fa i{font-style:normal}
.rcard.ab-f>b{margin:0;font-size:16px}
.ab-f small{font-size:12.5px;color:var(--mute2)}
.ab-f p{margin-top:6px;font-size:12.5px;line-height:1.45;color:var(--mute)}
.ab-f a{display:grid;place-items:center;width:34px;height:34px;margin-top:8px;border-radius:50%;background:#EEF2FF;color:var(--blue);transition:.2s}
.ab-f a:hover{background:var(--lime);color:var(--ink)}

/* ===== About v3: How big we are ===== */
.ab-in{padding-top:0}
.ab-link{display:flex;flex-direction:column;align-items:center;margin:0 auto clamp(20px,3vw,36px)}
.ab-link svg{display:block;width:60px;height:130px;overflow:visible}
.ab-link svg path{stroke:#1636E8;stroke-width:4;stroke-linecap:round}
.ab-link .ab-tt{margin:-26px auto;background:#fff;position:relative;z-index:1}
.ab-pres{max-width:1320px;margin:0 auto clamp(28px,3vw,44px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ab-pres>div{padding:22px;border-radius:24px;background:#F6F8FC;border:1px solid #E8ECF5}
.ab-pres b{display:flex;align-items:baseline;font-size:clamp(34px,3.6vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--blue)}
.ab-pres>div>span{display:block;margin-top:8px;font-size:15px;font-weight:600;color:var(--ink2)}
.ab-pres small{display:block;margin-top:2px;font-size:12.5px;font-weight:400;color:var(--mute)}
@media(max-width:900px){.ab-pres{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ===== About v4: exact banner + typography, no gap under the menu ===== */
.ab-top{padding-top:0}
.ab-top-img{height:clamp(320px,28vw,560px)}
.ab-wel{margin-top:-44px}
.ab-wel-k{color:var(--blue)}
#top section.ab-wel h1{font-size:clamp(28px,3.6vw,54px);font-weight:500;letter-spacing:-.03em;line-height:1.2}
.ab-wel h1 span{color:var(--blue)}
.ab-wc b{font-size:clamp(30px,2.9vw,46px)}
.ab-wc>div>span{font-size:12.5px}
.fq-hero{padding-top:clamp(28px,4vw,56px)}

/* ===== How big we are: photo after the track ===== */
.ab-big{padding:0 var(--pad) clamp(40px,5vw,72px);background:#fff}
.ab-big .ab-link{margin-bottom:0}
.ab-big-ph{max-width:1180px;margin:0 auto;overflow:hidden;border-radius:28px;box-shadow:0 30px 60px -34px rgba(11,18,48,.4)}
.ab-big-ph img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}
.ab-big .ab-pres{max-width:1180px;margin:22px auto 0}

/* ===== Pan India v2: dark network ===== */
.pi{position:relative;overflow:hidden;padding:clamp(64px,8vw,110px) var(--pad);color:#fff;background:radial-gradient(900px 520px at 100% -10%,rgba(201,240,63,.2),transparent 60%),radial-gradient(800px 520px at 0% 110%,rgba(79,107,255,.5),transparent 65%),linear-gradient(180deg,#0126C5,#050F4A)}
.pi-h,.pi-ph,.pi-g,.pi .ab-cw{max-width:1320px;margin-left:auto;margin-right:auto}
.pi .eyebrow{color:var(--lime)}
#top section.pi h2{color:#fff}
.pi .sub{max-width:700px;margin-top:14px;color:rgba(255,255,255,.82)}
.pi-ph{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(28px,3.4vw,44px);margin-bottom:clamp(24px,3vw,40px)}
.pi-ph:before{content:"";position:absolute;left:22px;right:22px;top:22px;height:3px;background:rgba(255,255,255,.2)}
.pi-ph:after{content:"";position:absolute;left:22px;top:22px;width:calc(25% - 22px);height:3px;background:var(--lime)}
.pi-ph li{position:relative;padding-right:18px}
.pi-ph .n{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#0A1B7E;border:2px solid rgba(255,255,255,.35);font-weight:700}
.pi-ph li.live .n{background:var(--lime);color:#0B1230;border-color:var(--lime);box-shadow:0 0 0 8px rgba(201,240,63,.22)}
.pi-ph b{display:block;margin-top:14px;font-size:18px;font-weight:600}
.pi-ph em{display:inline-block;margin-top:4px;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.14);font-size:11.5px;font-style:normal;font-weight:700}
.pi-ph li.live em{background:var(--lime);color:#0B1230}
.pi-ph p{margin-top:8px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.75)}
.pi-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,3vw,40px);align-items:start}
.pi-map{position:relative;padding:18px 18px 12px;border-radius:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.pi .ab-map{display:block;width:100%;height:auto;max-height:560px}
.pi .ab-map .gr path{fill:none;stroke:rgba(255,255,255,.12);stroke-dasharray:2 6}
.pi .ab-map .lb text{fill:rgba(255,255,255,.65)}
.pi .ab-ln{stroke:rgba(255,255,255,.3);opacity:1}
.pi .ab-ln.hot{stroke:var(--lime);stroke-width:2.6}
.pi .ab-pin .dt{fill:#0A1B7E;stroke:#fff}
.pi .ab-pin.soon:hover .dt,.pi .ab-pin.soon.hot .dt{fill:var(--lime);stroke:var(--lime)}
.pi .ab-pin.live .dt{fill:var(--lime);stroke:#fff}
.pi .ab-pin .pu{fill:rgba(201,240,63,.5)}
.pi .ab-mapn{color:rgba(255,255,255,.75)}
.pi .ab-mapn .lv{background:var(--lime);border-color:#fff}
.pi .ab-mapn .sn{background:#0A1B7E;border-color:#fff}
.pi-side{display:grid;gap:14px}
.pi-nf{padding:26px;border-radius:28px;background:#fff;color:var(--ink)}
.pi-k{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.pi-nf label{display:block;margin-bottom:12px;font-size:20px;font-weight:600;letter-spacing:-.02em}
.pi-nf>div{display:flex;flex-wrap:wrap;gap:8px}
.pi-nf input{flex:1 1 150px;min-width:0;height:50px;padding:0 18px;border:1.5px solid #D9E0F0;border-radius:99px;background:#fff;color:var(--ink)}
.pi-nf .btn{height:50px}
.pi-nf .ab-nfm{color:var(--blue)}
.pi-j{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pi-j a{display:block;padding:18px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:.25s}
.pi-j a:hover{background:rgba(255,255,255,.18);transform:translateY(-3px)}
.pi-j i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--lime);color:#0B1230}
.pi-j b{display:block;margin-top:12px;font-size:15px}
.pi-j small{display:block;margin-top:3px;font-size:12.5px;color:rgba(255,255,255,.75)}
.pi .ab-cw{margin-top:clamp(28px,3vw,44px)}
.pi .ab-fl button{background:rgba(255,255,255,.12);color:#fff}
.pi .ab-fl button.on{background:var(--lime);color:#0B1230}
.pi .ab-city{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.pi .ab-city:hover{background:rgba(255,255,255,.16);border-color:var(--lime)}
.pi .ab-city em{background:rgba(255,255,255,.16);color:#fff}
.pi .ab-city.live{background:var(--lime);border-color:var(--lime);color:#0B1230}
.pi .ab-city.live em{background:#0B1230;color:var(--lime)}
.pi .note{color:rgba(255,255,255,.6)}
@media(max-width:1000px){.pi-g{grid-template-columns:1fr}.pi-ph{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.pi-ph:before,.pi-ph:after{display:none}}
@media(max-width:560px){.pi-ph{grid-template-columns:1fr}.pi-j{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ab-tr{display:none}}

/* ===== Benchmark v2: ledger ===== */
.bmk{padding:clamp(56px,7vw,100px) var(--pad);background:#fff}
.bmk-in{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);align-items:start}
.bmk-l{position:sticky;top:calc(var(--hd-h,76px) + 24px)}
.bmk-l .sub{max-width:440px;margin-top:14px}
.bmk-l .btn{height:54px;margin-top:26px;padding:0 26px}
.bmk-r{border-top:1.5px solid var(--ink)}
.bmk-r li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1.1fr) 44px;gap:18px;align-items:center;padding:26px 14px 26px 0;border-bottom:1px solid #E1E6F2;transition:background .3s,padding .3s}
.bmk-r li:hover{padding-left:14px;background:#F6F8FC}
.bmk-r li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--lime);transition:width .3s}
.bmk-r li:hover:before{width:5px}
.bmk-r .no{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:#9AA6C4}
.bmk-r .bm b{display:block;font-size:clamp(30px,3.6vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--blue)}
.bmk-r .bm small{display:block;margin-top:6px;font-size:14px;font-weight:600;color:var(--ink2)}
.bmk-r p{font-size:14.5px;line-height:1.6;color:var(--mute)}
.bmk-r i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lime);color:#0B1230}
.bmk-r i svg{width:20px;height:20px}
@media(max-width:1000px){.bmk-in{grid-template-columns:1fr}.bmk-l{position:relative;top:auto}}
@media(max-width:640px){.bmk-r li{grid-template-columns:34px minmax(0,1fr);row-gap:8px}.bmk-r p{grid-column:2}.bmk-r i{display:none}}

/* ===== People: photo cards (dummy photos for now) ===== */
.ab-pc-g{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ab-pc{padding:12px 12px 22px;border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(11,18,48,.04),0 22px 44px -28px rgba(11,18,48,.25);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ab-pc:hover{transform:translateY(-6px)}
.ab-pc .ph{overflow:hidden;aspect-ratio:4/4.6;border-radius:20px;background:#E3ECFF}
.ab-pc .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ab-pc:hover .ph img{transform:scale(1.05)}
.ab-pc b{display:block;margin:16px 10px 0;font-size:18px;font-weight:600;color:var(--ink2)}
.ab-pc small{display:block;margin:2px 10px 0;font-size:13px;font-weight:600;color:var(--blue)}
.ab-pc p{margin:10px 10px 0;font-size:14px;line-height:1.55;color:var(--mute)}
.ab-pc .ab-tags{margin:12px 10px 0}
@media(max-width:1000px){.ab-pc-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.ab-pc-g{grid-template-columns:1fr}}

/* ===== Laptop repair, explained v2: content left, photo right ===== */
.ab-seo2-g{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px);align-items:start}
.ab-seo2-ph{position:sticky;top:calc(var(--hd-h,76px) + 24px);min-height:clamp(380px,40vw,620px);margin:0}
.ab-seo2-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%),linear-gradient(180deg,#000 58%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 24%),linear-gradient(180deg,#000 58%,transparent 100%);mask-composite:intersect}
.ab-seo2 .stabs{margin-top:26px}
@media(max-width:1000px){.ab-seo2-g{grid-template-columns:1fr}.ab-seo2-ph{position:relative;top:auto;min-height:340px}.ab-seo2-ph img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 62%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}}
.ab-tags span{white-space:nowrap}

/* ===== Track boxes: Who We Are / Our Mission / Our Vision are part of the road ===== */
.ab-rte .rs-n{align-self:center;font-size:clamp(90px,12vw,180px);font-weight:700;letter-spacing:-.06em;line-height:.8;color:transparent;-webkit-text-stroke:2px #C7D0E6;opacity:.4;transition:opacity .5s,-webkit-text-stroke-color .5s}
.ab-rte .rs.on .rs-n{opacity:1;-webkit-text-stroke-color:#1636E8}
.ab-rte .rs-box .rs-n{grid-column:1;grid-row:1;justify-self:end;padding-right:28px}
.ab-rte .rs-box.r .rs-n{grid-column:3;justify-self:start;padding:0 0 0 28px}
.ab-rte .rs-c.box{position:relative;max-width:540px;padding:30px 34px 32px;border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(11,18,48,.05),0 30px 60px -32px rgba(11,18,48,.3)}
.ab-rte .rs-c.box .rs-k{margin-bottom:10px}
.ab-rte .rs-c.box h3{font-family:var(--ff-h,Inter,sans-serif);font-size:clamp(26px,2.6vw,36px);font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--ink2)}
.ab-rte .rs-c.box p{margin-top:12px;font-size:15.5px;line-height:1.75;color:#2A3242}
.ab-rte .rs-c.box .ab-tags{margin-top:16px}
.ab-rte .rs-c.box .ab-st{margin-top:16px;padding:13px 16px;border-radius:14px;background:#EEF2FF;color:#0B1230;font-size:16px;font-weight:600;line-height:1.4}
.ab-rte .rs-c.box .ab-st.vs{background:var(--lime)}
/* highlight when the rider arrives */
.ab-rte .rs-box.on .rs-c.box{transform:scale(1.02);box-shadow:0 0 0 2px #1636E8,0 44px 84px -30px rgba(22,54,232,.5)}
/* dotted connector to the road + a stop on the road */
.ab-rte .rs-box .rs-c.box:before{content:"";position:absolute;top:50%;left:-100px;width:100px;border-top:2px dotted #9FB0E8}
.ab-rte .rs-box.r .rs-c.box:before{left:auto;right:-100px}
.ab-rte .rs-box:after{content:"";position:absolute;left:50%;top:50%;z-index:2;width:20px;height:20px;margin:-10px;border-radius:50%;background:#fff;border:4px solid #1636E8;transition:background .4s,box-shadow .4s}
.ab-rte .rs-box.on:after{background:var(--lime);box-shadow:0 0 0 8px rgba(201,240,63,.35)}
@media(max-width:900px){
  .ab-rte .rs-n{display:none}
  .ab-rte .rs-box .rs-c.box{max-width:none;padding:24px 22px}
  .ab-rte .rs-box .rs-c.box:before{display:none}
  .ab-rte .rs-box:after{left:22px}
}
.ab-tags{display:flex;flex-wrap:wrap;gap:7px}
.ab-rte .rs-c.box{max-width:min(540px,100%)}

/* ===== v5: line from the CTA, lime labels, no grey map boxes ===== */
.ab-wel{padding-bottom:20px}
.ab-top-link{background:#fff}
.ab-top-link .ab-link{margin-bottom:0}
.ab-link .ab-tt{background:#fff;color:#8DB600}
.ab-rte .rte-map .blk{display:none}

/* ===== Pan India: interactive ===== */
.pi-ctl{max-width:1320px;margin:clamp(20px,2.4vw,32px) auto 0;display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:14px;color:rgba(255,255,255,.75)}
.pi-play{height:46px;padding:0 22px;border-radius:99px;background:var(--lime);color:#0B1230;font-size:14.5px;font-weight:700;transition:transform .2s,background .2s}
.pi-play:hover{transform:translateY(-2px)}
.pi-play.on{background:#fff}
.pi-ph{margin-top:20px}
.pi-ph li{cursor:pointer;outline:0}
.pi-ph li:hover b,.pi-ph li:focus-visible b{color:var(--lime)}
.pi-ph li.sel .n{background:var(--lime);color:#0B1230;border-color:var(--lime);box-shadow:0 0 0 8px rgba(201,240,63,.25)}
.pi-info{padding:22px 24px;border-radius:26px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
.pi-info.pop{animation:piPop .45s cubic-bezier(.2,.8,.2,1)}
@keyframes piPop{from{transform:scale(.97);opacity:.35}to{transform:none;opacity:1}}
.pi-st{display:inline-block;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.16);font-size:12px;font-weight:700}
.pi-st.live{background:var(--lime);color:#0B1230}
.pi-info b{display:block;margin-top:10px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.pi-info p{margin-top:6px;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.82)}
.pi-info .btn{height:48px;margin-top:14px;padding:0 22px}
.pi .ab-pin{transition:opacity .35s}
.pi .ab-pin.dim{opacity:.22}
.pi .ab-pin.ring .dt{stroke:var(--lime);stroke-width:3.5}
.pi .ab-pin.sel .dt{fill:var(--lime);stroke:#fff;stroke-width:3;r:9}
.pi .ab-ln{transition:opacity .35s,stroke .3s}
.pi .ab-ln.dim{opacity:.08}
.pi .ab-ln.sel{stroke:var(--lime);stroke-width:2.8;opacity:1}
.pi .ab-city{transition:opacity .3s,background .2s,border-color .2s}
.pi .ab-city.dim{opacity:.28}

/* ===== Pan India v3: departure board + live map (light, on-brand) ===== */
.pn{padding:clamp(56px,7vw,100px) var(--pad);background:linear-gradient(180deg,#F6F8FC,#fff)}
.pn-h,.pn-g,.pn-j{max-width:1320px;margin-left:auto;margin-right:auto}
.pn-h{margin-bottom:clamp(26px,3vw,40px)}
.pn-h .sub{max-width:700px;margin-top:14px}
.pn-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.pn-l{overflow:hidden;border-radius:32px;background:#fff;border:1px solid #E3E8F4;box-shadow:0 34px 64px -40px rgba(22,54,232,.4)}
.pn-tabs{display:flex;gap:6px;padding:14px;overflow-x:auto;background:#0F1115;scrollbar-width:none}
.pn-tabs::-webkit-scrollbar{display:none}
.pn-tabs button{flex:none;height:38px;padding:0 16px;border-radius:99px;color:#C9D2EC;font:600 12.5px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s}
.pn-tabs button:hover{color:#fff}
.pn-tabs button.on{background:var(--lime);color:#0B1230}
.pn-s{display:flex;align-items:center;gap:10px;height:52px;margin:14px;padding:0 18px;border-radius:99px;background:#F4F7FD;border:1.5px solid transparent;transition:border-color .2s,background .2s}
.pn-s:focus-within{border-color:var(--blue);background:#fff}
.pn-s svg{flex:none;width:20px;height:20px;color:var(--blue)}
.pn-s input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:15.5px;color:var(--ink)}
.pn-bd{max-height:500px;overflow:auto;padding:0 8px 10px;scrollbar-width:thin}
.pn-r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:14px 12px;border-radius:16px;text-align:left;transition:background .2s}
.pn-r[hidden]{display:none}
.pn-r:hover{background:#F2F5FF}
.pn-r.sel{background:#F2F5FF;box-shadow:inset 4px 0 0 var(--lime)}
.pn-r b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--ink2)}
.pn-r small{display:block;margin-top:2px;font-size:12.5px;color:var(--mute2)}
.pn-r .t{padding:5px 10px;border-radius:8px;background:#0F1115;color:#fff;font:600 10.5px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;white-space:nowrap}
.pn-r.p1 .t{background:var(--lime);color:#0B1230}
.pn-r .a{font-size:13px;font-weight:700;color:var(--blue);white-space:nowrap}
.pn-none{padding:26px 14px;text-align:center;color:var(--mute)}
.pn-none[hidden]{display:none}
.pn-rt{display:grid;gap:14px}
.pn-map{padding:16px 16px 10px;border-radius:32px;background:linear-gradient(160deg,#EAF0FF,#F7FAFF);border:1px solid #DCE6FA}
.pn .ab-map{display:block;width:100%;height:auto;max-height:480px}
.pn .ab-tr{stroke:#0B1230;stroke-width:.7}
.pn .ab-pin{transition:opacity .35s}
.pn .ab-pin.dim{opacity:.22}
.pn .ab-pin.ring .dt{stroke:var(--blue);stroke-width:3.5;fill:var(--lime)}
.pn .ab-pin.sel .dt{fill:var(--blue);stroke:var(--lime);stroke-width:3.5;r:8.5}
.pn .ab-ln{transition:opacity .35s,stroke .3s}
.pn .ab-ln.dim{opacity:.1}
.pn .ab-ln.sel{stroke:var(--blue);stroke-width:2.8;opacity:1}
.pn-info{padding:20px 22px;border-radius:24px;background:#0F1115;color:#fff}
.pn-info.pop{animation:piPop .45s cubic-bezier(.2,.8,.2,1)}
.pn-info .pi-st{display:inline-block;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.16);font-size:12px;font-weight:700}
.pn-info .pi-st.live{background:var(--lime);color:#0B1230}
.pn-info b{display:block;margin-top:10px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.pn-info p{margin-top:6px;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.8)}
.pn-info .btn{height:48px;margin-top:14px;padding:0 22px}
.pn-nf{padding:22px;border-radius:24px;background:#fff;border:1px solid #E3E8F4}
.pn-nf .pi-k{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.pn-nf label{display:block;margin-bottom:12px;font-size:19px;font-weight:600;letter-spacing:-.02em}
.pn-nf>div{display:flex;flex-wrap:wrap;gap:8px}
.pn-nf input{flex:1 1 150px;min-width:0;height:50px;padding:0 18px;border:1.5px solid #D9E0F0;border-radius:99px;background:#fff;color:var(--ink)}
.pn-nf .btn{height:50px}
.pn-nf .ab-nfm{color:var(--blue)}
.pn-j{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:clamp(20px,2.4vw,32px)}
.pn-j a{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:24px;background:#fff;border:1px solid #E3E8F4;transition:transform .25s,box-shadow .25s}
.pn-j a:hover{transform:translateY(-4px);box-shadow:0 24px 44px -28px rgba(22,54,232,.45)}
.pn-j i{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:var(--lime);color:#0B1230}
.pn-j b{display:block;font-size:16px;font-weight:600;color:var(--ink2)}
.pn-j small{display:block;margin-top:2px;font-size:13px;color:var(--mute)}
@media(max-width:1000px){.pn-g{grid-template-columns:1fr}.pn-bd{max-height:420px}}
@media(max-width:560px){.pn-j{grid-template-columns:1fr}.pn-r{grid-template-columns:minmax(0,1fr) auto}.pn-r .t{display:none}}

/* ==========================================================================
   Contact page (contact.html)
   ========================================================================== */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Contact banner animation (paused): not used right now, kept for later */
.cx-ban{position:relative;overflow:hidden;height:max(300px,36.35vw);background:#fff}
.cx-ban:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:5;height:36%;background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.96) 16%,rgba(255,255,255,.62) 50%,rgba(255,255,255,0) 100%);pointer-events:none}
.cx-scene{position:absolute;left:50%;top:0;width:max(100%,825px);aspect-ratio:3800/1381;transform:translateX(-50%)}
.cx-cam{position:absolute;inset:0;transform-origin:50% 58%;animation:cxCam 9s ease-in-out infinite alternate}
@keyframes cxCam{from{transform:scale(1)}to{transform:scale(1.08) translateY(-.5%)}}
.cx-cam picture,.cx-cam img{position:absolute;inset:0;display:block;width:100%;height:100%}
.cx-bike{-webkit-mask-image:radial-gradient(ellipse 7.5% 29% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 7.5% 29% at 50% 50%,#000 62%,transparent 100%);transform-origin:50% 92%;animation:cxBike 1.1s ease-in-out infinite alternate}
@keyframes cxBike{from{transform:translateY(0) rotate(-.3deg)}to{transform:translateY(-.7%) rotate(.3deg) scale(1.006)}}
.cx-hl{position:absolute;left:50.1%;top:44.9%;width:6%;aspect-ratio:1;margin:-3% 0 0 -3%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 68%);mix-blend-mode:screen;animation:cxHl 1.6s ease-in-out infinite}
@keyframes cxHl{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:.95;transform:scale(1.2)}}
.cx-lines{position:absolute;inset:0;width:100%;height:100%}
.cx-lines path{fill:none;stroke:url(#cxg);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:.045 .135;animation:cxFlow linear infinite}
@keyframes cxFlow{to{stroke-dashoffset:-.18}}
.cx-cl{position:absolute;left:-30%;width:28%;height:14%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.6),rgba(255,255,255,0) 70%);filter:blur(6px);animation:cxCl linear infinite}
.cx-cl.a{top:8%;animation-duration:46s}
.cx-cl.b{top:20%;animation-duration:62s;animation-delay:-20s}
.cx-cl.c{top:3%;animation-duration:80s;animation-delay:-42s}
@keyframes cxCl{to{transform:translateX(480%)}}
.cx-sweep{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.26) 50%,transparent 60%);transform:translateX(-100%);animation:cxSw 7s ease-in-out infinite}
@keyframes cxSw{0%,35%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.cx-cam,.cx-bike,.cx-hl,.cx-lines path,.cx-cl,.cx-sweep{animation:none}}
/* intro, contact details, socials (centred like the About page) */
.cx-wel{margin-top:-60px}
#top section.cx-wel h1{margin-top:18px;font-size:clamp(36px,5.4vw,76px);font-weight:600;letter-spacing:-.045em;line-height:1.05}
.cx-lead{max-width:580px;margin:18px auto 0;font-size:clamp(16px,1.3vw,18px);line-height:1.65;color:var(--mute)}
.cx-cd{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:clamp(26px,3vw,38px)}
.cx-cd a{display:flex;align-items:center;gap:14px;padding:14px 28px 14px 14px;border-radius:99px;background:#F6F8FC;border:1.5px solid #E3E8F4;text-align:left;transition:transform .25s,background .25s,border-color .25s}
.cx-cd a:hover{transform:translateY(-3px);background:#fff;border-color:var(--blue)}
.cx-cd i{display:grid;place-items:center;width:50px;height:50px;flex:none;border-radius:50%;background:var(--lime);color:#0B1230}
.cx-cd i svg{width:22px;height:22px}
.cx-cd small{display:block;font-size:12.5px;color:var(--mute2)}
.cx-cd b{display:block;font-size:clamp(18px,2vw,24px);font-weight:600;letter-spacing:-.02em;color:var(--ink2)}
.cx-soc{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}
.cx-soc a{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;border:1.5px solid #D9DDE6;color:var(--ink);transition:background .25s,border-color .25s,transform .25s}
.cx-soc a:hover{background:var(--lime);border-color:var(--lime);transform:translateY(-4px)}
.cx-soc svg{width:21px;height:21px}
/* feedback form */
.cx-fm{padding:clamp(40px,5vw,72px) var(--pad) clamp(56px,7vw,100px);background:#F6F8FC;text-align:center}
.cx-fm-in{max-width:820px;margin:0 auto}
.cx-fm .sub{max-width:520px;margin:14px auto 0}
.cx-form{margin-top:30px;padding:clamp(22px,3vw,38px);border-radius:32px;background:#fff;border:1px solid #E3E8F4;box-shadow:0 34px 64px -40px rgba(22,54,232,.4);text-align:left;display:grid;gap:16px}
.cx-r2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cx-form label>span:first-child{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--mute2)}
.cx-form input,.cx-form select,.cx-form textarea{width:100%;padding:0 16px;border:1.5px solid #E3E8F1;border-radius:16px;background:#fff;font:inherit;font-size:15px;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.cx-form input,.cx-form select{height:54px}
.cx-form textarea{padding:14px 16px;resize:vertical;min-height:130px}
.cx-form input:focus,.cx-form select:focus,.cx-form textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(22,54,232,.1)}
.cx-ph{display:flex;align-items:center;gap:10px;height:54px;padding:0 16px;border:1.5px solid #E3E8F1;border-radius:16px;transition:border-color .2s,box-shadow .2s}
.cx-ph:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(22,54,232,.1)}
.cx-ph em{padding-right:10px;border-right:1px solid #E3E8F1;font-style:normal;font-weight:600;color:var(--mute2)}
.cx-ph input{height:100%;padding:0;border:0;box-shadow:none!important}
.cx-rate{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px}
.cx-rate>span{font-size:14px;font-weight:600;color:var(--ink2)}
.cx-rate em{font-style:normal;font-weight:400;color:var(--mute2)}
.cx-rate>div{display:flex;gap:4px}
.cx-rate button{width:40px;height:40px;border-radius:50%;font-size:22px;line-height:1;color:#C9D1E2;transition:color .2s,transform .2s}
.cx-rate button:hover{transform:scale(1.12);color:#F4B400}
.cx-rate button.on{color:#F4B400}
.cx-form .btn{justify-self:start;height:56px;padding:0 30px}
.cx-msg{min-height:22px;font-size:14.5px;font-weight:600}
.cx-msg.ok{color:#0A8A4A}
.cx-msg.bad{color:#C0392B}
@media(max-width:640px){.cx-r2{grid-template-columns:1fr}.cx-form .btn{justify-self:stretch}}

/* ===== FAQ page: banner + centred intro like the About page ===== */
.fq-wel .fq-search{margin-left:auto;margin-right:auto;text-align:left}
.fq-wel .fq-cats{justify-content:center}
.fq-wel .fq-bar{max-width:760px;margin-left:auto;margin-right:auto}
.fq-wel .ab-wc{margin-bottom:6px}

/* polish */
.cx-ban{isolation:isolate}
.cx-wel{position:relative;z-index:1}
@media(min-width:1001px){
  .pn-g{align-items:stretch}
  .pn-l{display:flex;flex-direction:column}
  .pn-bd{flex:1 1 0;min-height:340px;max-height:none}
}


/* ===== Contact: static banner like About, content a little higher, darker input borders, button on the right ===== */
.cx-img picture{display:block;height:100%}
.cx-img img{object-position:50% 55%}
.cx-wel{margin-top:-88px}
.cx-form input,.cx-form select,.cx-form textarea,.cx-ph{border-color:#AAB5CB}
.cx-form input:hover,.cx-form select:hover,.cx-form textarea:hover,.cx-ph:hover{border-color:#7F8DAA}
.cx-ph em{border-right-color:#AAB5CB}
.cx-form .btn{justify-self:end}
@media(max-width:640px){.cx-form .btn{justify-self:stretch}}

/* ===== Contact: smoother fade into white (like the About page) ===== */
.cx-img:after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.97) 14%,rgba(255,255,255,.8) 28%,rgba(255,255,255,.45) 46%,rgba(255,255,255,.12) 66%,rgba(255,255,255,0) 82%)}
.cx-wel{background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 96px)}

/* ===== Pan India v4: minimal ===== */
.pm{padding:clamp(64px,8vw,110px) var(--pad);background:#fff}
.pm-in{max-width:1180px;margin:0 auto}
.pm .sub{max-width:620px;margin-top:14px}
.pm-ph{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(30px,4vw,48px)}
.pm-ph:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:#D4DCEE}
.pm-ph li{position:relative;padding:28px 18px 0 0}
.pm-ph li:before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid #BCC7E2}
.pm-ph li.live:before{background:var(--lime);border-color:#0B1230}
.pm-ph b{display:block;font-size:15.5px;font-weight:600;color:var(--ink2)}
.pm-ph small{display:block;margin-top:2px;font-size:13px;color:var(--mute2)}
.pm-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:30px 34px;margin-top:clamp(36px,4vw,52px);padding-top:clamp(28px,3vw,40px);border-top:1px solid #E6EAF4}
.pm-cols h3{margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.pm-cols button{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:14.5px;color:var(--mute);text-align:left;transition:color .2s}
.pm-cols button:hover{color:var(--blue)}
.pm-cols button.live{font-weight:600;color:var(--ink2)}
.pm-cols button.live:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(201,240,63,.35)}
.pm-cols em{padding:2px 8px;border-radius:99px;background:#0F1115;color:var(--lime);font-size:10.5px;font-style:normal;font-weight:700}
.pm-nf{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:clamp(36px,4vw,52px);padding-top:clamp(24px,3vw,34px);border-top:1px solid #E6EAF4}
.pm-nf label{margin-right:6px;font-size:15px;font-weight:600;color:var(--ink2)}
.pm-nf input{height:48px;padding:0 18px;border:1.5px solid #AAB5CB;border-radius:99px;background:#fff;color:var(--ink)}
.pm-nf input:focus{outline:0;border-color:var(--blue)}
.pm-nf .btn{height:48px}
.pm-nf .ab-nfm{flex-basis:100%;margin:2px 0 0;color:var(--blue)}
.pm-note{margin-top:18px;font-size:13px;color:var(--mute2)}
.pm-note a{color:var(--blue);font-weight:600}
@media(max-width:760px){.pm-ph{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.pm-ph:before{display:none}}

/* ==========================================================================
   Inner pages kit v2 (Product Features, Pricing, Happy Customers, service pages)
   ========================================================================== */
.pg-sec{padding:clamp(56px,7vw,100px) var(--pad)}
.pg-alt{background:#F6F8FC}
.pg-in{max-width:1320px;margin:0 auto}
.pg-h{max-width:760px;margin:0 auto clamp(30px,4vw,52px);text-align:center}
.pg-h .sub{max-width:620px;margin:14px auto 0}
.pg-k{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.pg-ck{display:grid;gap:10px;margin-top:20px}
.pg-ck li{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:500;line-height:1.45;color:var(--ink2)}
.pg-ck svg{flex:none;width:20px;height:20px;margin-top:1px;padding:3px;border-radius:50%;background:var(--lime);color:#0B1230;stroke-width:3}
/* feature rows */
.pg-rows{display:grid;gap:clamp(44px,6vw,84px);max-width:1180px;margin:0 auto}
.pg-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.pg-row:nth-child(even) .pg-t{order:2}
.pg-no{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#1636E8}
.pg-t h3{margin-top:10px;font-family:var(--ff-h,Inter,sans-serif);font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-.035em;line-height:1.1;color:var(--ink2)}
.pg-t>p{max-width:520px;margin-top:14px;font-size:16.5px;line-height:1.7;color:var(--mute)}
.pg-v{display:grid;place-items:center;min-height:360px;padding:clamp(24px,4vw,48px);border-radius:36px;background:linear-gradient(140deg,#E8EEFF,#F6F9FF)}
.pg-v .u7{display:flex;flex-direction:column;gap:8px;width:min(340px,100%);padding:20px;border-radius:26px;background:#fff;color:#0B1230;box-shadow:0 30px 60px -28px rgba(22,54,232,.45)}
@media(max-width:900px){.pg-row{grid-template-columns:1fr}.pg-row:nth-child(even) .pg-t{order:0}.pg-v{min-height:0}}
/* steps */
.pg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto;counter-reset:s}
.pg-steps li{position:relative;padding:26px 22px;border-radius:26px;background:#fff;border:1px solid #E3E8F4;counter-increment:s}
.pg-steps li:before{content:counter(s);display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:50%;background:var(--lime);color:#0B1230;font-weight:700}
.pg-steps b{display:block;font-size:18px;font-weight:600;color:var(--ink2)}
.pg-steps p{margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--mute)}
@media(max-width:900px){.pg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.pg-steps{grid-template-columns:1fr}}
/* tiles */
.pg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto}
.pg-tile{padding:26px;border-radius:26px;background:#fff;border:1px solid #E3E8F4;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.pg-tile:hover{transform:translateY(-5px);box-shadow:0 26px 46px -28px rgba(22,54,232,.45)}
.pg-tile i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--lime);color:#0B1230}
.pg-tile i svg{width:21px;height:21px}
.pg-tile h3{margin-top:16px;font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--ink2)}
.pg-tile p{margin-top:8px;font-size:14.5px;line-height:1.65;color:var(--mute)}
@media(max-width:900px){.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pg-grid{grid-template-columns:1fr}}
/* dark band */
.pg-band{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(28px,4vw,56px);border-radius:40px;color:#fff;background:radial-gradient(420px 300px at 100% 0%,rgba(201,240,63,.3),transparent 62%),linear-gradient(150deg,#0126C5,#050F4A)}
.pg-band h2{color:#fff}
#top section .pg-band h2{color:#fff}
.pg-band p{margin-top:12px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.84)}
.pg-band .eyebrow{color:var(--lime)}
.pg-band-b{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pg-band-f{display:grid;gap:10px}
.pg-band-f input{height:54px;padding:0 20px;border:0;border-radius:99px;background:#fff;color:var(--ink)}
.pg-band-f .btn{height:54px}
.pg-band-m{min-height:20px;font-size:14px;color:var(--lime)}
@media(max-width:900px){.pg-band{grid-template-columns:1fr}}
/* estimator */
.pg-est{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(18px,3vw,36px);max-width:1180px;margin:0 auto}
.pg-chips{display:flex;flex-wrap:wrap;gap:10px}
.pg-chips button{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 20px;border-radius:99px;border:1.5px solid #C7D0E4;background:#fff;font-size:15px;font-weight:600;color:var(--ink2);transition:.2s}
.pg-chips button:hover{border-color:var(--blue)}
.pg-chips button.on{background:#0B1230;border-color:#0B1230;color:#fff}
.pg-est-r{padding:clamp(24px,3vw,34px);border-radius:32px;background:#0F1115;color:#fff}
.pg-p{display:block;margin-top:6px;font-size:clamp(48px,6vw,76px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--lime)}
.pg-est-r h3{margin-top:10px;font-size:20px;font-weight:600;color:#fff}
.pg-est-r p{margin-top:6px;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.78)}
.pg-est-r ul{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
.pg-est-r li{display:flex;gap:9px;font-size:14px;color:rgba(255,255,255,.9)}
.pg-est-r li svg{flex:none;width:18px;height:18px;padding:3px;border-radius:50%;background:var(--lime);color:#0B1230;stroke-width:3}
.pg-est-r .btn{margin-top:20px;height:52px}
@media(max-width:900px){.pg-est{grid-template-columns:1fr}}
/* reviews */
.pg-wall{columns:3 300px;column-gap:16px;max-width:1180px;margin:0 auto}
.pg-t2{display:inline-block;width:100%;margin:0 0 16px;padding:24px;border-radius:26px;background:#fff;border:1px solid #E3E8F4;break-inside:avoid;transition:transform .3s,box-shadow .3s}
.pg-t2:hover{transform:translateY(-4px);box-shadow:0 26px 46px -30px rgba(22,54,232,.45)}
.pg-t2[hidden]{display:none}
.pg-t2 .t-top{display:flex;align-items:center;gap:12px}
.pg-t2 .t-w b{display:block;font-size:15.5px;font-weight:600;color:var(--ink2)}
.pg-t2 .t-w small{display:block;font-size:12.5px;color:var(--mute2)}
.pg-t2 .st{margin-left:auto;font-size:14px;letter-spacing:2px;color:#F4B400}
.pg-t2 q{display:block;margin-top:14px;font-size:16.5px;line-height:1.65;color:var(--ink2);quotes:none}
.pg-t2.big{background:linear-gradient(150deg,#0126C5,#050F4A);border:0}
.pg-t2.big q{font-size:clamp(20px,2vw,26px);line-height:1.45;font-weight:500;letter-spacing:-.02em;color:#fff}
.pg-t2.big .t-w b{color:#fff}.pg-t2.big .t-w small{color:rgba(255,255,255,.7)}
.pg-flt{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto clamp(22px,3vw,34px)}
.pg-flt button{height:42px;padding:0 18px;border-radius:99px;background:#fff;border:1.5px solid #D5DCEC;font-size:14px;font-weight:600;color:var(--ink2);transition:.2s}
.pg-flt button.on{background:#0B1230;border-color:#0B1230;color:#fff}
/* compare table */
.pg-cmp{max-width:1000px;margin:0 auto;border-radius:28px;overflow:hidden;border:1px solid #E3E8F4;background:#fff}
.pg-cmp table{width:100%;border-collapse:collapse;font-size:15px}
.pg-cmp th,.pg-cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid #EDF0F7;vertical-align:top}
.pg-cmp th{background:#F6F8FC;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.pg-cmp th:nth-child(2){background:var(--lime);color:#0B1230}
.pg-cmp td:first-child{font-weight:600;color:var(--ink2)}
.pg-cmp td:nth-child(2){background:#FAFFE9;font-weight:600}
.pg-cmp tr:last-child td{border-bottom:0}
/* price table */
.pg-pt{max-width:900px;margin:0 auto;border-top:1.5px solid var(--ink)}
.pg-pt li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 4px;border-bottom:1px solid #E3E8F4}
.pg-pt b{display:block;font-size:17px;font-weight:600;color:var(--ink2)}
.pg-pt small{display:block;margin-top:3px;font-size:13.5px;color:var(--mute)}
.pg-pt em{font-style:normal;font-size:clamp(20px,2.4vw,28px);font-weight:600;letter-spacing:-.03em;color:var(--blue);white-space:nowrap}
/* symptoms */
.pg-sy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1000px;margin:0 auto}
.pg-sy button{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;border:1.5px solid #D5DCEC;background:#fff;text-align:left;font-size:15px;font-weight:500;color:var(--ink2);transition:.2s}
.pg-sy button:hover{border-color:var(--blue)}
.pg-sy button:before{content:"";flex:none;width:22px;height:22px;border-radius:7px;border:2px solid #B5C0DA;background:#fff;transition:.2s}
.pg-sy button.on{border-color:var(--blue);background:#F2F5FF}
.pg-sy button.on:before{border-color:var(--blue);background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/16px no-repeat}
.pg-res{max-width:1000px;margin:18px auto 0;padding:22px 26px;border-radius:24px;background:#0F1115;color:#fff;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.pg-res b{display:block;font-size:20px;font-weight:600}
.pg-res p{margin-top:4px;font-size:14.5px;color:rgba(255,255,255,.78)}
.pg-res .btn{height:50px}
@media(max-width:700px){.pg-sy{grid-template-columns:1fr}}
/* keyword chips + areas */
.pg-kw{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1000px;margin:0 auto}
.pg-kw span{padding:9px 16px;border-radius:99px;background:#fff;border:1px solid #E3E8F4;font-size:14px;font-weight:500;color:var(--ink2)}
.pg-ar{max-width:1000px;margin:28px auto 0;text-align:center;font-size:14.5px;line-height:1.9;color:var(--mute)}
.pg-ar b{color:var(--ink2)}
.pg-two{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,72px);align-items:start}
.pg-two h2{margin-top:6px}
.pg-two p{margin-top:14px;font-size:16px;line-height:1.75;color:#3B4254}
@media(max-width:900px){.pg-two{grid-template-columns:1fr}}
.pg-lead{max-width:640px;margin:18px auto 0;font-size:clamp(16px,1.3vw,18px);line-height:1.65;color:var(--mute)}
.pg-price-pill{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:8px 18px;border-radius:99px;background:#0F1115;color:#fff;font-size:14px;font-weight:600}
.pg-price-pill b{color:var(--lime);font-size:18px}

/* balanced headings on inner pages */
.ab-wel h1,.pg-wel h1{text-wrap:balance}

/* ==========================================================================
   v13: Pricing + Product Features page changes
   ========================================================================== */
/* pricing: price-list heading centred, the rest stays left aligned */
.pg-pricing .pr4-h{flex-direction:column;align-items:center;justify-content:center;text-align:center}
.pg-pricing .pr4-h .sub{margin-left:auto;margin-right:auto}
.pg-pricing .pr4-sw{width:min(440px,100%)}
/* left aligned section heads (like the home page) */
.pg-h.lft{max-width:1180px;text-align:left}
.pg-h.lft .sub{margin-left:0;margin-right:0}
/* instant estimate v2 */
.est2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(18px,3vw,36px);max-width:1180px;margin:0 auto;align-items:start}
.est2-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.est2-c{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:22px;background:#fff;border:1.5px solid #D5DCEC;text-align:left;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s,background .2s}
.est2-c:hover{transform:translateY(-3px);border-color:var(--blue)}
.est2-c i{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:var(--lime);color:#0B1230;transition:background .25s,color .25s}
.est2-c i svg{width:21px;height:21px}
.est2-c b{display:block;font-size:15.5px;font-weight:600;color:var(--ink2)}
.est2-c small{display:block;margin-top:2px;font-size:13px;color:var(--mute2)}
.est2-c.on{border-color:var(--blue);background:#F4F7FF;box-shadow:0 0 0 3px rgba(22,54,232,.12),0 18px 34px -22px rgba(22,54,232,.55)}
.est2-c.on i{background:var(--blue);color:#fff}
.est2-r{position:sticky;top:calc(var(--hd-h,76px) + 20px);padding:clamp(22px,2.6vw,32px);border-radius:32px;color:#fff;background:radial-gradient(320px 220px at 100% 0%,rgba(201,240,63,.22),transparent 62%),#0F1115;box-shadow:0 36px 70px -40px rgba(11,18,48,.8)}
.est2-p{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.est2-p em{font-style:normal;font-size:15px;color:rgba(255,255,255,.7)}
.est2-p b{font-size:clamp(52px,6vw,80px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--lime);font-variant-numeric:tabular-nums}
.est2-r h3{margin-top:10px;font-size:20px;font-weight:600;color:#fff}
.est2-r>p{margin-top:6px;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.78)}
.est2-lad{display:grid;gap:2px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.lb{display:grid;grid-template-columns:128px minmax(0,1fr) 58px;gap:10px;align-items:center;width:100%;padding:5px 0;text-align:left;font-size:12.5px;color:rgba(255,255,255,.62);transition:color .2s}
.lb:hover{color:#fff}
.lb i{position:relative;display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.12)}
.lb i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:99px;background:rgba(255,255,255,.38);transition:background .3s}
.lb b{font-weight:600;text-align:right}
.lb.on{color:#fff}
.lb.on i:after{background:var(--lime)}
.est2-r ul{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.est2-r li{display:flex;gap:9px;font-size:14px;color:rgba(255,255,255,.9)}
.est2-r li svg{flex:none;width:18px;height:18px;padding:3px;border-radius:50%;background:var(--lime);color:#0B1230;stroke-width:3}
.est2-r .btn{width:100%;margin-top:20px;height:54px}
@media(max-width:900px){.est2{grid-template-columns:1fr}.est2-r{position:relative;top:auto}}
@media(max-width:520px){.est2-g{grid-template-columns:1fr}.lb{grid-template-columns:104px minmax(0,1fr) 54px}}
/* AMC / corporate section (home "Why choose" design) */
.why4-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.why4-cta .btn{height:52px;padding:0 24px}
.why4-cta .b-l{background:#fff;border:1.5px solid #D5DCEC}
/* product features: road with the rider, white background, no map */
.pg-sec.tight{padding-top:0}
.pg-rte{background:#fff}
.pg-rte .rte-map{display:none}
.pg-rte .rs{padding-top:30px;padding-bottom:30px}
.pg-rte .rs-c.ft-c{width:100%;max-width:470px}
.pg-rte .pg-v{min-height:300px;padding:26px;border-radius:32px}
.pg-rte .pg-ck{margin-top:16px}
@media(max-width:900px){.pg-rte .rs-c.ft-c{max-width:none}}
/* road: wider gap so the rider's tag never touches the text */
@media(min-width:901px){.pg-rte .rs{grid-template-columns:minmax(0,1fr) 290px minmax(0,1fr)}}
@media(min-width:901px){.pg-rte .rs{grid-template-columns:minmax(0,1fr) clamp(270px,26vw,380px) minmax(0,1fr)}}

@media(min-width:901px){.pg-rte .rs{grid-template-columns:minmax(0,1fr) clamp(300px,28vw,400px) minmax(0,1fr)}}
.pg-rte .rte-mk em{left:60px}
.pg-rte .rte-mk em{left:54px;padding:0 8px;font-size:10px;letter-spacing:.04em}
@media(max-width:1249px){.pg-rte .rte-mk em{display:none}}

/* ===== v14: Happy Customers + road section ===== */
.pg-flt.lft{max-width:1180px;justify-content:flex-start}
.pg-wall{max-width:1180px}
/* the base .rte draws a grey vignette; on Product Features the road section is pure white */
.pg-rte,#deep-dive.pg-rte{background:#fff!important;background-image:none!important}
.pg-rte:before,.pg-rte:after{display:none!important}
.pg-rte .rte-map{display:none!important}
/* "Your turn" = home "How our app works" design with a feedback phone */
.app2-share .p2-rv h4{font-size:15px;font-weight:700;letter-spacing:-.02em}
.app2-share .p2-rv small{display:block;margin-top:2px;font-size:11.5px;color:var(--mute2)}
.p2-job{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:var(--well,#F1F4FA)}
.p2-job .av{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#1636E8;color:#fff;font-size:12px;font-weight:700}
.p2-job b{display:block;font-size:12.5px}
.p2-job small{display:block;font-size:11px;color:var(--mute2)}
.p2-st{display:flex;justify-content:center;gap:4px;font-size:30px;line-height:1;color:#F4B400}
.p2-tg{display:flex;flex-wrap:wrap;gap:6px}
.p2-tg span{padding:6px 10px;border-radius:99px;background:#E8EEFF;color:#1636E8;font-size:11px;font-weight:600}
.p2-tx{height:64px;padding:10px 12px;border-radius:14px;background:var(--well,#F1F4FA);font-size:11px;color:var(--mute2)}
.p2-bt{display:grid;place-items:center;height:44px;margin-top:auto;border-radius:99px;background:var(--lime);font-size:13px;font-weight:700;color:#0B1230}
.app2-share .stores .btn{height:54px;padding:0 24px}
.app2-share .stores .b-l{background:#fff;border:1.5px solid #D5DCEC}

/* ==========================================================================
   Product hero (reusable on every product / service page)
   Same layout as "/ How our app works" on the home page:
   left photo, centre product PNG (instead of the phone), right content.
   ========================================================================== */
.shero{position:relative;overflow:hidden;padding:clamp(20px,2.6vw,40px) 0 clamp(36px,4.4vw,64px);background:linear-gradient(180deg,#fff 0%,#F2F6FF 100%)}
.sh-in{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,1fr) minmax(0,1.15fr);align-items:center;gap:0 clamp(14px,2.2vw,36px);padding:0 var(--pad)}
.sh-ph{position:relative;align-self:stretch;margin-left:calc(var(--pad)*-1);min-height:clamp(440px,42vw,620px);-webkit-mask-image:linear-gradient(90deg,#000 58%,transparent);mask-image:linear-gradient(90deg,#000 58%,transparent)}
.sh-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0 36px 36px 0}
.sh-mb{position:relative;z-index:2;display:grid;place-items:center;margin-left:clamp(-170px,-10vw,-60px)}
.sh-mb img{position:relative;width:min(640px,100%);height:auto;filter:drop-shadow(0 38px 46px rgba(11,18,48,.38));animation:shFloat 7s ease-in-out infinite}
@keyframes shFloat{0%,100%{transform:translateY(0) rotate(-1.4deg)}50%{transform:translateY(-14px) rotate(.8deg)}}
.sh-glow{position:absolute;inset:10% 2%;border-radius:50%;background:radial-gradient(circle,rgba(22,54,232,.3),rgba(201,240,63,.2) 46%,transparent 72%);filter:blur(34px)}
.sh-t{position:relative;z-index:3}
.sh-k{display:block;font-size:15px;font-weight:700;color:var(--blue)}
#top section.shero .sh-t h1{margin:12px 0 16px;font-family:var(--ff-h,Inter,sans-serif);font-size:clamp(30px,3.5vw,54px);font-weight:600;letter-spacing:-.04em;line-height:1.06;color:var(--ink2);text-wrap:balance}
.sh-t h1 span{color:var(--blue)}
.sh-lead{max-width:560px;font-size:clamp(15px,1.2vw,17px);line-height:1.65;color:var(--mute)}
.sh-c{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:18px clamp(18px,2.4vw,38px);margin-top:26px}
.sh-c b{display:flex;align-items:baseline;font-size:clamp(26px,2.5vw,40px);font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--ink2)}
.sh-c b small{margin-left:2px;font-size:.5em;font-weight:500}
.sh-c>div>span{display:block;margin-top:6px;font-size:12.5px;color:#3B4254}
.sh-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sh-cta .btn{height:54px;padding:0 24px}
@media(max-width:1100px){.sh-c{grid-template-columns:repeat(2,auto);justify-content:start}}
@media(max-width:900px){
  .shero{padding-top:0}
  .sh-in{grid-template-columns:1fr;gap:0;padding:0}
  .sh-ph{margin:0;min-height:300px;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
  .sh-ph img{border-radius:0 0 36px 36px}
  .sh-mb{margin:-120px auto 0;width:min(440px,86%)}
  .sh-t{padding:18px var(--pad) 0}
  .sh-cta .btn{flex:1 1 auto;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.sh-mb img{animation:none}}
.sh-cta .btn{height:52px;padding:0 20px;font-size:14.5px;white-space:nowrap}

/* ===== Product / service pages: everything left aligned on one edge (add class "lft-all" to <main>) ===== */
.lft-all .pg-h{max-width:1180px;margin-left:auto;margin-right:auto;text-align:left}
.lft-all .pg-h .sub{margin-left:0;margin-right:0}
.lft-all .pg-sy,.lft-all .pg-res,.lft-all .pg-cmp,.lft-all .pg-pt,.lft-all .pg-kw,.lft-all .pg-ar,.lft-all .pg-rows,.lft-all .pg-est{max-width:1180px}
.lft-all .pg-kw{justify-content:flex-start}
.lft-all .pg-ar{text-align:left}

/* ===== v15: inner-page banners 15% taller, subject a little higher, labels in capitals (home page not affected) ===== */
.ab-top-img{height:clamp(368px,32.2vw,644px)}
.ab-top-img img{object-position:50% 20%}
.cx-img img{object-position:50% 50%}
/* page label above the title: CONTACT, ABOUT, PRODUCT FEATURES ... */
.ab-wel-k,.sh-k{text-transform:uppercase;letter-spacing:.14em;font-size:14px;font-weight:700}

/* ==========================================================================
   v16: product hero (fits to the top, animated centre image), team photo,
   extra product-page blocks, smoother menu bar
   ========================================================================== */
/* --- product hero v2: starts right under the menu, like "How our app works" --- */
.shero{padding:0 0 clamp(28px,3.4vw,52px)!important}
.sh-in{min-height:clamp(580px,48vw,720px);align-items:center}
.sh-ph{align-self:stretch;min-height:0!important;margin-top:0}
.sh-ph img{border-radius:0 0 40px 0!important}
.sh-mb{padding:34px 0}
.sh-board{position:relative;width:min(640px,100%);animation:shFloat 7s ease-in-out infinite}
.sh-board .sh-bimg{display:block;width:100%;height:auto;filter:drop-shadow(0 38px 46px rgba(11,18,48,.38));animation:none}
.sh-mb img.sh-bimg{animation:none}
.sh-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(201,240,63,.95) 50%,transparent 58%);background-size:260% 100%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:screen;animation:shScan 4.2s linear infinite}
@keyframes shScan{from{background-position:130% 0}to{background-position:-30% 0}}
.sh-ring{position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1;margin:-39% 0 0 -39%;border-radius:50%;border:2px solid rgba(22,54,232,.4);opacity:0;animation:shRing 5.4s ease-out infinite;pointer-events:none}
.sh-ring.r2{border-color:rgba(160,205,20,.7);animation-delay:1.8s}
.sh-ring.r3{animation-delay:3.6s}
@keyframes shRing{0%{transform:scale(.55);opacity:.75}100%{transform:scale(1.3);opacity:0}}
.sh-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:7px;padding:8px 14px 8px 9px;border-radius:99px;background:#fff;box-shadow:0 16px 30px -14px rgba(11,18,48,.55);font-size:12.5px;font-weight:700;color:var(--ink2);white-space:nowrap;animation:shBob 5.2s ease-in-out infinite}
.sh-chip svg{width:19px;height:19px;padding:3px;border-radius:50%;background:var(--lime);color:#0B1230;stroke-width:3}
.sh-chip.c1{top:6%;left:2%}
.sh-chip.c2{top:14%;right:-3%;animation-delay:-1.2s}
.sh-chip.c3{bottom:27%;left:-5%;animation-delay:-2.4s}
.sh-chip.c4{bottom:9%;right:4%;animation-delay:-3.4s}
.sh-chip.c5{bottom:2%;left:14%;animation-delay:-4.4s}
@keyframes shBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.sh-ck{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px;margin-top:20px;max-width:600px}
.sh-ck li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.4;color:var(--ink2)}
.sh-ck li svg{flex:none;width:20px;height:20px;margin-top:1px;color:#16A34A}
@media(max-width:1100px){.sh-chip.c3,.sh-chip.c5{display:none}}
@media(max-width:900px){
  .sh-in{min-height:0}
  .sh-ph{height:300px;min-height:0!important}
  .sh-ph img{border-radius:0 0 36px 36px!important}
  .sh-mb{margin:-110px auto 0;width:min(460px,90%);padding:20px 0}
  .sh-chip{display:none}
  .sh-ck{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.sh-board,.sh-scan,.sh-ring,.sh-chip{animation:none}.sh-ring{display:none}}
/* --- team photo (Happy Customers) --- */
.tp{position:relative;max-width:1180px;margin:0 auto;border-radius:36px;overflow:hidden;box-shadow:0 36px 70px -44px rgba(11,18,48,.6)}
.tp img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}
.tp figcaption{position:absolute;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);display:flex;flex-wrap:wrap;gap:8px}
.tp figcaption span{padding:8px 15px;border-radius:99px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-weight:700;color:var(--ink2)}
/* --- extra product-page blocks --- */
.pg-cmpw{max-width:1180px;margin:0 auto;overflow-x:auto;border-radius:24px;border:1px solid #E1E7F5;background:#fff}
.pg-sig{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px}
.pg-sig th,.pg-sig td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #E9EDF5}
.pg-sig thead th{background:#F6F8FD;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute2)}
.pg-sig tbody th{font-weight:600;color:var(--ink2);width:34%}
.pg-sig td{color:#3B4254}
.pg-sig tbody tr:last-child th,.pg-sig tbody tr:last-child td{border-bottom:0}
.gls,.ars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1180px;margin:0 auto}
.gl,.ar{padding:18px 20px;border-radius:20px;background:#fff;border:1px solid #E1E7F5}
.gl b,.ar b{display:block;font-size:15px;font-weight:700;color:var(--ink2)}
.gl span,.ar span{display:block;margin-top:6px;font-size:13.5px;line-height:1.55;color:#3B4254}
.ar span{color:var(--mute2);margin-top:3px}
.kwc{gap:8px}
.kwc span{padding:8px 14px;border-radius:99px;background:#fff;border:1.5px solid #D5DCEC;font-size:13.5px;font-weight:500}
.kwc span:nth-child(5n+1){background:#EEF2FF;border-color:#D5DEFF;color:#1636E8}
@media(max-width:1000px){.gls,.ars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.gls,.ars{grid-template-columns:1fr}}
/* --- smoother menu bar: fades its shadow and glides in and out --- */
.site-header.v2{transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,background-color .4s ease,border-color .4s ease;will-change:transform}
.site-header.v2.sh{background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(1.5) blur(18px);backdrop-filter:saturate(1.5) blur(18px)}
@media(prefers-reduced-motion:reduce){.site-header.v2{transition:none}}
.sh-t{padding:34px 0 8px}
.pg-sig tbody th{text-transform:none;letter-spacing:0;font-size:14.5px}

/* ==========================================================================
   v17: product hero = the HOME page hero as ONE static banner (no slider)
   ========================================================================== */
.hx-one .ht{font-size:clamp(30px,3.7vw,54px)}
.hx-one .hx-t{max-width:min(660px,56%)}
.hx-one .hx-k{max-width:520px;line-height:1.5}
.hx-mb{position:absolute;z-index:2;right:clamp(16px,5vw,96px);top:50%;transform:translateY(-52%);width:min(540px,40vw)}
.hx-mb .sh-board{width:100%}
@media(max-width:1100px){.hx-one .hx-t{max-width:56%}.hx-mb{width:38vw}}
@media(max-width:900px){
  .hx-one .hx-t{max-width:none}
  .hx-mb{top:34px;left:50%;right:auto;transform:translateX(-50%);width:min(320px,74%)}
  .hx-one .hx-m{height:320px}
}
.hx-one .ht{font-size:clamp(28px,3.1vw,46px)}
.hx-one .hx-t{max-width:min(700px,58%)}
.hx-mb{width:min(470px,35vw);top:60%;transform:translateY(-50%);right:clamp(16px,3.4vw,64px)}
@media(max-width:1100px){.hx-one .hx-t{max-width:58%}.hx-mb{width:36vw}}
@media(max-width:900px){.hx-one .hx-t{max-width:none}.hx-one .ht{font-size:clamp(28px,8vw,38px)}.hx-mb{top:34px;left:50%;right:auto;transform:translateX(-50%);width:min(320px,74%)}}

/* ===== v18: safety callout on service pages ===== */
.pg-warn{display:flex;gap:14px;align-items:flex-start;max-width:1180px;margin:20px auto 0;padding:18px 22px;border-radius:22px;background:#FFF4E0;border:1.5px solid #F2C46F;color:#6B3D00}
.pg-warn>i{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#F59E0B;color:#fff}
.pg-warn>i svg{width:20px;height:20px}
.pg-warn b{display:block;font-size:15.5px}
.pg-warn p{margin-top:3px;font-size:14.5px;line-height:1.55}

/* ==========================================================================
   v21: product hero 20% shorter, small product icon centred on the photo,
   long-form guide blocks, AMC section image, team cards
   ========================================================================== */
@media(min-width:901px){
  .hx-one{height:clamp(448px,calc((100vh - var(--hd-h) - 40px)*.8),528px)}
  .hx-one .hx-m{width:56%}
  .hx-one .hx-t{padding-bottom:22px;max-width:min(680px,56%)}
  .hx-one .hx-k{font-size:11.5px;letter-spacing:.14em}
  .hx-one .ht{font-size:clamp(26px,2.75vw,40px);line-height:1.08}
  .hx-one .hx-tag{font-size:16px;margin-top:8px}
  .hx-one .hx-p{font-size:14px;line-height:1.55;margin-top:6px;max-width:540px}
  .hx-one .hx-f{margin:14px 0 16px}
  .hx-one .hx-c .btn{height:50px}
}
/* product icon: centred on the photo, 50% smaller, sits low so it never covers faces */
.hx-one .hx-mb{top:auto;right:auto;bottom:9%;left:72%;transform:translateX(-50%);width:clamp(140px,15vw,225px)}
@media(max-width:900px){
  .hx-one .hx-mb{top:150px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:min(170px,42vw)}
  .hx-one .hx-m{width:100%}
}
/* long-form guide */
.pg-long{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 48px;max-width:1180px;margin:0 auto}
.pg-long h3{font-size:19px;font-weight:700;letter-spacing:-.015em;color:var(--ink2)}
.pg-long p{margin-top:8px;font-size:15px;line-height:1.75;color:#3B4254}
@media(max-width:800px){.pg-long{grid-template-columns:1fr}}
/* AMC section image: sits to the right of the text, engineer fully visible, no overlap with the list */
#business .why4-bg{width:55%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 10%,#000 26%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 10%,#000 26%)}
#business .why4-bg img{object-position:10% 40%}
#business .why4-bg:after{background:linear-gradient(90deg,#F6F8FC 0%,rgba(246,248,252,0) 18%)}
@media(max-width:900px){#business .why4-bg{width:auto}#business .why4-bg img{object-position:50% 30%}}


/* ==========================================================================
   v22: product banner = content left, product icon in the centre, soft photo right;
   proper heading spacing; AMC image shifted left; AMC pricing section; blog cards
   ========================================================================== */
@media(min-width:901px){
  .hx-one .hx-m{width:42%}
  .hx-one .hx-mb{top:57%;bottom:auto;left:56%;right:auto;transform:translate(-50%,-50%);width:clamp(150px,16.5vw,250px)}
  .hx-one .ht{letter-spacing:-.02em;word-spacing:.12em;font-weight:700;line-height:1.12}
  .hx-one .hx-k{margin-bottom:4px}
  .hx-one .hx-tag{letter-spacing:0;margin-top:12px}
  .hx-one .hx-p{margin-top:8px;line-height:1.6;letter-spacing:0}
  .hx-one .hx-f{margin:18px 0 20px}
}
@media(max-width:900px){.hx-one .ht{letter-spacing:-.018em;word-spacing:.1em}}
/* AMC section image: the engineer is moved about 30% to the left inside the frame; the frame itself stays clear of the text */
#business .why4-bg{width:54%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%);mask-image:linear-gradient(90deg,transparent 0%,#000 11%)}
#business .why4-bg img{object-position:55% 40%}
#business .why4-p{max-width:min(570px,calc(46vw - 66px))}
#business .why4-bg:after{background:linear-gradient(90deg,#F6F8FC 0%,rgba(246,248,252,0) 11%)}
#business .why4-in .sub{max-width:500px}
@media(max-width:1100px){#business .why4-bg{width:auto}#business .why4-bg img{object-position:50% 30%}}
/* AMC pricing section */
.amc-pane{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:20px;align-items:stretch}
.amc-feat{position:relative;overflow:hidden;border-radius:28px;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;background:#0B1230;color:#fff}
.amc-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:26% 26%}
.amc-feat:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,48,0) 40%,rgba(11,18,48,.9))}
.amc-feat .amc-cap{position:relative;z-index:2;padding:26px}
.amc-feat .amc-cap span{display:inline-block;padding:6px 12px;border-radius:99px;background:var(--lime);color:#0B1230;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.amc-feat .amc-cap h3{margin-top:12px;font-size:23px;font-weight:600;letter-spacing:-.02em}
.amc-feat .amc-cap p{margin-top:8px;font-size:14.5px;line-height:1.6;color:#D6DCF0}
.amc-feat .amc-cap .btn{width:100%;height:52px;margin-top:18px}
.amc-pane .pr4-list{align-content:start}
.amc-ic{display:grid;place-items:center;background:var(--lime);color:#0B1230;border-radius:18px}
.amc-ic svg{width:26px;height:26px}
.amc-note{max-width:1320px;margin:18px auto 0;padding:16px 20px;border-radius:18px;background:#F1F5FF;border:1px solid #D3DEFB;font-size:14px;line-height:1.6;color:#33415C}
@media(max-width:900px){.amc-pane{grid-template-columns:1fr}.amc-feat{min-height:420px}}
/* blog cards */
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto}
.bgc{display:flex;flex-direction:column;border-radius:24px;background:#fff;border:1px solid #E1E7F5;overflow:hidden;transition:transform .3s,box-shadow .3s}
.bgc:hover{transform:translateY(-4px);box-shadow:0 26px 44px -28px rgba(22,54,232,.45)}
.bgc .bi{aspect-ratio:16/10;overflow:hidden;background:#EEF3FB}
.bgc .bi img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.bgc:hover .bi img{transform:scale(1.06)}
.bgc .bt{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.bgc .bm{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.bgc h3{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.01em;color:var(--ink2)}
.bgc .rm{margin-top:auto;font-size:13.5px;font-weight:700;color:var(--blue)}
@media(max-width:900px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.bgrid{grid-template-columns:1fr}}


/* ==========================================================================
   v24: landing-page components (Battery page first): Why it happens (why4 look),
   services explorer, home-style pricing note, Our setup card
   ========================================================================== */
.why4-cause .why4-p small{font-size:13px;line-height:1.5}
.ex{background:#fff}
.ex-card{display:grid;grid-template-columns:270px minmax(0,1fr) 300px;gap:28px;max-width:1240px;margin:0 auto;padding:28px;border-radius:36px;background:#fff;border:1px solid #DCE4FA;box-shadow:0 44px 80px -56px rgba(22,54,232,.5)}
.ex-tabs{display:flex;flex-direction:column;gap:8px;padding-right:22px;border-right:1px solid #E6EBF7}
.ex-tab{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;text-align:left;transition:background .25s}
.ex-tab:hover{background:#F4F6FD}
.ex-tab i{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:15px;background:#EEF1F8;color:#14192B;transition:.25s}
.ex-tab i svg{width:22px;height:22px}
.ex-tab b{display:block;font-size:15.5px;font-weight:600;color:var(--ink2)}
.ex-tab small{display:block;margin-top:2px;font-size:12.5px;color:var(--mute2)}
.ex-tab.on{background:#EDF1FF}
.ex-tab.on i{background:var(--blue);color:#fff}
.ex-pane{display:none}
.ex-pane.on{display:block;animation:exIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes exIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ex-ph{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.ex-ph span{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute2)}
.ex-ph a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--blue)}
.ex-ph svg{width:16px;height:16px}
.ex-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}
.ex-c{display:block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ex-c:hover{transform:translateY(-5px)}
.ex-c .im{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:20px;background:#EAF0FB;box-shadow:0 18px 34px -22px rgba(22,54,232,.6)}
.ex-c .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ex-c:hover .im img{transform:scale(1.07)}
.ex-c b{display:block;margin-top:10px;font-size:15.5px;font-weight:600;color:var(--ink2)}
.ex-c small{display:block;margin-top:2px;font-size:13px;font-weight:700;color:#16A34A}
.ex-c.here .im{outline:3px solid var(--lime);outline-offset:2px}
.ex-c .im em{position:absolute;left:8px;top:8px;padding:4px 10px;border-radius:99px;background:var(--lime);color:#0B1230;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em}
.ex-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ex-links a{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;border:1px solid #E1E7F5;background:#fff;transition:.25s}
.ex-links a:hover{border-color:#AFC0FF;background:#F6F8FF;transform:translateY(-3px)}
.ex-links i{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:15px;background:var(--lime);color:#0B1230}
.ex-links i svg{width:22px;height:22px}
.ex-links b{display:block;font-size:15.5px;font-weight:600;color:var(--ink2)}
.ex-links small{display:block;font-size:13px;color:var(--mute2)}
.ex-offer{display:flex;flex-direction:column;padding:26px;border-radius:28px;color:#fff;background:radial-gradient(260px 200px at 100% 0%,rgba(201,240,63,.28),transparent 62%),linear-gradient(160deg,#1636E8,#0A1A78)}
.ex-offer .k{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#C9D4FF}
.ex-offer b{margin-top:8px;font-size:clamp(48px,5vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--lime)}
.ex-offer p{margin-top:12px;font-size:14.5px;line-height:1.6;color:#DCE4FF}
.ex-offer .btn{margin-top:auto;width:100%;height:54px}
.ex-offer .app{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600;color:#fff}
.ex-offer .app svg{width:16px;height:16px}
@media(max-width:1180px){.ex-card{grid-template-columns:240px minmax(0,1fr)}.ex-offer{grid-column:1/-1;flex-direction:row;align-items:center;gap:22px;flex-wrap:wrap}.ex-offer b{margin:0}.ex-offer p{flex:1;min-width:240px;margin:0}.ex-offer .btn{width:auto;margin:0;padding:0 28px}.ex-offer .app{margin:0}}
@media(max-width:860px){.ex-card{grid-template-columns:1fr;padding:18px}.ex-tabs{flex-direction:row;overflow-x:auto;padding:0 0 14px;border-right:0;border-bottom:1px solid #E6EBF7;gap:8px;scrollbar-width:none}.ex-tab{flex:none;padding:10px 14px 10px 10px}.ex-tab small{display:none}.ex-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-links{grid-template-columns:1fr}}
.pr4-note{max-width:1320px;margin:16px auto 0;font-size:13.5px;color:var(--mute2);text-align:center}
.stp-btn{display:inline-flex;align-items:center;gap:14px;align-self:flex-start;height:56px;padding:0 8px 0 26px;border-radius:99px;background:#0B0B0F;color:#fff;font-size:15px;font-weight:600;transition:transform .25s}
.stp-btn:hover{transform:translateY(-3px)}
.stp-btn i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime);color:#0B0B0F}
.stp-btn i svg{width:18px;height:18px}

/* Why it happens: image on the right, text always clear of it */
.why4-cause .why4-bg{width:54%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 11%);mask-image:linear-gradient(90deg,transparent 0%,#000 11%)}
.why4-cause .why4-bg img{object-position:72% 40%}
.why4-cause .why4-bg:after{background:linear-gradient(90deg,#F6F8FC 0%,rgba(246,248,252,0) 11%)}
.why4-cause .why4-p{max-width:min(560px,calc(46vw - 64px))}
.why4-cause .why4-in .sub{max-width:min(520px,calc(46vw - 64px))}
@media(max-width:1100px){.why4-cause .why4-bg{width:auto}.why4-cause .why4-bg img{object-position:60% 35%}.why4-cause .why4-p{max-width:none}}
.why4-cause h2{max-width:min(560px,calc(46vw - 64px))}

/* ==========================================================================
   v25: Battery page refinements
   - Our setup: full width, same look as "How our app works" (home), no phone
   - Battery cost in Pune: same look as "Why it happens" (why4)
   ========================================================================== */
.su5-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:none;gap:0 clamp(28px,4vw,72px)}
.su5-ph{min-height:600px;-webkit-mask-image:linear-gradient(90deg,#000 62%,transparent);mask-image:linear-gradient(90deg,#000 62%,transparent)}
.su5{padding-top:0;padding-bottom:0}
.su5-ph img{object-position:50% 35%;border-radius:0}
.su5-t{max-width:600px;padding:clamp(60px,7vw,100px) 0}
.su5-t h2{margin-top:6px}
.su5-t .sub{margin-top:14px;max-width:540px}
.su5-s{margin:24px 0 8px}
.su5-s li>div{min-width:0}
.su5-s li:hover{background:#fff;box-shadow:var(--sh-soft)}
.su5-s li:hover>span{background:var(--lime);color:var(--ink)}
.su5-s:hover li.on:not(:hover){background:none;box-shadow:none}
.su5-s:hover li.on:not(:hover)>span{background:#E8EEFF;color:#1636E8}
.su5-n{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;margin:18px 0 30px;padding-top:24px;border-top:1px solid #E1E6EF}
.su5-n b{display:block;white-space:nowrap;font-size:clamp(20px,1.9vw,28px);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink2);font-variant-numeric:tabular-nums}
.su5-n small{display:block;margin-top:6px;font-size:12.5px;line-height:1.4;color:var(--mute2)}
@media(max-width:1100px){
  .su5-t{padding:8px 0 clamp(56px,7vw,90px)}
  .su5-in{grid-template-columns:1fr}
  .su5-ph{display:block;min-height:0;height:380px;margin:0 calc(var(--pad)*-1) 8px;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
  .su5-ph img{border-radius:0}
  .su5-t{max-width:none}
}
@media(max-width:640px){
  .su5-ph{height:280px}
  .su5-n{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Why it happens + Battery cost: heading and intro use the full width on tablet and mobile (they were squeezed to a narrow column) */
@media(max-width:1100px){.why4-cause h2,.why4-cause .why4-in .sub{max-width:none}}

/* ==========================================================================
   v26: one left/right edge for every section on service pages (main.lft-all)
   Everything sits in the same 1320px column as the header, pricing, blog,
   FAQ and footer, so nothing steps in or out between sections.
   ========================================================================== */
main.lft-all :is(.pg-h,.pg-h.lft,.pg-grid,.pg-steps,.pg-band,.pg-est,.pg-rows,.pg-sy,.pg-res,.pg-cmp,.pg-cmpw,.pg-pt,.pg-kw,.pg-ar,.pg-two,.pg-long,.pg-wall,.pg-warn,.pg-flt,.pg-in,.gls,.ars,.bgrid,.tp,.est2,.ex-card){max-width:1320px;margin-left:auto;margin-right:auto}
main.lft-all .pg-h .sub{max-width:620px}
/* Our setup: photo still runs to the left edge, text ends on the same right edge */
main.lft-all .su5{padding-right:max(var(--pad),calc((100% - 1320px) / 2))}
main.lft-all .su5-t{max-width:none}

/* v27: section photos framed on the people (Why it happens / Our setup / Cost) */
main.lft-all #causes .why4-bg img{object-position:40% 45%}
main.lft-all #cost-factors .why4-bg img{object-position:42% 45%}
main.lft-all .su5-ph img{object-position:42% 30%}
@media(max-width:1100px){
  main.lft-all #causes .why4-bg img{object-position:55% 22%}
  main.lft-all #cost-factors .why4-bg img{object-position:50% 12%}
  main.lft-all .su5-ph img{object-position:50% 28%}
}
@media(max-width:640px){
  main.lft-all #causes .why4-bg img{object-position:44% 30%}
  main.lft-all #cost-factors .why4-bg img{object-position:42% 20%}
}

/* v28: "You are here" on desktop / business service links in Explore our services */
.ex-links a.here{border:2px solid var(--lime);background:#FBFFEF;box-shadow:0 0 0 4px rgba(201,240,63,.25)}
.ex-links a.here small{font-weight:700;color:#3E5200}

/* v29: company, help and location pages */
.pg-kw a{padding:9px 16px;border-radius:99px;background:#fff;border:1px solid #E3E8F4;font-size:14px;font-weight:600;color:var(--blue);transition:.2s}
.pg-kw a:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}
a.pg-tile{display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pg-band-f input{width:100%}