input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:1;cursor:pointer}
:root{--yellow:#ffc400;--bg:#060a0d;--surface:#0c1216;--surface2:#121a1f;--text:#fff;--muted:#aab2b8;--line:rgba(255,255,255,.12);--green:#23b26d;--container:1220px;--shadow:0 28px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5}
body.dialog-open{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.is-hidden{display:none!important}
.lp-container{width:min(var(--container),calc(100% - 32px));margin:auto}
.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--yellow);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
em{color:var(--yellow);font-style:normal}
.ad-header{position:absolute;z-index:20;top:0;right:0;left:0;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(4,8,10,.68);backdrop-filter:blur(16px)}
.ad-header>.lp-container{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:80px}
.ad-logo img{width:116px;height:55px;object-fit:contain}
.ad-header-trust{display:flex;gap:22px;color:#d7dce0;font-size:.68rem;font-weight:800}.ad-header-trust i{margin-right:7px;color:var(--yellow)}
.ad-call{display:flex;gap:10px;align-items:center;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}.ad-call>i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--yellow);color:#080b0d}.ad-call small,.ad-call span{display:block}.ad-call small{color:#8c969c;font-size:.55rem;font-weight:850;text-transform:uppercase}.ad-call span{font-size:.75rem;font-weight:900}
.lp-hero{position:relative;min-height:860px;padding:132px 0 0;background:linear-gradient(90deg,rgba(3,6,8,.97) 0%,rgba(3,6,8,.78) 42%,rgba(3,6,8,.64) 100%),url('../../images/bengaluru/hero_bg.webp') center/cover no-repeat}
.lp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#060a0d 0,transparent 24%);pointer-events:none}
.lp-field.has-valid-phone input{border-color:var(--green)}.lp-field.has-valid-phone .field-error{color:var(--green)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(420px,1fr) minmax(390px,.72fr);gap:60px;align-items:center;padding-bottom:70px}
.hero-copy h1{max-width:760px;margin:17px 0 23px;font-size:clamp(3.8rem,5.8vw,6.4rem);line-height:.88;letter-spacing:-.068em}.hero-copy>p{max-width:690px;color:#d0d5d8;font-size:1rem;line-height:1.75}
.hero-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.hero-trust span{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;gap:0 6px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(7,12,15,.66);backdrop-filter:blur(12px)}.hero-trust i{grid-row:1/3;color:var(--yellow)}.hero-trust b{font-size:.68rem}.hero-trust small{color:#8b959b;font-size:.56rem}
.lead-booking-card{padding:25px;border:1px solid rgba(255,196,0,.35);border-radius:23px;background:rgba(7,12,15,.91);box-shadow:0 35px 100px rgba(0,0,0,.52);backdrop-filter:blur(22px)}
.form-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.form-head small{color:var(--yellow);font-size:.62rem;font-weight:900;text-transform:uppercase}.form-head h2{margin:3px 0 0;font-size:1.55rem}.form-head>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,196,0,.35);border-radius:50%;color:var(--yellow);font-weight:900}
.trip-tabs,.service-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#080d10}.trip-tabs button,.service-switch button{min-height:41px;border:0;border-radius:9px;background:transparent;color:#aab2b8;font-size:.72rem;font-weight:850}.trip-tabs button.active,.service-switch button.active{background:var(--yellow);color:#070a0c}.field-label{display:block;margin:13px 0 6px;color:#8d979d;font-size:.6rem;font-weight:900;text-transform:uppercase}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.lp-field{display:block}.lp-field.full{grid-column:1/-1}.lp-field>span{display:block;margin-bottom:5px;color:#bbc2c6;font-size:.63rem;font-weight:850}.lp-field>div{position:relative}.lp-field>div>i{position:absolute;z-index:2;top:50%;left:13px;color:var(--yellow);font-size:.73rem;transform:translateY(-50%)}.lp-field input,.lp-field select{width:100%;min-height:47px;padding:10px 12px 10px 38px;border:1px solid var(--line);border-radius:10px;background:#080d10;color:#fff;outline:0}.lp-field input:focus,.lp-field select:focus{border-color:rgba(255,196,0,.65);box-shadow:0 0 0 3px rgba(255,196,0,.1)}.lp-field select{color-scheme:dark}.field-error{display:block;min-height:3px;margin-top:2px;color:#ff8f86;font-size:.57rem}.lp-field.has-error input,.lp-field.has-error select{border-color:#e85c52}
.schedule-note,.privacy-note{margin:11px 0;color:#8f999f;font-size:.62rem}.schedule-note i,.privacy-note i{margin-right:6px;color:var(--yellow)}.privacy-note{text-align:center}
.primary-action,.outline-action{display:inline-flex;justify-content:center;gap:9px;align-items:center;min-height:50px;padding:0 22px;border:0;border-radius:10px;background:var(--yellow);color:#080b0d;font-weight:950}.lead-booking-card>.primary-action{width:100%}.primary-action.compact{width:auto}.outline-action{border:1px solid var(--line);background:var(--surface2);color:#fff}
.hero-bottom-proof{position:relative;z-index:3;border-top:1px solid var(--line);background:rgba(6,10,13,.84);backdrop-filter:blur(14px)}.hero-bottom-proof>.lp-container{display:grid;grid-template-columns:repeat(4,1fr)}.hero-bottom-proof span{padding:21px;text-align:center;color:#9aa4aa;font-size:.68rem}.hero-bottom-proof span+span{border-left:1px solid var(--line)}.hero-bottom-proof b{margin-right:6px;color:var(--yellow);font-size:1rem}
.lp-section{padding:88px 0}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:34px}.section-head h2{margin:9px 0 0;font-size:clamp(2.7rem,4.4vw,4.8rem);line-height:.93;letter-spacing:-.055em}.section-head>p{max-width:440px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.75}
.service-intro{background:var(--bg)}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-cards article{display:flex;min-height:310px;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,var(--surface2),var(--surface))}.service-cards article.featured{background:radial-gradient(circle at 90% 0,rgba(255,196,0,.18),transparent 35%),var(--surface2)}.service-cards article>span{color:#657077;font-size:.6rem;font-weight:900}.service-cards article>i{margin:35px 0 19px;color:var(--yellow);font-size:1.6rem}.service-cards h3{margin:0 0 9px;font-size:1.05rem}.service-cards p{margin:0;color:var(--muted);font-size:.71rem;line-height:1.65}.service-cards a,.service-cards button{display:inline-flex;gap:7px;align-items:center;margin-top:auto;padding:20px 0 0;border:0;background:none;color:var(--yellow);font-size:.68rem;font-weight:900}
.areas-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080d10}.areas-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.areas-grid h2{margin:10px 0 18px;font-size:3rem;line-height:.96}.areas-grid p{max-width:440px;color:var(--muted);font-size:.8rem}.areas-grid .outline-action{margin-top:15px}.area-cloud{display:flex;flex-wrap:wrap;gap:10px}.area-cloud span{padding:13px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:#d8dde0;font-size:.72rem;font-weight:800}.area-cloud i{margin-right:7px;color:var(--yellow)}
.routes-section{background:var(--bg)}.route-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.route-grid article{display:grid;grid-template-columns:44px 1fr 39px;gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.route-grid article>i{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:rgba(255,196,0,.1);color:var(--yellow)}.route-grid small{color:#778188;font-size:.55rem}.route-grid h3{margin:1px 0;font-size:.9rem}.route-grid p{margin:0;color:var(--muted);font-size:.62rem}.route-grid button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--yellow)}
.one-way-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080d10}.one-way-grid{display:grid;grid-template-columns:1fr .72fr;gap:65px;align-items:center}.one-way-copy h2{margin:10px 0 19px;font-size:clamp(3rem,4.5vw,5rem);line-height:.92}.one-way-copy>p{max-width:600px;color:var(--muted);font-size:.84rem}.one-way-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0;padding:0;list-style:none}.one-way-copy li{font-size:.73rem}.one-way-copy li i{margin-right:8px;color:var(--yellow)}.one-way-panel{padding:30px;border:1px solid rgba(255,196,0,.27);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(255,196,0,.12),transparent 35%),var(--surface);box-shadow:var(--shadow)}.one-way-panel>span{color:var(--yellow);font-size:.67rem;font-weight:900;text-transform:uppercase}.one-way-panel h3{margin:17px 0 12px;font-size:2rem;line-height:1}.one-way-panel>p{color:var(--muted);font-size:.75rem}.one-way-panel>div{display:flex;justify-content:space-between;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.one-way-panel small{color:#8f999f}.one-way-panel b{color:var(--yellow)}
.fleet-section{background:var(--bg)}.landing-fleet{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.landing-fleet article{overflow:hidden;padding-bottom:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.landing-fleet article>div{display:grid;min-height:185px;place-items:center;background:radial-gradient(circle,rgba(255,196,0,.14),transparent 52%),#080d10}.landing-fleet img{width:108%;max-height:145px;object-fit:contain;filter:drop-shadow(0 15px 12px rgba(0,0,0,.55))}.landing-fleet h3,.landing-fleet p{margin-right:20px;margin-left:20px}.landing-fleet h3{margin-top:17px;margin-bottom:5px}.landing-fleet p{margin-top:0;margin-bottom:0;color:var(--muted);font-size:.66rem}
.why-section{border-top:1px solid var(--line);background:#080d10}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.why-grid article{padding:23px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.why-grid i{color:var(--yellow);font-size:1.35rem}.why-grid h3{margin:16px 0 7px;font-size:.9rem}.why-grid p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.6}
.booking-steps{background:var(--bg)}.booking-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}.booking-steps li{display:grid;grid-template-columns:30px 48px 1fr;gap:10px;align-items:start;padding:23px;border-top:2px solid var(--yellow);border-radius:0 0 15px 15px;background:var(--surface)}.booking-steps li>b{color:#667077;font-size:.6rem}.booking-steps li>i{color:var(--yellow);font-size:1.2rem}.booking-steps h3{margin:0 0 6px;font-size:.88rem}.booking-steps p{margin:0;color:var(--muted);font-size:.66rem}
.faq-section{border-top:1px solid var(--line);background:#080d10}.faq-grid{display:grid;grid-template-columns:330px 1fr;gap:65px}.faq-grid h2{margin:10px 0 14px;font-size:2.7rem;line-height:.96}.faq-grid header p{color:var(--muted);font-size:.76rem}.faq-grid>div{display:grid;gap:8px}.faq-grid details{border:1px solid var(--line);border-radius:13px;background:var(--surface)}.faq-grid details[open]{border-color:rgba(255,196,0,.4)}.faq-grid summary{display:grid;grid-template-columns:25px 1fr 16px;gap:10px;padding:17px;list-style:none;cursor:pointer;font-size:.77rem;font-weight:850}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary span,.faq-grid summary i{color:var(--yellow)}.faq-grid details[open] summary i{transform:rotate(45deg)}.faq-grid details p{margin:0;padding:0 17px 17px 52px;color:var(--muted);font-size:.7rem;line-height:1.65}
.final-cta{padding:46px 0;border-top:1px solid rgba(255,196,0,.25);background:radial-gradient(circle at 80% 50%,rgba(255,196,0,.14),transparent 28%),var(--bg)}.final-cta>.lp-container{display:flex;justify-content:space-between;gap:40px;align-items:center}.final-cta h2{margin:8px 0 5px;font-size:2.7rem}.final-cta p{margin:0;color:var(--muted);font-size:.75rem}.final-cta>.lp-container>div:last-child{display:flex;gap:9px}
.lp-footer{padding:32px 0 90px;border-top:1px solid var(--line);background:#030608}.lp-footer>.lp-container{display:grid;grid-template-columns:120px 1fr auto auto;gap:25px;align-items:center}.lp-footer img{width:110px}.lp-footer p,.lp-footer span{color:#7d878d;font-size:.65rem}.lp-footer div div{display:flex;gap:15px}.lp-footer a{color:#aab2b8;font-size:.64rem}
.mobile-conversion-bar{display:none}
.vgo-place-suggestions{position:absolute;z-index:100;top:calc(100% + 5px);right:0;left:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#11191e;box-shadow:0 18px 45px rgba(0,0,0,.45)}.vgo-place-option{display:block;width:100%;padding:11px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;text-align:left;font-size:.68rem}.vgo-place-option:hover{background:rgba(255,196,0,.08)}
.fare-dialog{width:min(1120px,calc(100% - 30px));max-height:calc(100vh - 30px);padding:0;border:1px solid var(--line);border-radius:22px;background:#080d10;color:#fff;box-shadow:0 35px 110px rgba(0,0,0,.7)}.fare-dialog::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.fare-dialog-shell{max-height:calc(100vh - 30px);overflow-y:auto;padding:24px}.fare-dialog header{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.fare-dialog header span{color:var(--yellow);font-size:.62rem;font-weight:900;text-transform:uppercase}.fare-dialog h2{margin:3px 0 0;font-size:1.7rem}.fare-dialog header button{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:#fff}.fare-dialog-summary{display:grid;grid-template-columns:1.4fr .7fr 1fr .7fr;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--line)}.fare-dialog-summary>div{padding:13px;background:var(--surface)}.fare-dialog-summary small{display:block;color:#7f8990;font-size:.55rem;font-weight:900;text-transform:uppercase}.fare-dialog-summary b{font-size:.7rem}.modal-filters{display:flex;justify-content:flex-end;gap:10px;margin:15px 0}.modal-filters label{color:#8e989e;font-size:.58rem;font-weight:900;text-transform:uppercase}.modal-filters select{display:block;min-width:170px;margin-top:4px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:#fff}.modal-cab-list{display:grid;gap:10px}.modal-loading{padding:35px;text-align:center;color:var(--muted)}
.modal-cab-card{display:grid;grid-template-columns:170px 1fr 190px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.modal-cab-image{display:grid;min-height:180px;place-items:center;background:radial-gradient(circle,rgba(255,196,0,.14),transparent 52%),#070b0e}.modal-cab-image img{width:110%;max-height:125px;object-fit:contain;filter:drop-shadow(0 15px 12px rgba(0,0,0,.55))}.modal-cab-copy{padding:18px}.modal-cab-copy>span{color:var(--yellow);font-size:.57rem;font-weight:900;text-transform:uppercase}.modal-cab-copy h3{margin:3px 0;font-size:1.2rem}.modal-cab-copy h3 small{padding:3px 5px;border-radius:5px;background:#191919;color:var(--yellow);font-size:.58rem}.modal-cab-copy>p{margin:0;color:var(--muted);font-size:.68rem}.modal-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.modal-facts span{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:#d7dce0;font-size:.63rem}.modal-facts i{margin-right:5px;color:var(--yellow)}.modal-fare{display:flex;flex-direction:column;justify-content:center;padding:20px;border-left:1px solid var(--line);background:#0a0f13;text-align:center}.modal-fare>span{color:#7e888f;font-size:.57rem;font-weight:900;text-transform:uppercase}.modal-fare strong{margin:4px 0;color:var(--yellow);font-size:1.7rem}.modal-fare small{color:#8f999f;font-size:.62rem}.modal-fare button{margin-top:14px;padding:11px;border:0;border-radius:9px;background:var(--yellow);color:#080b0d;font-weight:950}.modal-empty{padding:38px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 430px;gap:30px}.hero-copy h1{font-size:4.2rem}.service-cards,.landing-fleet{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.modal-cab-card{grid-template-columns:140px 1fr 170px}}
@media(max-width:760px){.ad-header-trust{display:none}.lp-hero{padding-top:108px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-right:auto;margin-left:auto}.hero-trust{justify-content:center}.lead-booking-card{max-width:560px;margin:auto}.hero-bottom-proof>.lp-container{grid-template-columns:repeat(2,1fr)}.hero-bottom-proof span:nth-child(3){border-top:1px solid var(--line)}.section-head{display:block}.section-head>p{margin-top:18px}.areas-grid,.one-way-grid,.faq-grid{grid-template-columns:1fr}.route-grid{grid-template-columns:1fr}.booking-steps ol{grid-template-columns:1fr}.final-cta>.lp-container{align-items:flex-start;flex-direction:column}.lp-footer>.lp-container{grid-template-columns:100px 1fr}.lp-footer div div,.lp-footer>div>span{grid-column:1/-1}.fare-dialog-summary{grid-template-columns:1fr 1fr}.modal-cab-card{grid-template-columns:140px 1fr}.modal-fare{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;align-items:center;border-top:1px solid var(--line);border-left:0;text-align:left}.modal-fare button{grid-column:2;grid-row:1/4;margin:0}}
@media(max-width:520px){.lp-container{width:min(100% - 24px,var(--container))}.ad-header>.lp-container{min-height:70px}.ad-logo img{width:94px}.ad-call{padding:7px 9px}.ad-call>i{width:31px;height:31px}.ad-call span{font-size:.65rem}.lp-hero{min-height:auto;padding-top:94px;background-position:58% center}.hero-grid{padding-bottom:40px}.hero-copy h1{font-size:3.05rem}.hero-copy>p{font-size:.82rem}.hero-trust{display:grid;grid-template-columns:1fr}.lead-booking-card{padding:18px}.form-grid{grid-template-columns:1fr}.lp-field.full{grid-column:auto}.lp-section{padding:58px 0}.section-head h2,.one-way-copy h2{font-size:2.55rem}.service-cards,.landing-fleet,.why-grid{grid-template-columns:1fr}.area-cloud{gap:7px}.area-cloud span{padding:10px;font-size:.64rem}.one-way-copy ul{grid-template-columns:1fr}.hero-bottom-proof span{padding:14px 8px;font-size:.59rem}.hero-bottom-proof b{display:block}.final-cta h2{font-size:2.1rem}.final-cta>.lp-container>div:last-child{display:grid;width:100%}.lp-footer{padding-bottom:100px}.mobile-conversion-bar{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;grid-template-columns:.8fr 1.2fr;padding:8px;border-top:1px solid var(--line);background:rgba(6,10,13,.94);backdrop-filter:blur(15px)}.mobile-conversion-bar a{display:flex;justify-content:center;gap:7px;align-items:center;min-height:46px;font-size:.75rem;font-weight:900}.mobile-conversion-bar a:last-child{border-radius:9px;background:var(--yellow);color:#080b0d}.fare-dialog{width:100%;max-height:95vh;margin:auto 0 0;border-radius:20px 20px 0 0}.fare-dialog-shell{max-height:95vh;padding:15px}.fare-dialog-summary{grid-template-columns:1fr}.modal-filters{display:grid;grid-template-columns:1fr 1fr}.modal-filters select{width:100%;min-width:0}.modal-cab-card{grid-template-columns:105px 1fr}.modal-cab-image{min-height:125px}.modal-cab-image img{max-height:85px}.modal-cab-copy{padding:12px}.modal-cab-copy h3{font-size:1.05rem}.modal-facts{grid-column:1/-1}.modal-fare{padding:12px}.fare-dialog h2{font-size:1.35rem}}

/* Premium conversion redesign */
body{background:radial-gradient(circle at 50% 0,rgba(255,196,0,.055),transparent 24%),var(--bg)}
.ad-header{background:rgba(4,8,10,.8);box-shadow:0 14px 40px rgba(0,0,0,.22)}
.ad-header>.lp-container{min-height:72px}
.ad-logo img{height:48px}
.lp-hero{min-height:100svh;padding-top:96px;background-image:linear-gradient(90deg,rgba(3,6,8,.98) 0%,rgba(3,6,8,.82) 43%,rgba(3,6,8,.6) 100%),url('../../images/bengaluru/hero_bg.webp')}
.hero-grid{grid-template-columns:minmax(420px,1fr) minmax(390px,.68fr);gap:54px;min-height:calc(100svh - 96px);padding-bottom:34px}
.hero-copy h1{text-shadow:0 20px 65px rgba(0,0,0,.48)}
.lead-booking-card{position:relative;padding:17px 18px 14px;border-color:rgba(255,196,0,.42);border-radius:20px;background:linear-gradient(145deg,rgba(17,25,30,.96),rgba(6,11,14,.96));box-shadow:0 34px 100px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.06)}
.lead-booking-card::before{content:"";position:absolute;top:0;right:22px;left:22px;height:2px;background:linear-gradient(90deg,transparent,var(--yellow),transparent)}
.form-head{margin-bottom:9px}.form-head small{font-size:.56rem}.form-head h2{font-size:1.32rem}.form-head>span{width:32px;height:32px;font-size:.75rem}
.trip-tabs,.service-switch{gap:3px;padding:3px;border-radius:10px}.trip-tabs button,.service-switch button{min-height:34px;border-radius:7px;font-size:.65rem}
.field-label{margin:7px 0 4px;font-size:.54rem}.form-grid{gap:6px 8px;margin-top:7px}.lp-field>span{margin-bottom:3px;font-size:.56rem}
.lp-field input,.lp-field select{min-height:39px;padding:7px 9px 7px 34px;border-radius:8px;font-size:.68rem}.lp-field>div>i{left:12px;font-size:.65rem}.field-error{min-height:0;margin-top:0;font-size:.52rem;line-height:1.25}.lp-field.has-error .field-error{min-height:12px;margin-top:2px}
.schedule-note,.privacy-note{margin:5px 0;font-size:.55rem}.primary-action,.outline-action{min-height:44px;border-radius:9px;font-size:.72rem}.privacy-note{margin-bottom:0}
.hero-bottom-proof{box-shadow:0 -18px 50px rgba(0,0,0,.28)}
.lp-section{padding:74px 0}
.service-intro>.lp-container,.routes-section>.lp-container,.fleet-section>.lp-container,.why-section>.lp-container,.booking-steps>.lp-container{padding:clamp(28px,4vw,54px);border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(255,196,0,.055),transparent 26%),linear-gradient(145deg,rgba(18,26,31,.82),rgba(8,13,16,.9));box-shadow:0 24px 70px rgba(0,0,0,.2)}
.service-intro,.routes-section,.fleet-section,.why-section,.booking-steps{background:transparent}
.service-cards article,.landing-fleet article,.why-grid article,.route-grid article{border-color:rgba(255,255,255,.14);box-shadow:0 14px 35px rgba(0,0,0,.15);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.service-cards article:hover,.landing-fleet article:hover,.why-grid article:hover,.route-grid article:hover{transform:translateY(-4px);border-color:rgba(255,196,0,.36);box-shadow:0 24px 50px rgba(0,0,0,.26)}
.areas-section,.one-way-section,.faq-section{border-color:rgba(255,196,0,.15);background:radial-gradient(circle at 82% 20%,rgba(255,196,0,.07),transparent 28%),#080d10}
.area-cloud span{box-shadow:inset 0 1px rgba(255,255,255,.04)}
.one-way-panel{background:radial-gradient(circle at 100% 0,rgba(255,196,0,.16),transparent 35%),linear-gradient(145deg,var(--surface2),var(--surface))}
.final-cta{padding:58px 0;background:radial-gradient(circle at 78% 50%,rgba(255,196,0,.18),transparent 28%),linear-gradient(135deg,#080d10,#040709)}
.fare-dialog{background:linear-gradient(145deg,#11191e,#060a0d)}

@media(max-height:780px) and (min-width:761px){
    .ad-header>.lp-container{min-height:64px}
    .lp-hero{padding-top:78px}
    .hero-grid{min-height:calc(100svh - 78px);padding-bottom:18px}
    .hero-copy h1{font-size:clamp(3.3rem,5.1vw,5.5rem)}
    .hero-copy>p{margin:15px 0;font-size:.86rem}
    .hero-trust{margin-top:18px}
}
@media(max-width:760px){
    .lp-hero{min-height:auto;padding-top:90px;background-image:linear-gradient(180deg,rgba(3,6,8,.72) 0%,rgba(3,6,8,.86) 58%,rgba(3,6,8,.96) 100%),url('../../images/bengaluru/hero_bg_phone.webp');background-position:center;background-size:cover}
    .hero-grid{display:grid;grid-template-columns:1fr;gap:24px;min-height:0;padding-bottom:38px}
    .lead-booking-card{order:1;width:100%;max-width:570px;margin:0 auto}
    .hero-copy{order:2}
    .hero-copy h1{font-size:3.55rem}
    .service-intro>.lp-container,.routes-section>.lp-container,.fleet-section>.lp-container,.why-section>.lp-container,.booking-steps>.lp-container{padding:28px 22px;border-radius:22px}
}
@media(max-width:520px){
    .ad-header>.lp-container{min-height:66px}
    .lp-hero{padding-top:78px}
    .hero-grid{gap:22px}
    .lead-booking-card{padding:14px 14px 11px;border-radius:16px}
    .form-grid{grid-template-columns:1fr 1fr;gap:5px 7px}
    .lp-field.full{grid-column:1/-1}
    .lp-field input,.lp-field select{min-height:38px;font-size:.65rem}
    .trip-tabs button,.service-switch button{min-height:33px}
    .schedule-note{white-space:nowrap}
    .hero-copy{text-align:left}
    .hero-copy h1{font-size:2.8rem}
    .hero-copy>p{margin-left:0}
    .hero-trust{justify-content:start}
    .lp-section{padding:48px 0}
    .service-intro>.lp-container,.routes-section>.lp-container,.fleet-section>.lp-container,.why-section>.lp-container,.booking-steps>.lp-container{padding:22px 16px;border-radius:18px}
}
/* Premium visual-rhythm refinement — presentation only */
body {
  background:
    radial-gradient(circle at 8% 14%, rgba(255, 194, 0, .06), transparent 25rem),
    radial-gradient(circle at 92% 46%, rgba(255, 194, 0, .035), transparent 30rem),
    linear-gradient(180deg, #080a0c 0%, #0c1014 48%, #07090b 100%);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .14;
  background-image:
    repeating-linear-gradient(115deg, transparent 0 3px, rgba(255,255,255,.012) 3px 4px),
    radial-gradient(circle at center, transparent 35%, rgba(0,0,0,.62) 100%);
}

.lp-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  content-visibility: auto;
  contain-intrinsic-size: 720px;
}

.lp-section h2 {
  max-width: 760px;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.eyebrow { letter-spacing: .14em; font-weight: 850; }

.lp-hero::before {
  background:
    linear-gradient(90deg, rgba(5,7,9,.95) 0%, rgba(5,7,9,.76) 47%, rgba(5,7,9,.46) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.7));
}

.lp-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(180deg, transparent, #090c0f);
  pointer-events: none;
}

.hero-shell, .hero-bottom-proof { z-index: 2; }

.hero-copy h1 {
  max-width: 820px;
  font-size: clamp(3rem, 5.65vw, 6.25rem);
  line-height: .93;
  letter-spacing: -.065em;
  text-shadow: 0 16px 50px rgba(0,0,0,.55);
}

.hero-copy h1 span {
  color: var(--yellow);
  text-shadow: 0 0 34px rgba(255,194,0,.2);
}

.hero-copy > p:not(.eyebrow) {
  max-width: 620px;
  color: rgba(255,255,255,.78);
  font-size: clamp(1rem, 1.35vw, 1.16rem);
}

.hero-badges span {
  border-color: rgba(255,255,255,.15);
  background: rgba(9,12,15,.58);
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.18);
  backdrop-filter: blur(16px);
  animation: premiumBadgeFloat 5s ease-in-out infinite;
}

.hero-badges span:nth-child(2) { animation-delay: .35s; }
.hero-badges span:nth-child(3) { animation-delay: .7s; }

.lead-booking-card {
  border-color: rgba(255,255,255,.18);
  background: linear-gradient(145deg, rgba(21,25,29,.97), rgba(10,13,16,.98));
  box-shadow: 0 34px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(255,194,0,.035), inset 0 1px rgba(255,255,255,.08);
}

.lead-booking-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, var(--yellow), transparent);
  opacity: .72;
}

.lead-booking-card input,
.lead-booking-card select {
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.lead-booking-card input:focus,
.lead-booking-card select:focus {
  border-color: rgba(255,194,0,.72);
  box-shadow: 0 0 0 3px rgba(255,194,0,.11);
}

.lead-booking-card .time-select-wrap select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 38px;
  border-color: rgba(255,255,255,.16);
  background: linear-gradient(145deg, #0b1115, #070b0e);
  color: #f7f8f9;
  cursor: pointer;
}

.lead-booking-card .time-select-wrap select option {
  background: #0b1115;
  color: #f7f8f9;
}

.lead-booking-card .time-select-wrap select:disabled {
  color: #7f8990;
  cursor: not-allowed;
  opacity: .82;
}

.lp-field .time-select-wrap .time-select-chevron {
  right: 13px;
  left: auto;
  color: var(--yellow);
  font-size: .62rem;
  pointer-events: none;
  transition: transform .2s ease;
}

.lp-field .time-select-wrap:focus-within .time-select-chevron { transform: translateY(-50%) rotate(180deg); }

.hero-bottom-proof > .lp-container { gap: 12px; align-items: stretch; }

.hero-bottom-proof span {
  position: relative;
  flex: 1;
  min-width: 0;
  padding: 16px 16px 16px 52px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.025));
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 18px 35px rgba(0,0,0,.2);
  backdrop-filter: blur(16px);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  animation: premiumStatIn .65s both;
}

.hero-bottom-proof span:nth-child(2) { animation-delay: .08s; }
.hero-bottom-proof span:nth-child(3) { animation-delay: .16s; }
.hero-bottom-proof span:nth-child(4) { animation-delay: .24s; }

.hero-bottom-proof span::before {
  position: absolute;
  left: 17px;
  top: 50%;
  color: var(--yellow);
  font: 900 18px/1 "Font Awesome 6 Free";
  transform: translateY(-50%);
  filter: drop-shadow(0 0 9px rgba(255,194,0,.35));
}

.hero-bottom-proof span:nth-child(1)::before { content: "\f156"; }
.hero-bottom-proof span:nth-child(2)::before { content: "\f508"; }
.hero-bottom-proof span:nth-child(3)::before { content: "\f017"; }
.hero-bottom-proof span:nth-child(4)::before { content: "\f3ed"; }

.hero-bottom-proof span:hover {
  transform: translateY(-4px);
  border-color: rgba(255,194,0,.35);
  box-shadow: 0 18px 45px rgba(0,0,0,.3), 0 0 26px rgba(255,194,0,.08);
}

.hero-bottom-proof b { color: #fff; font-size: 1.03rem; }

.service-intro > .lp-container,
.areas-section > .lp-container,
.routes-section > .lp-container,
.fleet-section > .lp-container,
.why-section > .lp-container,
.booking-steps > .lp-container,
.faq-section > .lp-container,
.final-cta > .lp-container {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.service-intro {
  padding-block: clamp(76px, 8vw, 118px);
  background: radial-gradient(circle at 14% 22%, rgba(255,194,0,.08), transparent 25rem), linear-gradient(135deg, #0c1014, #07090b 70%);
}

.service-intro::after {
  content: "VGO";
  position: absolute;
  left: -1.5vw;
  bottom: -5vw;
  z-index: -1;
  color: rgba(255,255,255,.018);
  font-size: min(26vw, 360px);
  font-weight: 950;
  letter-spacing: -.1em;
  line-height: .7;
}

.service-intro > .lp-container {
  display: grid;
  grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
  gap: clamp(38px, 6vw, 86px);
  align-items: start;
}

.service-intro .section-head {
  position: sticky;
  top: 108px;
  display: block;
  margin: 0;
  text-align: left;
}

.service-intro .section-head p { margin: 20px 0 0; }
.service-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }

.service-cards article {
  min-height: 330px;
  padding: 174px 24px 24px;
  overflow: hidden;
  border-color: rgba(255,255,255,.13);
  background-position: center;
  background-size: cover;
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
  transform: translateZ(0);
}

.service-cards article:nth-child(1) { background-image: url("../../images/airport_taxi.webp"); }
.service-cards article:nth-child(2) { background-image: url("../../images/local_taxi.webp"); }
.service-cards article:nth-child(3),
.service-cards article:nth-child(4) { background-image: url("../../images/outstation_cabs.webp"); }

.service-cards article::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(5,7,9,.05) 15%, rgba(5,7,9,.72) 53%, #080b0e 88%);
  transition: background .35s ease;
}

.service-cards article > * { position: relative; z-index: 1; }

.service-cards article .service-icon {
  position: absolute;
  top: 22px;
  left: 22px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(7,9,11,.66);
  box-shadow: 0 10px 30px rgba(0,0,0,.3), 0 0 26px rgba(255,194,0,.12);
  backdrop-filter: blur(14px);
}

.service-cards article:hover {
  transform: translateY(-7px);
  border-color: rgba(255,194,0,.48);
  box-shadow: 0 28px 65px rgba(0,0,0,.42), 0 0 34px rgba(255,194,0,.1);
}

.service-cards article:hover .service-icon { transform: rotate(-5deg) scale(1.06); }

.areas-section {
  padding-block: 64px 74px;
  border-block: 1px solid rgba(255,255,255,.07);
  background: linear-gradient(90deg, rgba(255,194,0,.055), transparent 34%, rgba(255,255,255,.018)), #0d1115;
}

.areas-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .3;
  pointer-events: none;
  background:
    linear-gradient(28deg, transparent 47%, rgba(255,194,0,.12) 48% 49%, transparent 50%) 0 0 / 150px 90px,
    linear-gradient(-22deg, transparent 47%, rgba(255,255,255,.06) 48% 49%, transparent 50%) 0 0 / 190px 110px;
  mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
}

.areas-section .section-head { max-width: 780px; margin-inline: 0; text-align: left; }
.area-cloud { justify-content: flex-start; }

.area-cloud span {
  position: relative;
  padding-right: 34px;
  border-color: rgba(255,194,0,.18);
  background: rgba(7,10,12,.64);
  box-shadow: inset 0 1px rgba(255,255,255,.055);
}

.area-cloud span::after {
  content: "\f061";
  position: absolute;
  right: 14px;
  color: var(--yellow);
  font: 900 10px/1 "Font Awesome 6 Free";
  transition: transform .2s ease;
}

.area-cloud span:hover {
  color: #fff;
  border-color: var(--yellow);
  background: rgba(255,194,0,.08);
  transform: translateY(-2px);
}

.area-cloud span:hover::after { transform: translateX(4px); }

.routes-section {
  padding-block: clamp(76px, 8vw, 112px);
  background: radial-gradient(circle at 86% 20%, rgba(255,194,0,.065), transparent 23rem), linear-gradient(180deg, #080a0c, #101419);
}

.route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }

.route-card {
  position: relative;
  min-height: 205px;
  padding: 27px 28px;
  border-color: rgba(255,255,255,.12);
  background: linear-gradient(125deg, rgba(255,255,255,.07), rgba(255,255,255,.015)), #0b0e11;
  box-shadow: inset 0 1px rgba(255,255,255,.065), 0 20px 45px rgba(0,0,0,.2);
}

.route-card::before {
  content: "";
  position: absolute;
  left: 29px;
  top: 65px;
  width: 1px;
  height: 35px;
  background: linear-gradient(var(--yellow), rgba(255,194,0,.1));
  box-shadow: 0 0 10px rgba(255,194,0,.35);
}

.route-card::after {
  content: "\f3c5";
  position: absolute;
  right: 25px;
  top: 23px;
  color: rgba(255,194,0,.22);
  font: 900 38px/1 "Font Awesome 6 Free";
}

.route-card h3 { margin-top: 19px; padding-left: 19px; font-size: clamp(1.35rem, 2vw, 1.8rem); }

.route-card:hover {
  transform: translateY(-6px);
  border-color: rgba(255,194,0,.42);
  box-shadow: 0 27px 58px rgba(0,0,0,.35), 0 0 28px rgba(255,194,0,.07);
}

.one-way-section {
  padding-block: 72px;
  background: radial-gradient(circle at 18% 50%, rgba(255,194,0,.12), transparent 28rem), linear-gradient(115deg, #11161b, #080a0c 64%);
}

.one-way-panel {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,194,0,.24);
  background: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.018)), rgba(8,11,14,.8);
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 35px 90px rgba(0,0,0,.35);
  backdrop-filter: blur(18px);
}

.one-way-panel::after {
  content: "₹";
  position: absolute;
  right: -8px;
  bottom: -58px;
  color: rgba(255,194,0,.055);
  font-size: 240px;
  font-weight: 900;
  line-height: 1;
}

.one-way-minimums article {
  position: relative;
  border-color: rgba(255,255,255,.11);
  background: rgba(255,255,255,.045);
}

.fleet-section {
  padding-block: clamp(78px, 8vw, 116px);
  background: linear-gradient(180deg, #080a0c, #0c1014 58%, #080a0c);
}

.landing-fleet { gap: 20px; }

.fleet-card {
  min-height: 390px;
  border-color: rgba(255,255,255,.11);
  background: radial-gradient(ellipse at 50% 45%, rgba(255,255,255,.1), transparent 43%), linear-gradient(160deg, #151a1f, #090c0f 75%);
  box-shadow: 0 24px 55px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.07);
}

.fleet-card img {
  width: 130%;
  max-width: none;
  margin-left: -15%;
  transform-origin: 50% 70%;
  filter: drop-shadow(0 28px 20px rgba(0,0,0,.38));
  transition: transform .4s cubic-bezier(.2,.8,.2,1), filter .4s ease;
}

.fleet-card:hover {
  transform: translateY(-9px);
  border-color: rgba(255,194,0,.4);
  box-shadow: 0 34px 70px rgba(0,0,0,.42), 0 0 35px rgba(255,194,0,.08);
}

.fleet-card:hover img { transform: scale(1.07); }
.fleet-card h3 { font-size: 1.3rem; }
.fleet-card p { color: rgba(255,255,255,.6); line-height: 1.55; }

.why-section {
  padding-block: clamp(70px, 7vw, 102px);
  border-block: 1px solid rgba(255,255,255,.065);
  background: radial-gradient(circle at 50% 0, rgba(255,194,0,.075), transparent 29rem), #0f1317;
}

.why-grid {
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 25px;
  background: rgba(255,255,255,.1);
}

.why-grid article {
  position: relative;
  border: 0;
  border-radius: 0;
  background: linear-gradient(145deg, rgba(19,24,29,.98), rgba(10,13,16,.98));
  box-shadow: none;
}

.why-grid article::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 100%;
  bottom: 0;
  height: 2px;
  background: var(--yellow);
  box-shadow: 0 0 15px rgba(255,194,0,.5);
  transition: right .35s ease;
}

.why-grid article:hover { transform: none; background: linear-gradient(145deg, rgba(27,32,37,.98), rgba(12,15,18,.98)); }
.why-grid article:hover::after { right: 22px; }
.why-grid article:hover i { transform: rotate(-6deg) scale(1.08); }

.booking-steps {
  padding-block: clamp(76px, 8vw, 112px);
  background:
    linear-gradient(90deg, rgba(255,194,0,.025) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(rgba(255,194,0,.025) 1px, transparent 1px) 0 0 / 56px 56px,
    #080a0c;
}

.booking-steps ol { position: relative; gap: 0; counter-reset: premium-step; }

.booking-steps ol::before {
  content: "";
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 45px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--yellow) 15% 85%, transparent);
  box-shadow: 0 0 16px rgba(255,194,0,.3);
}

.booking-steps li {
  counter-increment: premium-step;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 245px;
  padding: 28px 20px;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.booking-steps li::before {
  content: "0" counter(premium-step);
  display: grid;
  width: 90px;
  height: 90px;
  margin: 0 auto 26px;
  place-items: center;
  border: 1px solid rgba(255,194,0,.42);
  border-radius: 50%;
  color: var(--yellow);
  background: #0d1115;
  box-shadow: inset 0 0 0 7px #080a0c, 0 0 0 1px rgba(255,255,255,.06), 0 0 30px rgba(255,194,0,.08);
  font-size: 1.05rem;
  font-weight: 900;
}

.booking-steps li:hover { transform: translateY(-5px); }
.booking-steps li:hover::before { color: #080a0c; background: var(--yellow); box-shadow: 0 0 35px rgba(255,194,0,.22); }
.booking-steps li > b { display: none; }
.booking-steps li > i {
  margin: -7px 0 15px;
  color: var(--yellow);
  font-size: 1.12rem;
  transition: transform .25s ease;
}
.booking-steps li:hover > i { transform: translateY(-2px) scale(1.08); }
.booking-steps li span { display: block; max-width: 280px; }
.booking-steps li h3 { margin: 0 0 8px; font-size: 1rem; }
.booking-steps li p { margin: 0; font-size: .76rem; line-height: 1.6; }

.faq-section {
  padding-block: clamp(76px, 8vw, 112px);
  background: radial-gradient(circle at 7% 15%, rgba(255,194,0,.08), transparent 25rem), linear-gradient(145deg, #11161b, #080a0c 65%);
}

.faq-section > .lp-container {
  display: grid;
  grid-template-columns: minmax(260px, .65fr) minmax(0, 1.35fr);
  gap: clamp(38px, 6vw, 84px);
  align-items: start;
}

.faq-section .section-head {
  position: sticky;
  top: 108px;
  display: block;
  margin: 0;
  text-align: left;
}

.faq-grid { grid-template-columns: 1fr; gap: 11px; }

.faq-grid details {
  border-color: rgba(255,255,255,.11);
  background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow: inset 0 1px rgba(255,255,255,.05);
  backdrop-filter: blur(12px);
  transition: border-color .25s ease, background .25s ease, transform .25s ease;
}

.faq-grid details[open] {
  border-color: rgba(255,194,0,.38);
  background: linear-gradient(145deg, rgba(255,194,0,.1), rgba(255,255,255,.025));
  transform: translateX(5px);
  box-shadow: 0 18px 45px rgba(0,0,0,.2), 0 0 25px rgba(255,194,0,.055);
}

.faq-grid summary::after {
  content: "\2b";
  color: var(--yellow);
  font: 900 18px/1 "Font Awesome 6 Free";
  transition: transform .25s ease;
}

.faq-grid details[open] summary::after { content: "\f068"; transform: rotate(180deg); }
.faq-grid details[open] p { animation: premiumFaqOpen .28s ease both; }

.final-cta {
  min-height: 490px;
  display: grid;
  place-items: center;
  padding-block: 90px;
  background:
    linear-gradient(90deg, rgba(4,6,8,.92), rgba(4,6,8,.56), rgba(4,6,8,.84)),
    linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.72)),
    url("../../images/bengaluru/hero_bg.webp") center 60% / cover no-repeat;
}

.final-cta > .lp-container { position: relative; max-width: 900px; }

.final-cta h2 {
  max-width: 880px;
  margin-inline: auto;
  font-size: clamp(2.7rem, 5.5vw, 5.5rem);
  line-height: .96;
  text-shadow: 0 18px 55px rgba(0,0,0,.6);
}

.final-cta p { max-width: 620px; margin-inline: auto; color: rgba(255,255,255,.76); font-size: 1.08rem; }

.btn, .primary-cta, .secondary-cta {
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}

.btn:hover, .primary-cta:hover, .secondary-cta:hover { transform: translateY(-2px) scale(1.015); }
.btn i, .primary-cta i, .secondary-cta i { transition: transform .2s ease; }
.btn:hover i, .primary-cta:hover i, .secondary-cta:hover i { transform: translateX(4px); }

.btn:focus-visible,
.primary-cta:focus-visible,
.secondary-cta:focus-visible,
.nav-links a:focus-visible,
.faq-grid summary:focus-visible {
  outline: 3px solid rgba(255,194,0,.5);
  outline-offset: 4px;
}

@keyframes premiumBadgeFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes premiumStatIn {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes premiumFaqOpen {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 980px) {
  .service-intro > .lp-container,
  .faq-section > .lp-container { grid-template-columns: 1fr; }

  .service-intro .section-head,
  .faq-section .section-head { position: static; max-width: 760px; }

  .hero-bottom-proof > .lp-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .lp-section { contain-intrinsic-size: 900px; }
  .lp-hero::before { background: linear-gradient(180deg, rgba(5,7,9,.72), rgba(5,7,9,.91) 58%, #090c0f); }
  .hero-copy h1 { font-size: clamp(2.45rem, 12vw, 4.2rem); line-height: .96; }
  .hero-bottom-proof > .lp-container { grid-template-columns: 1fr 1fr; gap: 9px; }
  .hero-bottom-proof span { padding: 13px 11px 13px 39px; border-radius: 13px; font-size: .72rem; }
  .hero-bottom-proof span::before { left: 13px; font-size: 14px; }

  .service-intro,
  .routes-section,
  .fleet-section,
  .why-section,
  .booking-steps,
  .faq-section { padding-block: 62px; }

  .service-cards, .route-grid, .landing-fleet, .why-grid { grid-template-columns: 1fr; }
  .service-cards article { min-height: 300px; padding-top: 158px; }
  .route-card { min-height: 185px; }
  .fleet-card { min-height: 370px; }
  .why-grid { border-radius: 20px; }

  .booking-steps ol { display: grid; grid-template-columns: 1fr; gap: 0; }
  .booking-steps ol::before {
    left: 31px;
    right: auto;
    top: 44px;
    bottom: 44px;
    width: 2px;
    height: auto;
    background: linear-gradient(transparent, var(--yellow) 12% 88%, transparent);
  }

  .booking-steps li { min-height: 0; padding: 16px 10px 25px 86px; align-items: flex-start; text-align: left; }
  .booking-steps li::before { position: absolute; left: 0; top: 10px; width: 64px; height: 64px; margin: 0; }
  .booking-steps li > i { margin: 0 0 9px; }
  .faq-grid details[open] { transform: none; }
  .final-cta { min-height: 430px; padding-block: 70px; }
}

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

/* Cab-selection scrollbar */
.fare-dialog-shell,
.modal-cab-list {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 196, 0, .82) #0b1014;
}

.fare-dialog-shell::-webkit-scrollbar,
.modal-cab-list::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.fare-dialog-shell::-webkit-scrollbar-track,
.modal-cab-list::-webkit-scrollbar-track {
  margin-block: 18px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 999px;
  background: #0b1014;
  box-shadow: inset 0 0 8px rgba(0,0,0,.38);
}

.fare-dialog-shell::-webkit-scrollbar-thumb,
.modal-cab-list::-webkit-scrollbar-thumb {
  min-height: 48px;
  border: 2px solid #0b1014;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe064, var(--yellow) 50%, #d99f00);
  box-shadow: 0 0 12px rgba(255,196,0,.24);
}

.fare-dialog-shell::-webkit-scrollbar-thumb:hover,
.modal-cab-list::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #fff0a6, #ffd22e 52%, #e9ad00);
  box-shadow: 0 0 18px rgba(255,196,0,.42);
}

.fare-dialog-shell::-webkit-scrollbar-corner,
.modal-cab-list::-webkit-scrollbar-corner {
  background: transparent;
}

@media (max-width: 520px) {
  .fare-dialog-shell::-webkit-scrollbar,
  .modal-cab-list::-webkit-scrollbar {
    width: 7px;
  }
}

/* Compact desktop service grid */
@media (min-width: 721px) {
  .service-intro { padding-block: clamp(62px, 6vw, 84px); }
  .service-cards { gap: 14px; }
  .service-cards article {
    height: 274px;
    min-height: 0;
    padding: 112px 20px 18px;
  }
  .service-cards article .service-icon {
    top: 17px;
    left: 18px;
  }
  .service-cards h3 {
    margin-bottom: 5px;
    font-size: .98rem;
  }
  .service-cards p {
    display: -webkit-box;
    overflow: hidden;
    font-size: .66rem;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .service-cards a,
  .service-cards button {
    padding-top: 11px;
    font-size: .64rem;
  }
}

/* Expanded Bengaluru content */
.hero-support-copy {
  margin-top: -7px;
  color: rgba(255,255,255,.58) !important;
  font-size: .76rem !important;
  line-height: 1.65;
}

.service-detail-strip {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 4px;
}
.service-detail-strip > div {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 17px 19px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
}
.service-detail-strip i { color: var(--yellow); font-size: 1.1rem; }
.service-detail-strip span { color: var(--muted); font-size: .65rem; line-height: 1.55; }
.service-detail-strip b { display: block; margin-bottom: 3px; color: #fff; font-size: .7rem; }
.service-detail-strip a { color: var(--yellow); font-weight: 850; }

html, body { max-width: 100%; overflow-x: clip; }

@media (max-width: 520px) {
  .hero-grid { gap: 18px; padding-bottom: 28px; }
  .hero-copy h1 { font-size: clamp(2.35rem, 11vw, 3rem); }
  .hero-copy > p:not(.eyebrow) { font-size: .86rem; line-height: 1.55; }
  .hero-support-copy { margin-top: -3px; }
  .lead-booking-card button, .lead-booking-card input, .lead-booking-card select { min-height: 44px; }
  .lp-section { padding-block: 52px; }
  .service-cards article { min-height: 270px; padding-top: 140px; }
}

.sightseeing-strip {
  display: grid;
  grid-template-columns: minmax(240px,.7fr) minmax(0,1.3fr);
  gap: 30px;
  align-items: center;
  margin-top: 34px !important;
  padding-top: 28px !important;
  border-top: 1px solid rgba(255,255,255,.09) !important;
}

.locality-line {
  margin: 13px 0 0 !important;
  color: rgba(255,255,255,.58) !important;
  font-size: .62rem !important;
  line-height: 1.65;
}
.locality-line b { color: var(--yellow); }
.sightseeing-strip h3 { margin: 5px 0; font-size: 1.35rem; }
.sightseeing-strip p { margin: 0; color: var(--muted); font-size: .7rem; }
.sightseeing-cloud { display: flex; flex-wrap: wrap; gap: 7px; }
.sightseeing-cloud span {
  padding: 8px 10px;
  border: 1px solid rgba(255,196,0,.16);
  border-radius: 999px;
  background: rgba(7,10,12,.58);
  color: #d6dce0;
  font-size: .6rem;
}

.one-way-route-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 18px 0 20px;
}
.one-way-route-list b { flex: 0 0 100%; color: #fff; font-size: .7rem; }
.one-way-route-list span {
  padding: 7px 9px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  color: #b8c0c5;
  font-size: .59rem;
}

.landing-fleet { grid-template-columns: repeat(5, minmax(0,1fr)); }
.fleet-card,
.landing-fleet article { min-width: 0; }

.ride-customization {
  display: grid;
  grid-template-columns: minmax(220px,.55fr) minmax(0,1.45fr);
  gap: 30px;
  align-items: center;
  margin-top: 28px;
  padding: 27px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 20px;
  background: linear-gradient(120deg, rgba(255,196,0,.065), rgba(255,255,255,.025));
}
.ride-customization h3 { margin: 6px 0 0; font-size: 1.35rem; }
.ride-customization > div:last-child { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(255,255,255,.09); }
.ride-customization article { padding: 18px; background: #0b1014; }
.ride-customization article i { margin-bottom: 12px; color: var(--yellow); font-size: 1.1rem; }
.ride-customization article b { display: block; font-size: .68rem; }
.ride-customization article p { margin: 5px 0 0; color: var(--muted); font-size: .6rem; line-height: 1.55; }

.booking-steps ol { grid-template-columns: repeat(3, minmax(0,1fr)); row-gap: 18px; }
.booking-steps ol::before { display: none; }
.booking-steps li {
  min-height: 220px;
  border-top: 1px solid rgba(255,196,0,.22);
  background: linear-gradient(180deg, rgba(255,196,0,.035), transparent 70%);
}

@media (max-width: 1000px) {
  .landing-fleet { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .service-detail-strip,
  .sightseeing-strip,
  .ride-customization { grid-template-columns: 1fr; }
  .ride-customization > div:last-child { grid-template-columns: 1fr; }
  .landing-fleet { grid-template-columns: 1fr 1fr; }
  .booking-steps ol { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .service-detail-strip,
  .landing-fleet { grid-template-columns: 1fr; }
  .ride-customization { padding: 19px; }
}

/* Same-page traveller step */
.landing-traveler-step { padding-top: 4px; }
.traveler-back {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin: 0 0 14px;
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: #aeb7bd;
  font-size: .72rem;
  font-weight: 800;
}
.traveler-back:hover { color: var(--yellow); }
.landing-traveler-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, .65fr);
  gap: 16px;
}
.landing-traveler-form,
.landing-traveler-summary {
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.018));
  box-shadow: inset 0 1px rgba(255,255,255,.055);
}
.landing-traveler-form { padding: clamp(20px, 3vw, 32px); }
.traveler-form-intro > span,
.landing-traveler-summary > span {
  color: var(--yellow);
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.traveler-form-intro h3 { margin: 4px 0 5px; font-size: clamp(1.45rem, 3vw, 2.05rem); }
.traveler-form-intro p { margin: 0 0 20px; color: var(--muted); font-size: .72rem; }
.traveler-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}
.traveler-fields label { display: grid; gap: 6px; }
.traveler-fields label > span { color: #cbd1d5; font-size: .62rem; font-weight: 850; }
.traveler-fields input,
.traveler-fields select,
.traveler-fields textarea {
  width: 100%;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 10px;
  outline: 0;
  background: #090e12;
  color: #fff;
  resize: vertical;
}
.traveler-fields input:focus,
.traveler-fields select:focus,
.traveler-fields textarea:focus {
  border-color: rgba(255,196,0,.72);
  box-shadow: 0 0 0 3px rgba(255,196,0,.1);
}
.traveler-notes { grid-column: 1 / -1; }
.traveler-message { min-height: 20px; margin: 12px 0 5px; color: #ffca28; font-size: .7rem; }
.traveler-submit,
.landing-confirmation button {
  display: inline-flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  min-height: 46px;
  padding: 0 20px;
  border: 0;
  border-radius: 10px;
  background: var(--yellow);
  color: #080b0d;
  font-weight: 950;
  box-shadow: 0 12px 30px rgba(255,196,0,.14);
}
.traveler-submit:disabled { cursor: wait; opacity: .65; }
.landing-traveler-summary { align-self: start; padding: 24px; }
.landing-traveler-summary h3 { margin: 7px 0 20px; font-size: 1rem; line-height: 1.45; }
.landing-traveler-summary > div {
  display: grid;
  gap: 3px;
  padding: 14px 0;
  border-top: 1px solid rgba(255,255,255,.09);
}
.landing-traveler-summary small { color: #7e888f; font-size: .58rem; font-weight: 900; text-transform: uppercase; }
.landing-traveler-summary strong { font-size: 1rem; }
.landing-traveler-summary > div:nth-of-type(2) strong { color: var(--yellow); font-size: 1.6rem; }
.landing-traveler-summary p { margin: 15px 0 0; color: #aab3b9; font-size: .66rem; line-height: 1.6; }
.landing-traveler-summary p i { margin-right: 6px; color: var(--yellow); }
.landing-confirmation {
  max-width: 650px;
  margin: 25px auto;
  padding: clamp(32px, 6vw, 62px);
  border: 1px solid rgba(255,196,0,.28);
  border-radius: 22px;
  background: radial-gradient(circle at 50% 0, rgba(255,196,0,.12), transparent 55%), #0b1014;
  text-align: center;
}
.landing-confirmation > i { color: var(--yellow); font-size: 3.2rem; filter: drop-shadow(0 0 20px rgba(255,196,0,.28)); }
.landing-confirmation > span { display: block; margin-top: 14px; color: var(--yellow); font-size: .62rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.landing-confirmation h3 { margin: 7px auto; font-size: clamp(1.5rem, 3vw, 2.25rem); }
.landing-confirmation p { color: var(--muted); }

@media (max-width: 760px) {
  .landing-traveler-grid { grid-template-columns: 1fr; }
  .landing-traveler-summary { order: -1; width: 100%; }
}

@media (max-width: 520px) {
  .traveler-fields { grid-template-columns: 1fr; }
  .traveler-notes { grid-column: auto; }
  .landing-traveler-form,
  .landing-traveler-summary { border-radius: 14px; }
  .traveler-submit { width: 100%; }
}

/* Compact booking process */
.booking-steps {
  padding-block: clamp(54px, 6vw, 78px);
  background:
    radial-gradient(circle at 12% 15%, rgba(255,196,0,.07), transparent 26rem),
    #080a0c;
}
.booking-steps .section-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(280px,.55fr);
  gap: 40px;
  align-items: end;
  margin-bottom: 30px;
}
.booking-steps .section-head h2 {
  max-width: 680px;
  margin: 8px 0 0;
  font-size: clamp(2.2rem, 3.7vw, 4rem);
  line-height: .98;
}
.booking-steps .section-head > p {
  max-width: 430px;
  margin: 0 0 4px;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.7;
}
.booking-steps ol {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 10px;
  counter-reset: premium-step;
}
.booking-steps ol::before { display: none; }
.booking-steps li {
  counter-increment: premium-step;
  position: relative;
  display: block;
  min-height: 190px;
  padding: 22px 18px 18px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  background: linear-gradient(155deg,rgba(20,26,31,.96),rgba(9,13,16,.96));
  box-shadow: inset 0 1px rgba(255,255,255,.045);
  text-align: left;
}
.booking-steps li::before {
  content: "0" counter(premium-step);
  position: static;
  display: inline-flex;
  width: auto;
  height: auto;
  margin: 0 0 24px;
  border: 0;
  border-radius: 0;
  color: var(--yellow);
  background: transparent;
  box-shadow: none;
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .12em;
}
.booking-steps li::after {
  content: "\f061";
  position: absolute;
  top: 22px;
  right: 16px;
  color: rgba(255,196,0,.38);
  font: 900 10px/1 "Font Awesome 6 Free";
}
.booking-steps li:last-child::after { content: "\f00c"; color: var(--yellow); }
.booking-steps li > b { display: none; }
.booking-steps li > i {
  display: grid;
  width: 50px;
  height: 50px;
  margin: 0 0 18px;
  place-items: center;
  border: 1px solid rgba(255,196,0,.2);
  border-radius: 13px;
  color: var(--yellow);
  background: linear-gradient(145deg,rgba(255,196,0,.16),rgba(255,196,0,.065));
  box-shadow: inset 0 1px rgba(255,255,255,.07),0 10px 25px rgba(0,0,0,.18);
  font-size: 1.28rem;
}
.booking-steps li span { display: block; max-width: none; }
.booking-steps li h3 { margin: 0 0 6px; font-size: .82rem; line-height: 1.3; }
.booking-steps li p { margin: 0; color: var(--muted); font-size: .63rem; line-height: 1.55; }
.booking-steps li:hover {
  transform: translateY(-3px);
  border-color: rgba(255,196,0,.28);
  background: linear-gradient(155deg,rgba(25,31,36,.98),rgba(10,14,17,.98));
}
.booking-steps li:hover::before { color: var(--yellow); background: transparent; box-shadow: none; }

@media (max-width: 1100px) {
  .booking-steps ol { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .booking-steps li { min-height: 175px; }
}
@media (max-width: 720px) {
  .booking-steps .section-head { display: block; margin-bottom: 24px; }
  .booking-steps .section-head > p { margin-top: 14px; }
  .booking-steps ol { grid-template-columns: 1fr; gap: 8px; }
  .booking-steps li {
    min-height: 0;
    padding: 16px 44px 16px 62px;
  }
  .booking-steps li::before { margin: 0 0 6px; }
  .booking-steps li > i {
    position: absolute;
    top: 18px;
    left: 16px;
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 10px;
    font-size: 1rem;
  }
}