/* A photo-led customer experience with restrained cinematic movement. */
.premium-hero{grid-template-columns:.82fr 1.18fr;gap:42px;padding-top:52px;padding-bottom:62px}.premium-hero h1{font-size:46px;line-height:1.12;letter-spacing:-1.7px}.premium-hero p{max-width:410px}.cinematic-cover.hero-visual{height:auto;aspect-ratio:auto;background:white;border:1px solid #dfe6ee;border-radius:20px;overflow:hidden;display:block!important;box-shadow:0 22px 55px #142b4310;--drive-progress:0;transform:none!important;animation:cover-arrive .9s ease-out both}.cinematic-cover:after{display:none}.cinema-picture{aspect-ratio:1.5;position:relative;overflow:hidden;background:#e7edf2}.cinema-picture>img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(calc(1.02 + var(--drive-progress)*.05)) translateX(calc(var(--drive-progress)*-6px));will-change:transform}.cinema-tint{position:absolute;inset:0;background:linear-gradient(180deg,#0b234329,transparent 40%,#09203b0a);pointer-events:none}.cinema-tag{position:absolute;top:20px;left:20px;padding:8px 12px;border:1px solid #ffffff75;border-radius:5px;background:#ffffffec;font-size:9px;color:var(--navy);letter-spacing:1px;font-weight:700}.cinema-bottom{display:grid;grid-template-columns:1fr 1fr;padding:24px}.cinema-bottom button{background:none;text-align:left;color:var(--navy);padding:0 18px 0 0}.cinema-bottom button+button{padding:0 0 0 22px;border-left:1px solid #e3e8ef}.cinema-bottom button>span{display:block;color:#758194;font-size:10px;letter-spacing:1.4px;margin-bottom:10px;font-weight:700}.cinema-bottom strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:17px;font-weight:600;line-height:1.4}.cinema-bottom b{color:#ce620d;font-weight:400;font-size:24px;transition:transform .2s}.cinema-bottom button:hover b{transform:translate(3px,-3px)}.visual-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.visual-feature{overflow:hidden;border-radius:15px;background:white;border:1px solid #dce4ee;transition:box-shadow .3s,transform .3s}.visual-feature:hover{transform:translateY(-5px);box-shadow:0 18px 40px #142b4310}.feature-art{aspect-ratio:1.5;background-image:url(assets/features-storyboard.png);background-size:300% 300%;background-position:var(--tile-x) var(--tile-y);background-repeat:no-repeat;border-bottom:1px solid #edf0f5}.feature-copy{padding:23px}.feature-copy h3{font-size:21px;letter-spacing:-.5px;line-height:1.3}.feature-copy p{font-size:14px;line-height:1.6;margin-top:9px}.packages-intro{text-align:center;padding-top:45px;padding-bottom:45px}.back-link{display:block;text-align:left;color:#6f7d91;font-size:14px;margin-bottom:35px}.packages-intro h1{font-size:48px;line-height:1.12;letter-spacing:-1.6px}.packages-intro p{font-size:17px;line-height:1.7;margin-top:23px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding-bottom:20px}.package-card{border:1px solid #dce4ed;border-radius:17px;background:white;overflow:hidden;box-shadow:0 14px 40px #142b4307;transition:transform .3s,box-shadow .3s}.package-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #142b4314}.package-top{padding:28px;background:#f1f4f9;border-bottom:1px solid #e2e8f0}.package-top>span{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#687891}.package-top h2{font-size:77px;line-height:1;letter-spacing:-3px;display:flex;align-items:baseline;gap:12px;margin:33px 0 23px}.package-top h2 small{font-size:23px;letter-spacing:-.5px;font-weight:400}.package-top p{font-size:15px;line-height:1.6}.package-card:nth-child(2) .package-top{background:#122443;color:white}.package-card:nth-child(2) .package-top p,.package-card:nth-child(2) .package-top>span{color:#c7d3e4}.package-card:nth-child(3) .package-top{background:#fff2e5}.package-details{padding:26px}.package-details ul{margin:0 0 27px;padding:0;list-style:none}.package-details li{font-size:14px;line-height:1.55;padding:10px 0;border-bottom:1px solid #edf0f4;display:flex;gap:10px}.package-details li:before{content:'✓';color:#c75d0b}.package-details .button{width:100%;justify-content:space-between}.package-terms p{text-align:center;font-size:13px;color:#68778e;margin:10px auto 0;max-width:730px;line-height:1.6}.package-your-way{margin-top:60px;padding-top:45px;padding-bottom:65px;border-top:1px solid #e4e9f0;display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.package-your-way h2{font-size:40px}.package-your-way article{padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid #e5eaf0}.package-your-way h3{font-size:23px;margin-bottom:11px}.package-your-way p{font-size:16px;line-height:1.6}nav a[aria-current=page]{color:#bb5511}.motion-disabled .cinematic-cover,.motion-disabled .cinema-picture>img{animation:none!important;transform:none!important}@keyframes cover-arrive{from{opacity:.4;translate:25px 0}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.premium-hero{gap:25px}.premium-hero h1{font-size:40px}.cinema-bottom{padding:20px 15px}.cinema-bottom strong{font-size:14px}.cinema-bottom button+button{padding-left:14px}.feature-copy{padding:20px}.feature-copy h3{font-size:19px}.package-top{padding:24px}.package-details{padding:22px}.package-details li{font-size:13px}.package-grid{gap:16px}}
@media(max-width:760px){.premium-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:40px;gap:28px}.premium-hero h1{font-size:39px}.cinematic-cover.hero-visual{margin:0}.cinema-bottom{padding:20px 16px}.cinema-bottom strong{font-size:14px;gap:4px}.cinema-bottom button>span{font-size:9px;letter-spacing:1px}.cinema-bottom button{padding-right:12px}.cinema-bottom button+button{padding-left:14px}.cinema-tag{font-size:8px;top:14px;left:14px;padding:6px 9px}.visual-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.feature-art{aspect-ratio:1.1}.feature-copy{padding:16px 13px}.feature-copy h3{font-size:17px;line-height:1.3}.feature-copy p{font-size:13px;line-height:1.5}.packages-intro{padding-top:26px;padding-bottom:35px}.back-link{margin-bottom:27px;font-size:13px}.packages-intro h1{font-size:39px}.packages-intro p{font-size:16px}.package-grid{grid-template-columns:1fr;gap:22px}.package-top{padding:25px}.package-top h2{font-size:70px;margin:20px 0}.package-details{padding:23px}.package-details li{font-size:15px}.package-your-way{grid-template-columns:1fr;gap:25px;margin-top:40px;padding-top:35px;padding-bottom:30px}.package-your-way h2{font-size:34px}.package-your-way p{font-size:15px}.package-terms p{font-size:12px}}
@media(max-width:380px){.visual-features{grid-template-columns:1fr}.feature-art{aspect-ratio:1.5}}
@media(prefers-reduced-motion:reduce){.cinematic-cover,.cinema-picture>img{animation:none!important;transform:none!important}.visual-feature,.package-card{transition:none}}
.feature-art{background-size:300% var(--tile-height,300%);aspect-ratio:1.25}.cinema-tint{animation:light-breathe 7s ease-in-out infinite alternate}@keyframes light-breathe{from{opacity:.6}to{opacity:1}}.motion-disabled .cinema-tint{animation:none!important}@media(max-width:760px){.feature-art{aspect-ratio:1.1}}

