/* GetMyGaadi Velocity v3 — conversion-first visual experience, 2026-10-20 */
:root{--forest:#113a32;--ink:#172b27;--paper:#f9faf5;--soft:#f2f6ed;--lime:#d9fb72;--line:#e3e8df;--shadow:0 16px 46px #122e2110}
html{scroll-padding-top:76px}body{background:var(--paper);color:var(--ink);font-family:Manrope,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55}
h1,h2,h3{font-family:Manrope,"Segoe UI",Arial,sans-serif}
.top{height:76px;background:#fffdfa;max-width:none;border-color:#e7e9e2;padding:0 max(22px,calc((100% - 1200px)/2));gap:16px;box-shadow:none}
.top .brand{font-size:27px;letter-spacing:-1.45px;color:#153a31}
.top .brand span{color:#457f54}
.top nav{display:flex;gap:28px;margin-left:auto}
.top nav a{color:#304c40;font-size:13px;font-weight:800;white-space:nowrap}
.top nav a:hover{color:#0a6a4b}
.top .language-trigger{height:43px;min-width:90px;border-radius:12px;border:1px solid #e0e9de;color:#335347;background:#fff;font-size:12px;padding:0 10px}
.top #signin.navbtn{display:inline-flex;align-items:center;justify-content:center;background:#123e34!important;color:#fff!important;border:2px solid #123e34!important;opacity:1!important;font-size:13px!important;min-width:86px;min-height:43px;padding:9px 16px;border-radius:12px!important;text-shadow:none!important;box-shadow:none!important;font-weight:800}
.top #signin.navbtn:hover{background:#235c46!important}
main{overflow:clip}
.hero{background:#0b2e29!important;color:#fff;max-width:none!important;width:100%!important;display:block!important;margin:0!important;padding:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important}
.hero-inner{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:45px;align-items:center;padding:48px 24px 52px}
.hero .hero-copy{padding:0!important;color:white!important;width:auto!important;min-width:0;max-width:none;display:block}
.hero-kicker{display:flex!important;align-items:center;gap:8px;font-size:10px!important;font-weight:800!important;letter-spacing:.13em!important;color:#bcdfc2!important;margin:0 0 19px!important;line-height:1.6!important}
.pulse-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#daff70;box-shadow:0 0 0 5px #d7ff6d22}
.hero h1{color:#fff!important;font-family:Manrope,"Segoe UI",sans-serif!important;font-size:clamp(42px,4.25vw,62px)!important;line-height:1.08!important;letter-spacing:-.06em!important;font-weight:800!important;margin:0 0 17px!important;max-width:660px!important}
.hero h1 em{color:#d5fc83!important;font-style:normal!important;display:inline-block!important;white-space:normal}
.hero .hero-subtitle{color:#d1e1da!important;line-height:1.65!important;font-size:15px!important;letter-spacing:-.01em;margin:0 0 24px!important;max-width:540px}
.hero-search-panel{background:#fff;box-shadow:0 17px 36px #00000016;color:#1e382e;border-radius:19px;padding:17px 18px 13px;max-width:560px}
.hero-search-head{display:flex;gap:10px;align-items:baseline;justify-content:space-between;margin-bottom:10px}
.hero-search-head strong{font-size:16px;font-weight:800;color:#1c3b30}
.hero-search-head>span{font-size:10px;color:#7e9185;font-weight:700}
.hero .searchbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.92fr) auto!important;gap:9px!important;align-items:end!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important}
.hero .searchbar label{display:grid!important;min-width:0;margin:0!important;gap:5px!important;font-size:10px!important;letter-spacing:.035em;text-transform:uppercase;font-weight:800;color:#456153!important}
.hero .searchbar label input,.hero .searchbar label select{border:1px solid #dde8df!important;background:#f8faf6!important;color:#203c30!important;min-height:46px!important;height:46px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;padding:9px 11px!important;box-shadow:none!important}
.hero .searchbar label input::placeholder{color:#91a396;opacity:1}
.hero .searchbar button.primary{grid-column:auto!important;min-height:46px!important;height:46px!important;padding:9px 14px!important;background:#d8fb78!important;color:#173e27!important;border:0!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap!important;box-shadow:none!important;font-weight:900}
.hero .searchbar button.primary:hover{background:#c8ed62!important}
.search-disclaimer{font-size:10px;color:#78917f;margin:10px 0 0;line-height:1.4}
.hero-quick{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:16px;color:#aac5b4;font-size:12px;font-weight:600}
.hero-quick a{color:#defc8d;font-weight:900;text-underline-offset:4px;text-decoration-thickness:1px}
.hero .hero-media{position:relative;width:100%!important;min-height:0!important;height:505px!important;aspect-ratio:auto!important;margin:0!important;align-self:center!important}
.hero .hero-media>img{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;filter:saturate(1.12) contrast(1.04)!important;border-radius:22px!important;box-shadow:none!important}
.hero-photo-label{position:absolute;right:21px;bottom:20px;display:flex;align-items:center;gap:10px;color:#1e3a2c;background:#fffdf7ed;border:1px solid #fff9;border-radius:14px;padding:12px 17px;box-shadow:0 12px 24px #0003;line-height:1.35;font-size:12px;font-weight:700}
.photo-spark{display:grid;place-items:center;width:34px;height:34px;flex:none;background:#ddf88e;color:#30592f;border-radius:9px;font-size:20px}
.hero-photo-label strong{display:block;font-size:15px;white-space:nowrap}
.host-teaser{max-width:1184px;min-height:148px;margin:25px auto 26px;padding:25px 31px;background:#d8f78a;border:1px solid #cbe97e;border-radius:23px;display:flex;gap:23px;align-items:center;box-shadow:0 12px 30px #1d442018}
.host-teaser-icon{flex:0 0 78px;height:78px;width:78px;display:grid;place-items:center;background:#163d31;border-radius:20px;transform:rotate(-5deg);color:#dcff7a}
.host-teaser-icon span{font-size:43px;line-height:1;transform:rotate(5deg)}
.host-teaser-copy{min-width:0;flex:1}
.host-overline{font-size:10px;font-weight:900;letter-spacing:.15em;color:#3d6d3d}
.host-teaser h2{font-family:Manrope,"Segoe UI",sans-serif!important;font-size:clamp(19px,2.2vw,27px)!important;line-height:1.24!important;margin:4px 0!important;letter-spacing:-.045em;font-weight:800!important;color:#193b29!important}
.host-teaser p{margin:5px 0 0;font-size:12px;color:#426247;font-weight:650}
.host-teaser-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 21px;white-space:nowrap;border-radius:13px;background:#123f32;color:#fff;text-decoration:none;font-weight:900;font-size:13px;min-height:50px}
.host-teaser-cta:hover{background:#28614c}
.category-section.section{max-width:1200px;margin:0 auto;padding:30px 12px 44px!important;background:transparent!important}
.section h2,.section h3,.flow-details>summary{font-family:Manrope,"Segoe UI",sans-serif!important}
.section h2{font-weight:800!important;letter-spacing:-.05em!important}
.category-section .sectiontop{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}
.category-section .sectiontop h2{font-size:clamp(25px,3vw,35px)!important;color:#143b2c!important}
.category-section .sectiontop p{font-size:13px;color:#74897b}
.eyebrow{color:#427b58!important;letter-spacing:.14em;font-weight:900;font-size:10px}
.category-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;overflow:visible!important;padding:0!important}
.category-grid .category-tile{position:relative!important;height:192px!important;min-height:192px!important;display:flex!important;align-items:end!important;padding:17px!important;border-radius:18px!important;overflow:hidden!important;border:0!important;box-shadow:none!important;isolation:isolate;transition:transform .2s,box-shadow .2s!important}
.category-grid .category-tile:hover{transform:translateY(-5px)!important;box-shadow:0 16px 28px #1336291a!important}
.category-grid .category-tile:before{display:none!important}
.category-grid .category-tile.tile-car{background:linear-gradient(0deg,#081c20d9 0%,#091a1d44 56%,#092e2a10 100%),url('/assets/archive/cars.jpg') center 48% /cover!important}
.category-grid .category-tile.tile-moto{background:linear-gradient(0deg,#081c20e2 0%,#091a1d44 56%,#092e2a10 100%),url('/assets/archive/motorbikes.jpg') center 48% /cover!important}
.category-grid .category-tile.tile-scooter{background:linear-gradient(0deg,#081c20e2 0%,#091a1d44 56%,#092e2a10 100%),url('/assets/archive/scooters.jpg') center 46% /cover!important}
.category-grid .category-tile.tile-cycle{background:linear-gradient(0deg,#081c20e2 0%,#091a1d44 56%,#092e2a10 100%),url('/assets/archive/bicycles.jpg') center 48% /cover!important}
.category-grid .category-tile .category-name{display:block!important;position:relative!important;z-index:2!important;color:#fff!important;text-shadow:0 2px 5px #0818184d!important;font-family:Manrope,"Segoe UI",sans-serif!important;font-size:22px!important;font-weight:850!important;letter-spacing:-.06em;line-height:1.15!important;max-width:80%!important}
.category-grid .category-tile .category-name small{display:block!important;color:#e1f0e5!important;font-size:11px!important;letter-spacing:0!important;font-weight:700!important;margin-top:3px}
.category-grid .category-tile .category-arrow{display:grid!important;position:absolute!important;bottom:17px!important;right:15px!important;z-index:2!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-height:0!important;border-radius:50%!important;border:1px solid #fff7!important;color:#fff!important;background:#ffffff32!important;font-size:16px!important}
.category-grid .category-tile .category-number{display:none!important}
#browse.section{max-width:none!important;background:#f0f5ed!important;padding:46px max(24px,calc((100% - 1180px)/2)) 60px!important}
#browse>.sectiontop{margin-bottom:17px!important}
#browse>.sectiontop h2{font-size:clamp(29px,3vw,38px)!important;color:#143b2c!important}
#browse>.sectiontop>p{color:#62746a}
#vehiclelist>.muted{padding:25px!important;background:#fff!important;border:1px dashed #bad5c5;border-radius:16px;font-size:14px;font-weight:650}
.legacy-feature{border-top:1px solid #dce6d8!important;margin-top:26px!important;padding-top:31px!important}
.legacy-feature .sectiontop h3{font-size:clamp(23px,2.4vw,32px)!important;margin:4px 0!important;letter-spacing:-.045em!important;font-weight:800!important}
.legacy-note{background:#fafff4!important;border:1px solid #d8e8cf!important;color:#50685a!important;padding:12px 16px!important;border-radius:12px!important;font-size:12px!important;margin-bottom:23px!important}
.legacy-note strong{color:#1e5238}
.cards{gap:19px}
.cards .vehicle{border-radius:18px!important;overflow:hidden;box-shadow:0 7px 23px #1a3f2410!important;border:1px solid #e0e9df!important}
.cards .archive-cover{height:196px!important;filter:saturate(1.03)!important}
.cards .archive-content{padding:18px!important}
.cards .archive-content h3{font-family:Manrope,sans-serif!important;font-size:19px!important;font-weight:850!important}
.cards .darkbtn{border-radius:10px!important;background:#1a4937!important;color:#fff!important;font-size:12px;font-weight:850}
#enquiry.section.alt{background:#fffdf7!important}
#enquiry .sectiontop h2{font-size:33px!important;color:#153e2f!important}
#enquiry .panel{background:#fff;border:1px solid #e6eae2;border-radius:20px;box-shadow:0 16px 42px #203e2511}
#enquiry .primary{background:#c9f277!important;color:#20472d!important;border-radius:11px!important;min-height:49px!important}
#journal-preview{background:#eef5e7!important}
.guide-prompt h2{font-size:27px!important;color:#153e2f!important}
.guide-link{background:#143d32!important;color:white!important;border-radius:12px!important}
.flow-details{border-color:#dfe7df!important}
.flow-details>summary{color:#204b38!important}
.flow-details[open]{background:#fffdf8}
footer{background:#0c2d28!important}
.mobile-dock{background:#fffefb!important;border-top:1px solid #e0e7df!important;box-shadow:0 -8px 26px #16352716!important}
.mobile-dock a{color:#234b3b!important;font-size:11px!important;font-weight:850!important;padding:5px 3px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:51px}
.dock-symbol{font-size:21px;line-height:1;color:#1f6148;font-weight:700}
.mobile-dock a:hover,.mobile-dock a:focus-visible{background:#e5f5d5!important}
@media(max-width:970px){
.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:25px;padding:35px 22px}
.hero .hero-media{height:455px!important}
.hero h1{font-size:clamp(38px,5vw,52px)!important}
.hero .searchbar{grid-template-columns:1fr 1fr!important}
.hero .searchbar button.primary{grid-column:1/-1!important;width:100%!important}
.host-teaser{margin:20px 20px 23px}
.category-section.section{padding:20px 20px 36px!important}
.category-grid{gap:10px!important}
.category-grid .category-tile{height:150px!important;min-height:150px!important}
.category-grid .category-tile .category-name{font-size:18px!important}
}
@media(max-width:680px){
.top{height:62px!important;padding:0 15px!important;gap:9px!important}
.top .brand{font-size:21px!important}
.top nav{display:none!important}
.top .language-trigger{margin-left:auto!important;min-width:37px!important;width:37px!important;height:39px!important;padding:0!important}
.top #signin.navbtn{min-width:74px!important;min-height:39px!important;height:39px!important;padding:7px 11px!important;font-size:12px!important}
.hero-inner{display:flex;flex-direction:column;gap:19px;padding:24px 16px 22px}
.hero .hero-copy{width:100%!important}
.hero-kicker{margin-bottom:12px!important;font-size:9px!important}
.hero h1{font-size:clamp(35px,9.8vw,43px)!important;line-height:1.1!important;margin-bottom:9px!important;max-width:420px!important}
.hero h1 em{display:inline!important}
.hero .hero-subtitle{font-size:12px!important;line-height:1.6!important;max-width:390px;margin:0 0 16px!important}
.hero-search-panel{border-radius:16px!important;padding:15px 13px 11px!important;box-shadow:0 12px 25px #0002}
.hero-search-head{margin-bottom:8px}
.hero-search-head strong{font-size:14px!important}
.hero-search-head>span{font-size:9px!important;max-width:160px;text-align:right}
.hero .searchbar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.hero .searchbar label{font-size:9px!important}
.hero .searchbar label input,.hero .searchbar label select{height:42px!important;min-height:42px!important;font-size:12px!important;padding:8px!important}
.hero .searchbar button.primary{height:43px!important;min-height:43px!important;grid-column:1/-1!important;font-size:13px!important}
.search-disclaimer{font-size:9px!important;margin-top:7px!important}
.hero-quick{margin-top:12px;font-size:11px!important}
.hero .hero-media{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:2.25/1!important}
.hero .hero-media>img{height:100%!important;max-height:none!important;min-height:0!important;object-position:center 54%!important;border-radius:15px!important;display:block}
.hero-photo-label{right:8px;bottom:8px;padding:8px 10px;border-radius:10px;font-size:9px;gap:7px}
.photo-spark{width:24px;height:24px;font-size:14px}
.hero-photo-label strong{font-size:11px}
.host-teaser{margin:13px 14px 13px!important;padding:15px!important;border-radius:17px!important;min-height:0;gap:10px;display:grid;grid-template-columns:1fr auto;align-items:center}
.host-teaser-icon{display:none}
.host-teaser-copy{min-width:0}
.host-teaser .host-overline{font-size:8px!important}
.host-teaser h2{font-size:18px!important;max-width:270px;line-height:1.22!important;margin:3px 0 5px!important}
.host-teaser p{font-size:10px!important;line-height:1.35;max-width:235px}
.host-teaser-cta{font-size:10px!important;min-height:47px;padding:10px 12px;border-radius:10px;gap:6px;max-width:96px;white-space:normal;text-align:center}
.category-section.section{padding:20px 14px 27px!important}
.category-section .sectiontop{display:block;margin-bottom:13px!important}
.category-section .sectiontop h2{font-size:24px!important}
.category-section .sectiontop p{margin-top:4px;font-size:11px!important}
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;overflow:visible!important;padding:0!important}
.category-grid .category-tile{min-height:127px!important;height:127px!important;padding:12px!important;border-radius:14px!important}
.category-grid .category-tile .category-name{font-size:18px!important;max-width:85%!important}
.category-grid .category-tile .category-name small{font-size:10px!important}
.category-grid .category-tile .category-arrow{width:26px!important;height:26px!important;bottom:11px!important;right:10px!important;font-size:13px!important}
#browse.section{padding:28px 15px 45px!important}
#browse>.sectiontop h2{font-size:29px!important}
#browse .cards{grid-template-columns:1fr!important;gap:14px}
#browse .archive-cover{height:208px!important}
.legacy-feature{padding-top:22px!important}
#enquiry.section{padding:33px 15px!important}
#enquiry .sectiontop h2{font-size:29px!important}
#enquiry .enquiry-layout .panel{padding:19px 15px!important}
#journal-preview.section{padding:28px 17px!important}
.mobile-dock{min-height:66px!important;padding:5px 9px calc(5px + env(safe-area-inset-bottom))!important}
footer{padding-bottom:105px!important}
}
@media(max-width:360px){
.hero h1{font-size:34px!important}
.hero-search-head>span{display:none}
.host-teaser h2{font-size:16px!important}
.host-teaser-cta{padding:9px}
}
@media(prefers-reduced-motion:reduce){.category-grid .category-tile{transition:none!important}}