:root{--green:#00897b;--green-dark:#004d40;--green-light:#e0f2f1;--text:#1e293b;--sub:#64748b;--bg:#f8fafc;--white:#fff;--border:#e2e8f0;--shadow:0 8px 30px #00000014;--r:12px}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{color:var(--text);background:var(--white);font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Montserrat,sans-serif}.urdu{font-family:Noto Nastaliq Urdu,serif}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:9999;background:#fffffff7;justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 5%;display:flex;position:fixed;top:0}.nav-logo{color:var(--green-dark);align-items:center;gap:8px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--text);font-size:.92rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--green)}.nav-cta{background:var(--green);color:#fff;border-radius:50px;padding:9px 22px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-cta:hover{background:var(--green-dark);transform:translateY(-1px)}.hero{text-align:center;color:#fff;background:linear-gradient(#001e329e,#001e329e),url(https://i.dawn.com/large/2025/09/2117450145c46c7.webp) 50%/cover fixed;flex-direction:column;justify-content:center;align-items:center;height:92vh;min-height:580px;margin-top:68px;padding:20px;display:flex}.hero h1{margin-bottom:18px;font-size:3.4rem;font-weight:800;line-height:1.1}.hero p{opacity:.9;max-width:580px;margin-bottom:38px;font-size:1.1rem;line-height:1.7}.hero-btn{background:var(--green);color:#fff;border-radius:50px;align-items:center;gap:10px;padding:15px 42px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 24px #00897b66}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px #00897b73}.hero-stats{gap:50px;margin-top:48px;display:flex}.hero-stat{text-align:center}.hero-stat-num{font-size:2rem;font-weight:800}.hero-stat-label{opacity:.8;margin-top:3px;font-size:.82rem}.section{padding:80px 5%}.section-alt{background:var(--bg)}.container{max-width:1200px;margin:0 auto}.section-head{text-align:center;margin-bottom:56px}.section-head h2{color:var(--green-dark);margin-bottom:10px;font-size:2.4rem}.section-head p{color:var(--sub);font-size:1rem}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-text h3{margin-bottom:18px;font-size:1.75rem}.about-text p{color:var(--sub);margin-bottom:16px;line-height:1.8}.about-img img{border-radius:var(--r);width:100%;box-shadow:var(--shadow)}.widget-wrap{background:var(--white);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #0000001a}.tracker-layout{height:860px;display:flex}.t-sidebar{border-right:1px solid var(--border);background:#f1f5f9;flex-shrink:0;width:260px;padding:20px;overflow-y:auto}.t-brand{color:var(--green-dark);align-items:center;gap:8px;margin-bottom:24px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;display:flex}.route-btn{background:var(--white);border:1.5px solid var(--border);text-align:left;cursor:pointer;width:100%;color:var(--text);border-radius:9px;margin-bottom:8px;padding:13px 14px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.route-btn:hover{border-color:var(--green);color:var(--green);background:#f0fdf4}.route-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.route-btn small{opacity:.75;margin-top:2px;font-size:.75rem;font-weight:400;display:block}.t-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.t-status{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;align-items:center;gap:24px;padding:22px 28px;display:flex}.t-status-left{flex:1}.t-status-label{text-transform:uppercase;letter-spacing:1px;opacity:.85;margin-bottom:4px;font-size:.75rem}.t-status-time{font-family:Montserrat,sans-serif;font-size:2.2rem;font-weight:800;line-height:1}.t-status-sub{opacity:.8;margin-top:4px;font-size:.78rem}.upcoming-box{background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;min-width:240px;padding:14px 20px}.upcoming-title{text-transform:uppercase;letter-spacing:1px;opacity:.85;margin-bottom:8px;font-size:.7rem}.upcoming-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.upcoming-item{text-align:center;background:#0003;border-radius:6px;padding:6px 10px}.upcoming-item-label{opacity:.8;margin-bottom:2px;font-size:.65rem}.upcoming-item-time{font-size:.88rem;font-weight:700}.t-body{flex:1;grid-template-columns:300px 1fr;display:grid;overflow:hidden}.stop-list{border-right:1px solid var(--border);overflow-y:auto}.stop-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:14px 18px;transition:all .15s;display:flex}.stop-item:hover{background:#f8fafc}.stop-item.active{border-left:3px solid var(--green);background:#e0f2f1}.stop-num{width:26px;height:26px;color:var(--sub);background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:all .15s;display:flex}.stop-item.active .stop-num{background:var(--green);color:#fff}.stop-info{flex:1;min-width:0}.stop-name-urdu{font-family:Noto Nastaliq Urdu,serif;font-size:.95rem;line-height:1.3;display:block}.stop-name-eng{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.72rem;overflow:hidden}.stop-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:.7rem;font-weight:700}.badge-soon{color:#166534;background:#dcfce7}.badge-ended{color:#94a3b8;background:#f1f5f9}.badge-arriving{color:#fff;background:#f59e0b;animation:1.2s infinite pulse}.t-details{padding:0;overflow-y:auto}.detail-header{background:linear-gradient(to right,var(--green-light),#fff);border-bottom:1px solid var(--border);text-align:center;padding:24px 28px}.detail-urdu{color:var(--green-dark);font-family:Noto Nastaliq Urdu,serif;font-size:1.9rem;font-weight:700}.detail-eng{text-transform:uppercase;letter-spacing:1.5px;color:var(--sub);margin-top:4px;font-size:.8rem}.detail-cards{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:14px;padding:20px 24px;display:grid}.detail-card{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px}.detail-card-label{text-transform:uppercase;letter-spacing:.8px;color:var(--sub);margin-bottom:8px;font-size:.72rem}.detail-card-time{color:var(--green);font-family:Montserrat,sans-serif;font-size:1.45rem;font-weight:800}.detail-card-direction{color:var(--sub);margin-top:4px;font-size:.78rem}.tbl-wrap{padding:20px 24px;overflow-x:auto}.tbl-wrap h5{text-transform:uppercase;letter-spacing:.8px;color:var(--sub);margin-bottom:14px;font-size:.85rem}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--sub);border-bottom:2px solid var(--border);background:var(--bg);padding:11px 14px;font-size:.8rem}td{border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:.88rem}tr.next-row td{color:var(--green);font-weight:700}.no-stop{text-align:center;color:var(--sub);padding:40px;font-style:italic}.full-schedule{border-top:1px solid var(--border);background:#fff;padding:20px 24px}.full-schedule h5{text-transform:uppercase;letter-spacing:.8px;color:var(--sub);margin-bottom:14px;font-size:.85rem}.full-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.full-panel{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.full-panel-title{border-bottom:1px solid var(--border);color:var(--green-dark);background:#fff;padding:12px 14px;font-size:.78rem;font-weight:700}.time-list{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;max-height:230px;padding:12px;display:grid;overflow-y:auto}.time-chip{border:1px solid var(--border);text-align:center;color:var(--text);background:#fff;border-radius:8px;padding:8px 6px;font-size:.8rem;font-weight:600}.time-chip.next{background:var(--green);border-color:var(--green);color:#fff}.empty-times{color:var(--sub);padding:14px;font-size:.82rem}.mobile-tabs{border-bottom:1px solid var(--border);background:#fff;gap:8px;padding:14px;display:none;overflow-x:auto}.mob-tab{color:var(--sub);cursor:pointer;white-space:nowrap;background:#f1f5f9;border:none;border-radius:20px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600}.mob-tab.active{background:var(--green);color:#fff}.features-grid{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.feat{text-align:center;border:1px solid var(--border);background:var(--white);border-radius:14px;padding:32px 24px;transition:all .2s}.feat:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.feat-icon{background:var(--green-light);width:60px;height:60px;color:var(--green);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:1.5rem;display:flex}.feat h4{margin-bottom:10px;font-size:1.05rem}.feat p{color:var(--sub);font-size:.9rem;line-height:1.6}footer{color:#cbd5e1;text-align:center;background:#0f172a;padding:60px 5% 28px}.footer-logo{color:#fff;margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:800}.footer-links{flex-wrap:wrap;justify-content:center;gap:28px;margin-bottom:36px;display:flex}.footer-links a{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:all .2s}.footer-links a:hover{color:#fff}.footer-copy{color:#475569;border-top:1px solid #1e293b;margin-top:24px;padding-top:24px;font-size:.85rem}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.contact-info h3{margin-bottom:18px;font-size:1.5rem}.contact-info p{color:var(--sub);margin-bottom:20px;line-height:1.8}.contact-item{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.contact-icon{background:var(--green-light);width:42px;height:42px;color:var(--green);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-text strong{margin-bottom:3px;font-size:.9rem;display:block}.contact-text span{color:var(--sub);font-size:.88rem}.contact-form{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:32px}.form-group{margin-bottom:18px}.form-group label{color:var(--text);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--white);border-radius:8px;outline:none;padding:11px 14px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--green)}.form-group textarea{resize:vertical;min-height:120px}.form-btn{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:13px;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s}.form-btn:hover{background:var(--green-dark)}.install-btn{z-index:9998;background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:12px 18px;font-weight:700;display:none;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 28px #004d4047}.install-btn.show{align-items:center;gap:8px;display:inline-flex}.traveller-note{border:1px solid var(--border);border-left:4px solid var(--green);color:var(--text);text-align:right;direction:rtl;background:#fff;border-radius:10px;margin-top:18px;padding:16px 18px;font-family:Noto Nastaliq Urdu,serif;font-size:1.02rem;line-height:2;box-shadow:0 8px 22px #0000000a}.traveller-note i{color:var(--green);margin-left:8px}@keyframes pulse{0%{opacity:1}50%{opacity:.65}to{opacity:1}}@media (width<=1024px){.tracker-layout{flex-direction:column;height:auto}.t-sidebar{display:none}.mobile-tabs{display:flex}.t-body{flex-direction:column;grid-template-columns:1fr;display:flex}.stop-list{max-height:320px}.features-grid,.about-grid,.contact-grid{grid-template-columns:1fr}}@media (width<=768px){.hero h1{font-size:2.2rem}.hero-stats{gap:30px}.nav-links,.nav-cta{display:none}.t-status{flex-direction:column;align-items:flex-start;gap:14px}.upcoming-box{width:100%}.upcoming-grid{grid-template-columns:repeat(4,1fr)}.detail-cards,.full-grid{grid-template-columns:1fr}.time-list{grid-template-columns:repeat(3,1fr);max-height:none}.install-btn{justify-content:center;left:16px;right:16px}}@media (width<=480px){.section{padding:56px 16px}.nav{padding:0 16px}.nav-logo{font-size:1rem}.hero h1{font-size:2rem}.hero p{font-size:.98rem}.hero-stats{gap:22px}.t-status{padding:18px}.t-status-time{font-size:1.85rem}.upcoming-grid{grid-template-columns:repeat(2,1fr)}.stop-item{padding:12px}.detail-header{padding:20px 16px}.detail-urdu{font-size:1.55rem}.detail-cards,.tbl-wrap,.full-schedule{padding:16px}.time-list{grid-template-columns:repeat(2,1fr)}th,td{padding:10px}}