:root{--bg:#f7f4ec;--surface:#fffdf8;--surface2:#efeadf;--surface3:#e5ddcf;--ink:#211a3c;--text:#3f3a4d;--muted:#756f7f;--line:#ded5c8;--indigo:#332666;--indigo2:#4b3d83;--lime:#b8e64b;--lime2:#dff59a;--amber:#f3a712;--sand:#e9d5aa;--green:#25d366;--shadow:0 20px 55px rgba(51,38,102,.11);--radius:24px;--container:1180px}
html[data-theme=dark]{--bg:#171426;--surface:#211d34;--surface2:#2b2640;--surface3:#342e48;--ink:#fffaf0;--text:#eee8f6;--muted:#b5aec2;--line:#3e3755;--sand:#5a4d31;--shadow:0 22px 60px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Trebuchet MS",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(var(--container),calc(100% - 42px));margin:auto}.muted{color:var(--muted)}.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:0 0 auto}.kicker{display:inline-block;color:var(--indigo2);font-size:11px;letter-spacing:1.9px;font-weight:900}.text-link{color:var(--indigo2);font-weight:900}.full{width:100%}
.utility{background:#1d173f;color:#eee9ff;font-size:12px;border-bottom:1px solid rgba(255,255,255,.1)}.utility-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}.utility-left,.utility-right{display:flex;align-items:center;gap:13px}.utility-right a{display:flex;align-items:center;gap:6px}.utility-badge{background:var(--lime);color:#241b55;padding:3px 8px;border-radius:4px;font-size:9px;font-weight:1000;letter-spacing:1.1px}
.site-header{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.main-nav{min-height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark,.brand-mark img{width:50px;height:50px;display:block}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:Georgia,serif;font-size:20px;letter-spacing:-.8px;color:var(--ink)}.brand-copy strong span{color:var(--indigo2);margin-left:2px}.brand-copy small{font-size:8px;letter-spacing:1.6px;color:var(--muted);font-weight:900;margin-top:6px}.primary-links{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:13px;font-weight:900}.primary-links a{padding:8px 0;border-bottom:2px solid transparent}.primary-links a:hover{color:var(--indigo2);border-color:var(--lime)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.menu-toggle,.round-action{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}.round-action.whatsapp{background:var(--green);border-color:var(--green);color:#08311b}.menu-toggle{display:none;font-size:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 21px;border-radius:12px;border:1px solid transparent;font-size:13px;font-weight:1000;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(51,38,102,.12)}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:hover{background:#271d54}.btn-dark{background:#211a3c;color:#fff}.btn-outline{background:transparent;border-color:var(--line);color:var(--ink)}.btn-whatsapp{background:var(--green);color:#073018}.btn-lime{background:var(--lime);color:#231b48}.btn-small{min-height:42px;padding:0 16px;font-size:12px}
.hero{position:relative;overflow:hidden}.canal-hero{padding:74px 0 68px;background:linear-gradient(135deg,#f8f3e7 0%,#fffdf7 52%,#ece7fa 100%);border-bottom:1px solid var(--line)}html[data-theme=dark] .canal-hero{background:linear-gradient(135deg,#19152a,#221d38 54%,#29223f)}.canal-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(184,230,75,.08) 48% 49%,transparent 49% 100%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:58px;align-items:center}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:15px 0 22px;color:var(--ink);max-width:760px}.hero h1 span{color:var(--indigo2);position:relative}.hero h1 span:after{content:"";position:absolute;left:2px;right:0;bottom:-5px;height:6px;background:var(--lime);z-index:-1}.lead{font-size:17px;color:var(--muted);max-width:690px}.hero-actions,.form-actions,.cta-buttons,.coverage-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-contact{display:flex;gap:22px;flex-wrap:wrap;margin-top:21px;font-size:12px;font-weight:900}.hero-contact a{display:flex;gap:7px;align-items:center}.route-board{background:#211a3c;color:#fff;border-radius:38px 10px 38px 10px;padding:18px;box-shadow:0 32px 70px rgba(33,26,60,.24);transform:rotate(1.2deg);border:1px solid rgba(255,255,255,.09)}.board-top,.board-stats{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-top{font-size:10px;letter-spacing:1.5px;padding:3px 4px 14px;color:#cfc9df}.board-top b{background:var(--lime);color:#231b48;padding:5px 8px;border-radius:5px;font-size:9px}.route-map{height:320px;background:#15102e;border-radius:27px 7px 27px 7px;position:relative;overflow:hidden;border:1px solid #3d335f}.route-map:before,.route-map:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}.route-stroke{position:absolute;border:4px solid transparent;border-radius:50%;z-index:2}.route-a{width:330px;height:180px;border-top-color:#b8e64b;border-right-color:#b8e64b;left:-35px;top:78px;transform:rotate(-9deg)}.route-b{width:260px;height:240px;border-left-color:#f3a712;border-bottom-color:#f3a712;right:-45px;top:22px;transform:rotate(15deg)}.route-c{width:230px;height:120px;border-bottom-color:#7d69c3;left:125px;bottom:15px;transform:rotate(-22deg)}.route-label{position:absolute;z-index:4;font-size:9px;font-weight:900;color:#d8d1ed;background:#211a3c;padding:5px 8px;border-radius:7px;border:1px solid #4b4169}.l1{left:38px;top:72px}.l2{right:35px;top:52px}.l3{left:95px;bottom:42px}.l4{right:35px;bottom:85px}.car-dot{position:absolute;z-index:5;left:55%;top:45%;width:54px;height:54px;border-radius:50%;background:rgba(184,230,75,.16);display:grid;place-items:center;box-shadow:0 0 0 18px rgba(184,230,75,.06)}.car-dot span{width:18px;height:18px;border-radius:5px;background:var(--lime);box-shadow:0 0 0 5px #fff}.board-stats{padding:16px 5px 2px}.board-stats div{display:flex;flex-direction:column}.board-stats small{font-size:8px;color:#8e86a8;letter-spacing:1px}.board-stats strong{font-size:11px;margin-top:3px}
.route-strip{background:var(--indigo);color:#fff}.route-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.route-strip-grid a{padding:20px 18px;border-right:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.route-strip-grid span{grid-row:span 2;color:var(--lime);font-family:Georgia,serif;font-size:22px}.route-strip-grid b{font-size:13px}.route-strip-grid small{font-size:10px;color:#c7c1da}.route-strip-grid a:hover{background:#281f56}
.section{padding:82px 0}.section-soft{background:var(--surface2)}.section-indigo{background:var(--indigo);color:#fff}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head h2,.editorial-grid h2,.area-copy h2,.faq-intro h2{font-family:Georgia,serif;color:var(--ink);font-size:42px;line-height:1.05;letter-spacing:-1.5px;margin:9px 0}.section-head p{max-width:720px;margin:8px 0 0;color:var(--muted)}.editorial-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:start}.editorial-copy p{font-size:16px}.usecase-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.usecase-list article{background:var(--surface);border:1px solid var(--line);border-radius:8px 28px 8px 28px;padding:26px}.usecase-list span{font-size:9px;letter-spacing:1.5px;color:var(--indigo2);font-weight:1000}.usecase-list h3{font-family:Georgia,serif;color:var(--ink);font-size:22px;margin:9px 0}.usecase-list p{color:var(--muted);font-size:13px;margin:0}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{position:relative;background:var(--surface);border:1px solid var(--line);padding:28px;border-radius:8px 28px 8px 28px;box-shadow:0 12px 30px rgba(33,26,60,.04)}.price-card.featured{border:2px solid var(--indigo2);transform:translateY(-8px);box-shadow:var(--shadow)}.package-num,.price-index{font-family:Georgia,serif;font-size:28px;color:var(--sand);font-weight:700}.price-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-label h3{font-family:Georgia,serif;font-size:26px;margin:6px 0;color:var(--ink)}.badge{background:var(--lime);color:#231b48;padding:5px 8px;border-radius:5px;font-size:8px;font-weight:1000;letter-spacing:.7px}.price-card>p{font-size:12px;color:var(--muted);min-height:40px}.price{font-family:Georgia,serif;font-size:42px;color:var(--ink);line-height:1;margin:22px 0 7px}.price small{font-family:"Trebuchet MS",sans-serif;font-size:9px;letter-spacing:1px;margin-right:5px;color:var(--muted)}.amf{font-size:11px;color:var(--indigo2);font-weight:900;border-top:1px solid var(--line);padding-top:11px}.price-card ul{padding:0;list-style:none;margin:20px 0}.price-card li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:12px}.price-card li:before{content:"✓";color:var(--indigo2);font-weight:1000;margin-right:8px}
.area-showcase{display:grid;grid-template-columns:.72fr 1.28fr;gap:46px;align-items:start}.area-copy p{color:var(--muted);margin-bottom:24px}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.area-grid div{background:var(--surface);border:1px solid var(--line);padding:13px 14px;border-radius:9px;display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:900}.area-grid b{color:var(--indigo2)}.feature-areas div:nth-child(3n+2){transform:translateY(7px)}
.feature-ledger{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px}.feature-ledger .kicker{color:var(--lime)}.feature-ledger h2{font-family:Georgia,serif;font-size:44px;line-height:1.04;margin:12px 0;color:#fff}.feature-ledger-head p{color:#c9c3db;max-width:470px}.feature-rows{border-top:1px solid rgba(255,255,255,.18)}.feature-rows article{display:grid;grid-template-columns:60px 1fr auto;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13)}.feature-rows b{color:var(--lime);font-family:Georgia,serif}.feature-rows h3{font-size:14px;margin:0}.feature-rows span{font-size:10px;color:#a9a1c0;text-align:right}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:10px 24px 10px 24px;padding:22px}.feature-icon{width:38px;height:38px;border-radius:9px;background:var(--surface2);color:var(--indigo2);display:grid;place-items:center;font-size:10px;font-weight:1000}.feature-card h3{font-size:17px;color:var(--ink);margin:14px 0 8px}.feature-card p{font-size:12px;color:var(--muted);margin:0}
.service-pair,.dual-service{display:grid;grid-template-columns:1fr 1fr;gap:17px}.service-pair article,.service-panel{padding:40px;border-radius:38px 8px 38px 8px;min-height:340px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.service-pair h2,.service-panel h2{font-family:Georgia,serif;font-size:38px;line-height:1.04;margin:10px 0}.bike-panel{background:linear-gradient(135deg,#eef8d5,#fffdf7);color:#2a2840;border:1px solid #dceab5}.fleet-panel{background:linear-gradient(135deg,#362a6b,#211a3c);color:#fff}.fleet-panel .kicker{color:var(--lime)}.fleet-panel p{color:#cec7e0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{background:var(--surface);border:1px solid var(--line);border-radius:8px 25px 8px 25px;padding:25px}.lahore-steps .step:nth-child(2),.lahore-steps .step:nth-child(4){margin-top:20px}.step b{width:40px;height:40px;border-radius:10px;background:var(--lime2);color:var(--indigo);display:grid;place-items:center;font-family:Georgia,serif}.step h3{color:var(--ink);font-size:18px;margin:14px 0 6px}.step p{font-size:13px;color:var(--muted);margin:0}
.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.city-grid a{background:var(--surface);border:1px solid var(--line);padding:15px 17px;border-radius:10px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:900}.city-grid a:hover{border-color:var(--indigo2);color:var(--indigo2);transform:translateX(2px)}.city-grid a b{margin-left:auto}.city-grid .ui-icon{color:var(--amber)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:58px;align-items:start}.faq-intro p{color:var(--muted)}.accordion details{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}.accordion summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:900;color:var(--ink);display:flex;justify-content:space-between;gap:20px}.accordion summary::-webkit-details-marker{display:none}.accordion details p{margin:0;padding:0 20px 20px;color:var(--muted);font-size:14px}.accordion summary span{color:var(--indigo2);font-size:18px}
.page-hero{padding:66px 0;background:linear-gradient(120deg,#211a3c,#3c2f76);color:#fff;border-bottom:6px solid var(--lime)}.page-hero h1{font-family:Georgia,serif;font-size:clamp(40px,5vw,62px);line-height:1.02;letter-spacing:-2px;margin:12px 0}.page-hero p{max-width:780px;color:#d8d1e7;font-size:16px}.page-hero .kicker{color:var(--lime)}.content-narrow{max-width:880px}.content-narrow h2,.content-narrow h3{font-family:Georgia,serif;color:var(--ink)}.content-narrow h2{font-size:32px}.content-narrow a{color:var(--indigo2);font-weight:900}.comparison-wrap{margin-top:45px}.comparison-wrap h2{font-family:Georgia,serif;font-size:34px;color:var(--ink)}.comparison{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:10px 25px 10px 25px;overflow:hidden}.comparison th,.comparison td{padding:14px 15px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.comparison th{background:var(--indigo);color:#fff}.comparison tr:last-child td{border-bottom:0}.seo-block{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.seo-block article{background:var(--surface);border:1px solid var(--line);border-radius:9px 24px 9px 24px;padding:24px}.seo-block h3{font-family:Georgia,serif;margin-top:0;color:var(--ink)}.seo-block p{color:var(--muted);margin-bottom:0}.info-box{margin-top:24px;background:color-mix(in srgb,var(--lime) 14%,var(--surface));border-left:4px solid var(--indigo2);border-radius:0 18px 18px 0;padding:22px}.info-box h3{margin:0 0 6px;color:var(--ink)}.info-box p{margin:0;color:var(--muted)}.city-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:start}.city-intro>div:first-child p{color:var(--muted)}.local-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.local-fact{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:8px 22px 8px 22px}.local-fact b{display:block;color:var(--ink);margin-bottom:6px}.local-fact span{display:block;color:var(--muted);font-size:13px}.booking-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:20px}.form-card,.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:10px 28px 10px 28px;padding:28px}.form-card h2,.contact-card h3{font-family:Georgia,serif;color:var(--ink);margin-top:0}.contact-card{display:flex;flex-direction:column;gap:12px}.contact-card a{display:flex;align-items:center;gap:8px;font-weight:900}.tracker-form label{font-size:12px;font-weight:900;color:var(--text);display:block}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tracker-form input,.tracker-form select,.tracker-form textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);padding:13px;font:inherit}.tracker-form textarea{resize:vertical}.not-found{padding:110px 0;text-align:center}.not-found>b{font-family:Georgia,serif;font-size:90px;color:var(--indigo2);line-height:1}.not-found h1{font-family:Georgia,serif;font-size:42px;color:var(--ink)}
.final-cta{background:var(--lime);color:#241b55;padding:54px 0}.final-grid{display:flex;align-items:center;justify-content:space-between;gap:35px}.final-grid h2{font-family:Georgia,serif;font-size:37px;line-height:1.05;margin:8px 0}.final-grid p{margin:0;color:#4e456a}.final-cta .kicker{color:#241b55}.footer{background:#17122f;color:#bcb4d0;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr .8fr;gap:35px}.footer .brand-copy strong{color:#fff}.footer .brand-copy strong span{color:var(--lime)}.footer .brand-copy small{color:#948aae}.footer p{font-size:13px}.footer-col{display:flex;flex-direction:column;gap:9px}.footer-col h4{color:#fff;margin:0 0 8px}.footer-col a{font-size:12px}.footer-col a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #332a55;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px}.float-wa,.float-call{position:fixed;right:20px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;z-index:95;box-shadow:0 13px 30px rgba(0,0,0,.18)}.float-wa{bottom:78px;background:var(--green);color:#073018}.float-call{bottom:20px;background:var(--indigo2);color:#fff}
@media(max-width:1020px){.primary-links{position:absolute;top:82px;left:20px;right:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:18px;display:none;flex-direction:column;align-items:stretch}.main-nav.open .primary-links{display:flex}.menu-toggle{display:grid;margin-left:auto}.hero-grid,.editorial-grid,.area-showcase,.feature-ledger,.faq-layout,.booking-grid,.city-intro{grid-template-columns:1fr}.price-grid,.usecase-list{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.route-strip-grid{grid-template-columns:repeat(2,1fr)}.service-pair,.dual-service{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:span 3}.city-grid{grid-template-columns:repeat(2,1fr)}.area-grid{grid-template-columns:repeat(2,1fr)}.feature-areas div:nth-child(3n+2){transform:none}}
@media(max-width:700px){.container{width:min(var(--container),calc(100% - 28px))}.utility-left>span:last-child,.utility-right a[href^=mailto]{display:none}.utility-inner{justify-content:space-between}.main-nav{min-height:72px}.brand-mark,.brand-mark img{width:43px;height:43px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:7px}.book-head{display:none}.canal-hero{padding:50px 0}.hero h1{font-size:45px;letter-spacing:-2px}.route-board{transform:none}.route-map{height:260px}.hero-actions,.form-actions,.cta-buttons,.coverage-actions{flex-direction:column;align-items:stretch}.hero-actions .btn,.form-actions .btn,.cta-buttons .btn{width:100%}.route-strip-grid{grid-template-columns:1fr 1fr}.route-strip-grid a{padding:16px 12px}.section{padding:62px 0}.section-head{align-items:flex-start;flex-direction:column}.section-head h2,.editorial-grid h2,.area-copy h2,.faq-intro h2{font-size:35px}.price-grid,.usecase-list,.feature-grid,.steps,.city-grid,.seo-block,.form-grid,.area-grid,.local-facts,.footer-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.lahore-steps .step:nth-child(2),.lahore-steps .step:nth-child(4){margin-top:0}.service-pair article,.service-panel{padding:28px;min-height:290px}.service-pair h2,.service-panel h2{font-size:33px}.feature-rows article{grid-template-columns:42px 1fr}.feature-rows span{display:none}.comparison-wrap{overflow:auto}.comparison{min-width:720px}.final-grid{flex-direction:column;align-items:flex-start}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.page-hero{padding:48px 0}.page-hero h1{font-size:42px}.float-wa,.float-call{right:14px}}