/* Scroll-linked cover motion: the road glides beneath the vehicles while the artwork remains readable. */
.cinematic-cover{isolation:isolate}.cinematic-cover:before{content:'';position:absolute;z-index:2;left:-20%;right:-20%;bottom:78px;height:1px;background:linear-gradient(90deg,transparent,#fa871a 18%,#fa871a 44%,transparent 70%);opacity:.75;transform:translateX(calc(var(--drive-progress)*120px));transition:transform .15s linear;pointer-events:none}.cinematic-cover:after{content:'↗';display:block;position:absolute;z-index:2;left:20%;bottom:61px;color:#f58a28;font-size:22px;opacity:.8;transform:translateX(calc(var(--drive-progress)*120px));transition:transform .15s linear;pointer-events:none}.cinema-picture:after{content:'';position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#0a1b321c);pointer-events:none}.cinema-picture>img{transition:transform .18s ease-out}.cinema-tag{backdrop-filter:blur(8px)}.scene-caption{display:none}
@media(max-width:760px){.cinematic-cover:before{bottom:70px}.cinematic-cover:after{bottom:53px;left:18%;font-size:18px}.cinema-picture:after{height:25%}}
/* Final motion polish and smaller feature visuals. */
.cinematic-cover{position:relative}.cinema-picture{animation:cover-breathe 8s ease-in-out infinite alternate}.cinematic-cover:before{height:2px;box-shadow:0 0 16px #fa871a88}.cinematic-cover:after{animation:direction-pulse 2.8s ease-in-out infinite}.feature-art{aspect-ratio:1.6;background-size:245% var(--tile-height,245%);background-color:#eef2f6;position:relative;animation:feature-breathe 5s ease-in-out infinite}.feature-art:after{content:'';position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(105deg,transparent 35%,#fff8 49%,transparent 63%);animation:feature-shine 6s ease-in-out infinite;pointer-events:none}.visual-feature:nth-child(2) .feature-art,.visual-feature:nth-child(5) .feature-art,.visual-feature:nth-child(8) .feature-art{animation-delay:-1.7s}.visual-feature:nth-child(3) .feature-art,.visual-feature:nth-child(6) .feature-art,.visual-feature:nth-child(9) .feature-art{animation-delay:-3.4s}.visual-feature{background:#fff}.feature-copy{padding:19px 22px 23px}.feature-copy h3{font-size:20px}.feature-copy p{font-size:14px}.feature-bottom{margin-top:27px}.motion-disabled .feature-art,.motion-disabled .feature-art:after,.motion-disabled .cinema-picture,.motion-disabled .cinematic-cover:after{animation:none!important}@keyframes cover-breathe{from{transform:scale(1)}to{transform:scale(1.025)}}@keyframes direction-pulse{0%,100%{opacity:.35;transform:translateX(calc(var(--drive-progress)*120px))}50%{opacity:1;transform:translateX(calc(var(--drive-progress)*120px + 5px))}}@keyframes feature-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes feature-shine{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@media(max-width:760px){.feature-art{aspect-ratio:1.55;background-size:225% var(--tile-height,225%)}.feature-copy{padding:15px 14px 18px}.feature-copy h3{font-size:18px}.feature-copy p{font-size:13px}.cinema-picture{animation-duration:10s}}
@media(prefers-reduced-motion:reduce){.cinema-picture,.feature-art,.feature-art:after,.cinematic-cover:after{animation:none!important}}
/* Clean feature tiles: each card uses its own square visual so nothing stretches. */
.feature-art{aspect-ratio:1.28;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:0;overflow:hidden;animation:feature-lift 5.5s ease-in-out infinite;will-change:transform}
.visual-feature:nth-child(1) .feature-art{background-image:url(assets/features/01-trainer.png)}
.visual-feature:nth-child(2) .feature-art{background-image:url(assets/features/02-vehicle.png)}
.visual-feature:nth-child(3) .feature-art{background-image:url(assets/features/03-pickup.png)}
.visual-feature:nth-child(4) .feature-art{background-image:url(assets/features/04-advance.png)}
.visual-feature:nth-child(5) .feature-art{background-image:url(assets/features/05-time.png)}
.visual-feature:nth-child(6) .feature-art{background-image:url(assets/features/06-tracking.png)}
.visual-feature:nth-child(7) .feature-art{background-image:url(assets/features/07-change-trainer.png)}
.visual-feature:nth-child(8) .feature-art{background-image:url(assets/features/08-change-vehicle.png)}
.visual-feature:nth-child(9) .feature-art{background-image:url(assets/features/09-reschedule.png)}
.feature-art:after{background:linear-gradient(105deg,transparent 34%,#fff9 48%,transparent 62%);animation:feature-shine 7s ease-in-out infinite}
.visual-feature:nth-child(2) .feature-art,.visual-feature:nth-child(5) .feature-art,.visual-feature:nth-child(8) .feature-art{animation-delay:-1.8s}
.visual-feature:nth-child(3) .feature-art,.visual-feature:nth-child(6) .feature-art,.visual-feature:nth-child(9) .feature-art{animation-delay:-3.6s}
/* A single route cue keeps the cover motion legible instead of competing with the vehicles. */
.cinematic-cover:before{left:24px;right:24px;bottom:88px;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,#f58a28 0 28px,transparent 28px 52px);opacity:.85;box-shadow:none;transform:translateX(calc(var(--drive-progress)*70px));animation:route-slide 2.8s linear infinite}
.cinematic-cover:after{content:'●  LIVE LESSON';left:auto;right:22px;bottom:73px;color:#f58a28;font-size:10px;font-weight:800;letter-spacing:1.2px;opacity:.8;transform:none;animation:live-pulse 2.4s ease-in-out infinite}
.cinema-picture{animation:cover-breathe 10s ease-in-out infinite alternate}
@keyframes route-slide{from{background-position:0 0}to{background-position:104px 0}}
@keyframes live-pulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes feature-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.motion-disabled .feature-art,.motion-disabled .cinematic-cover:before,.motion-disabled .cinematic-cover:after{animation:none!important}
@media(max-width:760px){.feature-art{aspect-ratio:1.2}.cinematic-cover:before{left:16px;right:16px;bottom:77px}.cinematic-cover:after{right:16px;bottom:62px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.feature-art,.feature-art:after,.cinematic-cover:before,.cinematic-cover:after{animation:none!important}}
/* Conversion-led first screen and enquiry prompt. */
.membership-strip{display:grid;grid-template-columns:1.05fr 1.4fr auto;gap:28px;align-items:center;margin-top:0;margin-bottom:35px;padding:24px 28px;border:1px solid #f1d7bb;border-radius:16px;background:linear-gradient(100deg,#fff7ef,#fff 70%);box-shadow:0 10px 30px #713d1010}.membership-strip .eyebrow{margin-bottom:9px;color:#b85b12;font-size:10px}.membership-strip h2{font-size:27px;letter-spacing:-.8px}.membership-points{display:flex;flex-wrap:wrap;gap:10px 18px}.membership-points span{font-size:13px;color:#5f6c80;white-space:nowrap}.membership-points b{color:#d3660a;margin-right:7px}.membership-strip .button{white-space:nowrap;padding:13px 17px;font-size:13px}.chat-fab{position:fixed;right:22px;bottom:20px;z-index:31;border:1px solid #f2c89f;background:#fff;color:var(--navy);padding:11px 15px;border-radius:30px;box-shadow:0 10px 28px #0c1c4720;font-size:13px;font-weight:700}.chat-fab span{color:var(--orange);margin-right:5px}.chat-fab:hover{transform:translateY(-2px);box-shadow:0 13px 30px #0c1c4730}.chat-fab + dialog h2{font-size:32px}.chat-fab + dialog .button{width:100%;margin-top:12px}.chat-fab + dialog small{display:block;color:var(--muted);font-size:12px;margin-top:14px}.chat-fab + dialog #chat-result{margin-top:18px;background:#fff2e4;border-radius:10px;padding:17px}.chat-fab + dialog #chat-result h3{font-size:20px;margin-bottom:6px}.chat-fab + dialog #chat-result p{font-size:14px}.hero-copy .text-link{color:#b85b12}.hero-copy .text-link:hover{color:var(--navy)}
@media(max-width:1050px){.membership-strip{grid-template-columns:1fr 1fr}.membership-strip .button{justify-self:start}}
@media(max-width:760px){.membership-strip{grid-template-columns:1fr;gap:16px;margin:0 23px 28px;padding:20px}.membership-strip h2{font-size:25px}.membership-points{display:grid;gap:8px}.membership-points span{font-size:12px}.membership-strip .button{justify-self:stretch}.chat-fab{right:13px;bottom:61px;font-size:11px;padding:9px 12px}.chat-fab + dialog h2{font-size:28px}}
/* Compact pass: keep the vehicle scene and feature stories visible without dominating the page. */
.premium-hero{grid-template-columns:.88fr 1.12fr;gap:30px;padding-top:30px;padding-bottom:34px}.premium-hero h1{font-size:clamp(34px,3.6vw,50px)}.premium-hero p{font-size:16px}.cinematic-cover.hero-visual{max-height:350px;border-radius:16px}.cinema-picture{aspect-ratio:1.72}.cinema-bottom{padding:16px 18px}.cinema-bottom button>span{margin-bottom:5px}.cinema-bottom strong{font-size:14px}.cinematic-cover:before{bottom:67px}.cinematic-cover:after{bottom:52px}.visual-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.visual-feature{border-radius:12px}.feature-art{aspect-ratio:1.55;animation:feature-soft-pulse 7s ease-in-out infinite}.feature-art:after{animation:feature-shine 9s ease-in-out infinite}.feature-copy{padding:13px 15px 16px}.feature-copy h3{font-size:16px;letter-spacing:-.2px}.feature-copy p{font-size:12px;line-height:1.4;margin-top:5px}.visual-feature:nth-child(2) .feature-art,.visual-feature:nth-child(5) .feature-art,.visual-feature:nth-child(8) .feature-art{animation-delay:-2.3s}.visual-feature:nth-child(3) .feature-art,.visual-feature:nth-child(6) .feature-art,.visual-feature:nth-child(9) .feature-art{animation-delay:-4.6s}.premium-features{padding-top:58px;padding-bottom:58px}.premium-features .section-top{margin-bottom:22px}.feature-bottom{margin-top:20px}@keyframes feature-soft-pulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.012)}}
@media(max-width:1050px){.cinematic-cover.hero-visual{max-height:320px}.visual-features{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-copy h3{font-size:16px}}
@media(max-width:760px){.premium-hero{padding-top:20px;padding-bottom:25px;gap:20px}.cinematic-cover.hero-visual{max-height:245px}.cinema-picture{aspect-ratio:1.75}.cinema-bottom{padding:12px 13px}.cinema-bottom strong{font-size:12px}.cinematic-cover:before{bottom:55px}.cinematic-cover:after{bottom:41px;right:13px;font-size:8px}.visual-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-art{aspect-ratio:1.45}.feature-copy{padding:11px 11px 13px}.feature-copy h3{font-size:15px}.feature-copy p{font-size:11px}.premium-features{padding-top:45px;padding-bottom:45px}}
@media(max-width:380px){.visual-features{grid-template-columns:1fr}.feature-art{aspect-ratio:1.65}}
@media(prefers-reduced-motion:reduce){.feature-art,.feature-art:after{animation:none!important}}
/* Replace the parked cover with a compact moving training-road scene. */
.road-hero{position:relative;overflow:hidden;min-height:330px;height:330px;border-radius:18px;background:linear-gradient(180deg,#ddecf5 0%,#f5d3ae 58%,#9b8a7c 58%,#3b414a 100%);isolation:isolate;box-shadow:0 22px 50px #142b431a}.road-sky{position:absolute;inset:0 0 44%}.road-sun{position:absolute;width:72px;height:72px;right:16%;top:28px;border-radius:50%;background:#ffd79d;filter:blur(1px);opacity:.9}.road-cloud{position:absolute;width:96px;height:18px;border-radius:50%;background:#fff8;filter:blur(4px)}.cloud-one{left:12%;top:54px}.cloud-two{left:42%;top:90px;width:70px}.road-sign{position:absolute;right:9%;top:22px;padding:9px 12px;border-radius:5px;background:#10264a;color:#fff;font-size:11px;letter-spacing:1.2px;line-height:1.2;box-shadow:0 8px 20px #0c1c4730}.road-sign small{font-size:6px;letter-spacing:1px;color:#ff9a3e}.road-horizon{position:absolute;left:0;right:0;top:45%;height:21%;background:linear-gradient(180deg,#86949c,#c5b4a2);clip-path:polygon(0 40%,100% 0,100% 100%,0 100%);opacity:.9}.road-horizon span{position:absolute;bottom:23%;width:22px;height:22px;border-radius:50% 50% 0 0;background:#53665f}.road-horizon span:nth-child(1){left:13%}.road-horizon span:nth-child(2){left:27%;transform:scale(.7)}.road-horizon span:nth-child(3){right:22%;transform:scale(.9)}.road-lane{position:absolute;left:-15%;right:-15%;height:82px;bottom:0;background:#3e454e;transform:perspective(210px) rotateX(16deg);transform-origin:bottom}.lane-back{bottom:44px;background:#5d6267;opacity:.6}.lane-front{bottom:-17px;border-top:3px solid #f8c16f}.lane-front:after{content:'';position:absolute;left:0;right:0;top:40px;height:4px;background:repeating-linear-gradient(90deg,#f7f0d8 0 58px,transparent 58px 125px);animation:road-dashes 1.9s linear infinite}.road-vehicle{position:absolute;z-index:4;bottom:50px;will-change:transform}.road-vehicle img{display:block;width:100%;height:100%;object-fit:contain}.road-car{width:220px;height:112px;left:-240px;animation:car-drive 9s cubic-bezier(.35,.02,.65,.98) infinite}.road-bike{width:135px;height:105px;right:-150px;bottom:91px;animation:bike-drive 7s cubic-bezier(.35,.02,.65,.98) 1.1s infinite}.road-status{position:absolute;z-index:6;left:18px;top:18px;display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:#ffffffdf;box-shadow:0 8px 24px #142b4315;font-size:9px;letter-spacing:1px}.road-status b{font-size:9px}.road-status i{display:inline-block;width:7px;height:7px;background:#27a36a;border-radius:50%;margin-right:5px;animation:status-blink 1.5s infinite}.road-status span{font-size:11px;letter-spacing:0;color:#68778e}.road-caption{position:absolute;z-index:6;right:18px;bottom:18px;color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 12px #06112680}.road-caption em{font-style:normal;color:#ff9a3e}.compact-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.compact-feature-grid .feature-art{aspect-ratio:1.6}.compact-feature-grid .feature-copy{padding:11px 14px 13px}.compact-feature-grid .feature-copy h3{font-size:15px}.compact-feature-grid .feature-copy p{font-size:11px}.compact-feature-grid .visual-feature{border-radius:10px}@keyframes car-drive{0%{transform:translateX(0) translateY(0)}46%{transform:translateX(440px) translateY(-2px)}100%{transform:translateX(820px) translateY(0)}}@keyframes bike-drive{0%{transform:translateX(0) translateY(0)}52%{transform:translateX(-360px) translateY(-3px)}100%{transform:translateX(-760px) translateY(0)}}@keyframes road-dashes{from{background-position:0 0}to{background-position:183px 0}}@keyframes status-blink{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:760px){.road-hero{min-height:245px;height:245px}.road-sign{right:8%;top:17px;font-size:9px;padding:7px 9px}.road-status{left:12px;top:12px;padding:8px 9px}.road-status span{font-size:9px}.road-car{width:170px;height:88px;bottom:40px}.road-bike{width:105px;height:85px;bottom:74px}.road-caption{right:12px;bottom:12px;font-size:13px}.compact-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}
@media(max-width:380px){.compact-feature-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.road-vehicle,.lane-front:after,.road-status i{animation:none!important}.road-car{left:28%}.road-bike{right:10%}}
/* Four-package comparison: clear hierarchy with a compact visual rhythm. */
.package-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.package-card{border-radius:14px;box-shadow:0 12px 28px #142b4309}.package-top{min-height:210px;padding:21px 19px}.package-top h2{font-size:62px;margin:27px 0 16px}.package-top h2 small{font-size:19px}.package-top p{font-size:13px;line-height:1.45}.package-details{padding:19px}.package-details ul{margin-bottom:20px}.package-details li{font-size:12px;padding:8px 0}.package-details .button{font-size:12px;padding:12px 13px;gap:10px}.package-card:first-child .package-top{background:#fff2e5}.package-card:nth-child(2) .package-top{background:#f1f4f9;color:var(--navy)}.package-card:nth-child(2) .package-top p,.package-card:nth-child(2) .package-top>span{color:#687891}.package-card:nth-child(3) .package-top{background:#122443;color:#fff}.package-card:nth-child(3) .package-top p,.package-card:nth-child(3) .package-top>span{color:#c7d3e4}.package-card:nth-child(4) .package-top{background:#edf6f2}.package-card:first-child:before{content:'QUICK START';position:absolute;z-index:2;margin:13px 0 0 13px;color:#b85b12;font-size:8px;font-weight:800;letter-spacing:1px}.package-card{position:relative}.packages-intro p{max-width:610px;margin-left:auto;margin-right:auto}.package-your-way{margin-top:44px;padding-top:35px;padding-bottom:50px}
@media(max-width:1050px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-top{min-height:190px}}
@media(max-width:760px){.package-grid{grid-template-columns:1fr;gap:14px}.package-top{min-height:0;padding:21px}.package-top h2{font-size:60px;margin:18px 0 12px}.package-details{padding:18px 20px}.package-details li{font-size:13px}.package-details .button{font-size:13px}.package-card:first-child:before{right:15px;top:8px}}
/* Corporate road motion: steady direction, measured speed, and believable wheel rotation. */
.road-vehicle{animation-timing-function:linear;animation-iteration-count:infinite}.road-car{left:-250px;animation-name:car-cruise;animation-duration:13s;animation-delay:-2s}.road-bike{right:auto;left:-155px;animation-name:bike-cruise;animation-duration:10s;animation-delay:-6s}.road-car img,.road-bike img{animation:vehicle-suspension 1.8s ease-in-out infinite alternate}.wheel{position:absolute;z-index:2;border:2px solid #17202b;border-radius:50%;background:repeating-conic-gradient(#17202b 0 10deg,#b8c0c7 10deg 22deg);box-shadow:inset 0 0 0 4px #303943,0 1px 3px #0007;animation:wheel-spin .75s linear infinite}.car-wheel-rear{width:30px;height:30px;left:30px;bottom:16px}.car-wheel-front{width:30px;height:30px;right:27px;bottom:16px}.bike-wheel-rear,.bike-wheel-front{width:22px;height:22px;background:repeating-conic-gradient(#17202b 0 12deg,#b8c0c7 12deg 30deg);box-shadow:inset 0 0 0 3px #303943,0 1px 3px #0007}.bike-wheel-rear{left:20px;bottom:13px}.bike-wheel-front{right:19px;bottom:13px}@keyframes car-cruise{0%{transform:translateX(0) translateY(0)}12%{transform:translateX(80px) translateY(-1px)}88%{transform:translateX(760px) translateY(-1px)}100%{transform:translateX(850px) translateY(0)}}@keyframes bike-cruise{0%{transform:translateX(0) translateY(0)}12%{transform:translateX(80px) translateY(-1px)}88%{transform:translateX(760px) translateY(-1px)}100%{transform:translateX(850px) translateY(0)}}@keyframes wheel-spin{to{transform:rotate(360deg)}}@keyframes vehicle-suspension{from{transform:translateY(0)}to{transform:translateY(1px)}}
@media(max-width:760px){.road-car{left:-190px;animation-duration:11s}.road-bike{left:-120px;animation-duration:9s}.car-wheel-rear,.car-wheel-front{width:23px;height:23px;bottom:12px}.car-wheel-rear{left:23px}.car-wheel-front{right:21px}.bike-wheel-rear,.bike-wheel-front{width:18px;height:18px;bottom:10px}.bike-wheel-rear{left:16px}.bike-wheel-front{right:15px}}
@media(prefers-reduced-motion:reduce){.road-vehicle img,.wheel{animation:none!important}}

/* Three class-based package options. */
.packages-page .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.packages-page .package-card:first-child:before{content:none}.packages-page .package-top h2 small{font-size:20px}.packages-page .package-details li{font-size:14px}.packages-page .package-details .button{font-size:14px}@media(max-width:760px){.packages-page .package-grid{grid-template-columns:1fr}}
/* Packages grouped by vehicle class and vehicle ownership. */
.package-categories{padding-bottom:24px}.package-category{margin-bottom:32px;padding:28px;border:1px solid #dce4ee;border-radius:18px;background:#f6f8fb}.category-heading{margin-bottom:22px}.category-heading .eyebrow{margin-bottom:9px;color:#a94e0b;font-size:12px}.category-heading h2{font-size:30px;letter-spacing:-.8px}.category-heading p{font-size:16px;margin-top:10px}.category-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.training-option{padding:24px;background:white;border:1px solid #e0e6ee;border-radius:12px;display:flex;flex-direction:column}.vehicle-inclusion{font-size:12px;letter-spacing:1px;font-weight:700;color:#a94e0b;margin-bottom:14px}.training-option h3{font-size:22px;line-height:1.3}.training-option>p{font-size:16px;line-height:1.6;margin:10px 0 22px}.class-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto}.class-options button{position:relative;padding:15px 12px;text-align:left;background:#fff3e7;border:1px solid #f3cda8;border-radius:9px;color:var(--navy);transition:background .2s,transform .2s}.class-options button:hover{background:#ffdfbf;transform:translateY(-3px)}.class-options strong{display:block;font-size:30px;line-height:1.1}.class-options span{font-size:14px}.class-options b{position:absolute;right:10px;top:14px;color:#a94e0b}.package-categories+.package-terms{padding-bottom:48px}@media(max-width:760px){.package-category{padding:18px;margin-bottom:20px}.category-options{grid-template-columns:1fr;gap:14px}.category-heading h2{font-size:25px}.training-option{padding:18px}.training-option h3{font-size:21px}.class-options{gap:7px}.class-options button{padding:14px 9px}.class-options strong{font-size:27px}.class-options b{right:7px;font-size:14px}}
/* Package choices first: three compact category columns. */
.packages-page .packages-intro{text-align:left;padding-top:12px;padding-bottom:20px}.packages-page .back-link{margin-bottom:10px;font-size:14px}.packages-page .packages-intro h1{font-size:34px;line-height:1.2;letter-spacing:-1px}.packages-page .packages-intro p{margin:8px 0 0;max-width:none;font-size:16px;line-height:1.5}.package-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:16px}.package-category{margin:0;padding:16px;border-radius:14px}.category-heading{margin-bottom:14px;min-height:85px}.category-heading .eyebrow{margin-bottom:7px;letter-spacing:1px}.category-heading h2{font-size:24px;line-height:1.2}.category-options{grid-template-columns:1fr;gap:12px}.training-option{padding:16px}.vehicle-inclusion{margin-bottom:8px;font-size:12px;letter-spacing:.6px}.training-option h3{font-size:19px;line-height:1.3;min-height:50px}.training-option>p{font-size:16px;line-height:1.4;margin:6px 0 12px;min-height:45px}.class-options{gap:6px}.class-options button{padding:10px 8px;min-height:66px}.class-options strong{font-size:25px}.class-options b{right:7px;top:10px;font-size:14px}.class-options span{font-size:14px}.package-categories+.package-terms{padding-bottom:24px}.package-terms p{margin-top:0}
@media(max-width:1050px){.package-categories{grid-template-columns:1fr}.category-heading{min-height:0;margin-bottom:12px}.category-options{grid-template-columns:1fr 1fr}.training-option h3,.training-option>p{min-height:0}.package-category{padding:16px}.packages-page .packages-intro h1{font-size:30px}}
@media(max-width:560px){.category-options{grid-template-columns:1fr;gap:10px}.packages-page .packages-intro{padding-top:8px;padding-bottom:16px}.packages-page .packages-intro h1{font-size:28px}.package-category{padding:12px}.training-option{padding:12px}.training-option h3{font-size:18px}.category-heading h2{font-size:22px}.training-option>p{margin:5px 0 10px}.class-options button{min-height:60px}}
/* Four service categories; geared/gearless stays inside two-wheeler options. */
.four-package-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.four-package-categories .package-category{padding:18px;display:flex;flex-direction:column}.four-package-categories .category-heading{min-height:0;margin-bottom:10px}.four-package-categories .category-heading h2{font-size:23px}.four-package-categories .training-option{flex:1;padding:0;border:0;background:none}.four-package-categories .training-option>p{min-height:0;margin:0 0 12px}.four-package-categories .class-options{margin-top:auto}.gear-choice{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:14px;font-weight:600}.gear-choice select{flex:1;margin:0;padding:8px;font-size:14px}.four-package-categories .class-options button{min-height:56px;padding:9px 12px}.four-package-categories .class-options strong{display:inline-block;font-size:24px;margin-right:6px}.four-package-categories .class-options b{top:15px}@media(max-width:650px){.four-package-categories{grid-template-columns:1fr}.four-package-categories .package-category{padding:15px}.four-package-categories .category-heading h2{font-size:22px}.gear-choice{flex-wrap:wrap}.gear-choice select{min-width:170px}}
/* Homepage hero reframed as a branded driving-school motion stage. */
.premium-hero{grid-template-columns:.86fr 1.14fr;gap:46px;padding-top:36px;padding-bottom:38px}.premium-hero .hero-copy{max-width:500px}.premium-hero .hero-copy .eyebrow{color:#b45a12;letter-spacing:2.1px;margin-bottom:17px}.premium-hero .hero-copy h1{font-size:clamp(39px,4.3vw,59px);line-height:1.08;letter-spacing:-1.8px;margin-bottom:20px}.premium-hero .hero-copy p{font-size:17px;line-height:1.6;max-width:430px}.premium-hero .hero-foot{margin-top:21px}.road-hero{height:360px;min-height:360px;border-radius:24px;background:linear-gradient(160deg,#10294e 0%,#173f62 49%,#253746 50%,#3f444b 100%);box-shadow:0 24px 60px #0b213c2b;transform:translateY(0);transition:transform .3s,box-shadow .3s}.road-hero:hover{transform:translateY(-3px);box-shadow:0 30px 68px #0b213c35}.road-sky{inset:0 0 44%;background:radial-gradient(circle at 75% 25%,#f69a4a 0 3%,#f69a4a20 4% 16%,transparent 17%),linear-gradient(180deg,#0e2648,#1f5275);opacity:1}.road-sun{display:none}.road-cloud{background:#b9d8e866;filter:blur(7px);height:11px}.cloud-one{top:46px}.cloud-two{top:83px}.road-sign{right:26px;top:20px;background:#fff;color:#122b4d;border-radius:8px;padding:9px 11px;box-shadow:0 10px 20px #06152c40}.road-sign small{color:#c75c09}.road-horizon{top:40%;height:24%;background:linear-gradient(180deg,#45696d,#b2987e);opacity:1;clip-path:polygon(0 38%,100% 0,100% 100%,0 100%)}.road-horizon span{background:#31584f}.road-lane{background:#313b44}.lane-back{bottom:45px;background:#596169;opacity:.8}.lane-front{bottom:-18px;border-top:3px solid #de8e43}.lane-front:after{top:39px;background:repeating-linear-gradient(90deg,#f7e2b7 0 58px,transparent 58px 130px);animation:hero-road-flow 1.7s linear infinite}.road-vehicle{filter:drop-shadow(0 12px 7px #07111e78)}.road-car{width:226px;height:115px;bottom:51px;left:-255px;animation:hero-car-cruise 11s linear infinite}.road-bike{width:140px;height:108px;bottom:93px;left:-165px;animation:hero-bike-cruise 9s linear -3s infinite}.road-status{top:20px;left:20px;background:#ffffffec;color:#122b4d;padding:10px 13px;border-radius:9px}.road-status i{background:#18a66a}.road-caption{bottom:19px;right:20px;font-size:17px}.road-caption em{color:#ffb163}.road-hero:after{content:'';position:absolute;z-index:3;left:0;right:0;bottom:105px;height:1px;background:linear-gradient(90deg,transparent,#ff9d4c88 18%,#ff9d4c 50%,transparent 82%);animation:route-glow 3s ease-in-out infinite}.road-hero:before{content:'CAR LESSONS  •  TWO-WHEELER LESSONS  •  PICKUP FROM YOUR LOCATION';position:absolute;z-index:7;left:20px;right:20px;bottom:19px;color:#e1edf6;font-size:8px;letter-spacing:1.3px;text-align:left;opacity:.72}.membership-strip{margin-top:4px}.premium-hero .actions .button{padding:15px 21px}.premium-hero .actions{gap:17px}
@keyframes hero-car-cruise{0%{transform:translateX(0) translateY(0)}10%{transform:translateX(70px) translateY(-1px)}90%{transform:translateX(700px) translateY(-1px)}100%{transform:translateX(820px) translateY(0)}}@keyframes hero-bike-cruise{0%{transform:translateX(0) translateY(0)}10%{transform:translateX(70px) translateY(-1px)}90%{transform:translateX(700px) translateY(-1px)}100%{transform:translateX(820px) translateY(0)}}@keyframes hero-road-flow{from{background-position:0 0}to{background-position:188px 0}}@keyframes route-glow{0%,100%{opacity:.2;transform:scaleX(.8)}50%{opacity:.9;transform:scaleX(1)}}
@media(max-width:760px){.premium-hero{gap:23px;padding-top:24px}.premium-hero .hero-copy h1{font-size:39px}.premium-hero .hero-copy p{font-size:16px}.road-hero{height:270px;min-height:270px;border-radius:17px}.road-sign{right:13px;top:14px;font-size:9px;padding:7px 8px}.road-status{left:13px;top:13px;padding:8px 10px}.road-car{width:175px;height:90px;left:-195px;bottom:39px}.road-bike{width:108px;height:83px;left:-126px;bottom:73px}.road-caption{right:13px;bottom:14px;font-size:13px}.road-hero:before{left:13px;bottom:14px;font-size:6px;letter-spacing:.8px}.road-hero:after{bottom:83px}}
@media(prefers-reduced-motion:reduce){.road-hero,.road-vehicle,.lane-front:after,.road-hero:after{animation:none!important;transform:none!important}.road-car{left:20%}.road-bike{left:48%}}
/* Final lane separation: the vehicles travel on distinct, readable tracks. */
.road-vehicle{z-index:5}.road-car{width:195px;height:99px;bottom:27px;animation-duration:14s}.road-bike{width:118px;height:91px;bottom:129px;animation-duration:12s;animation-delay:-4s;z-index:6}.road-hero:after{bottom:112px;opacity:.5}.lane-back{bottom:91px;height:54px;opacity:.7}.lane-front{bottom:-18px;height:95px}.car-wheel-rear{width:27px;height:27px;left:27px;bottom:14px}.car-wheel-front{width:27px;height:27px;right:24px;bottom:14px}.bike-wheel-rear{width:20px;height:20px;left:17px;bottom:11px}.bike-wheel-front{width:20px;height:20px;right:16px;bottom:11px}
@media(max-width:760px){.road-car{width:150px;height:76px;bottom:27px;animation-duration:12s}.road-bike{width:92px;height:71px;bottom:100px;animation-duration:10s;animation-delay:-3s}.lane-back{bottom:70px;height:44px}.lane-front{height:78px}.road-hero:after{bottom:88px}.car-wheel-rear,.car-wheel-front{width:20px;height:20px;bottom:9px}.car-wheel-rear{left:20px}.car-wheel-front{right:18px}.bike-wheel-rear,.bike-wheel-front{width:16px;height:16px;bottom:8px}.bike-wheel-rear{left:13px}.bike-wheel-front{right:12px}}