:root{--navy:#101f3d;--orange:#ee791c;--muted:#626e80;--light:#f6f8fa}body{font-family:Arial,Helvetica,sans-serif}.wrap{max-width:1300px}.section{padding-top:76px;padding-bottom:76px}.eyebrow{font-size:12px;letter-spacing:1.7px}header{height:100px;border-bottom:1px solid #e8ecf1}nav{gap:28px;font-size:14px}.button{border-radius:8px;padding:15px 22px;box-shadow:none}.premium-hero{grid-template-columns:.8fr 1.2fr;gap:48px;padding-top:62px;padding-bottom:72px;background:white}.premium-hero h1{font-size:48px;line-height:1.1;letter-spacing:-1.8px}.premium-hero p{font-size:17px;line-height:1.75;margin-top:22px}.premium-hero .hero-foot{font-size:13px;margin-top:27px}.premium-hero .actions{margin-top:27px;gap:22px}.vehicle-cover.hero-visual{height:auto;aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px;background:none;border-radius:0;overflow:visible;transform:none!important}.vehicle-cover:after{display:none}.cover-card{background:#f4f6f9;border:1px solid #e1e6ed;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #14294309;transition:box-shadow .3s,transform .3s}.cover-bike{margin-top:36px;margin-bottom:-36px}.cover-card:hover{transform:translateY(-5px);box-shadow:0 24px 45px #14294315}.cover-image{overflow:hidden;aspect-ratio:1.4;background:#edf1f5}.cover-image img{width:100%;height:100%;object-fit:cover;display:block;animation:cover-pan 12s ease-in-out infinite alternate}.cover-bike img{animation-delay:-6s}.cover-caption{padding:24px 20px}.cover-caption>span{font-size:11px;letter-spacing:1.5px;color:#6d788b;font-weight:700}.cover-caption h3{font-size:23px;letter-spacing:-.7px;margin:12px 0 23px}.cover-caption button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px;background:transparent;color:var(--navy);font-weight:600;padding:0;text-align:left;gap:8px}.cover-caption button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:white;color:#bf5710;flex:none}.premium-features{background:#f1f4f8;position:relative;border-top:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2}.premium-features .section-top{margin-bottom:34px;align-items:center}.premium-features h2{font-size:42px}.premium-features .section-top>p{font-size:17px;line-height:1.7}.feature-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-group{border:1px solid #dee5ee;border-radius:16px;overflow:hidden;background:white;box-shadow:0 12px 30px #12253e04}.group-heading{padding:28px 28px 23px;position:relative;background:#f9fafc;border-bottom:1px solid #edf0f5}.group-heading>span{display:block;color:#bb5a11;font-size:13px;letter-spacing:1px;margin-bottom:20px}.group-heading h3{font-size:26px;font-weight:600;letter-spacing:-.8px}.group-heading p{font-size:14px;margin-top:10px}.group-items{padding:5px 26px 13px}.benefit{display:flex;align-items:center;gap:16px;padding:22px 0}.benefit+.benefit{border-top:1px solid #edf0f4}.benefit-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #f1d5bd;background:#fff6ed;color:#af5010;border-radius:12px;flex:none;transition:background .3s,color .3s,transform .3s}.benefit-icon svg{width:26px;height:26px;display:block}.benefit h4{font-size:16px;line-height:1.4;font-weight:600}.benefit p{font-size:14px;line-height:1.5;margin-top:4px}.benefit:hover .benefit-icon{background:#fce7d3;transform:translateY(-3px)}.benefit-icon svg{animation:icon-breathe 5s ease-in-out infinite}.feature-group:nth-child(2) .benefit-icon svg{animation-delay:-1.6s}.feature-group:nth-child(3) .benefit-icon svg{animation-delay:-3.2s}.feature-bottom p{font-size:12px;max-width:650px}.lesson-grid{gap:20px}.lesson{border:1px solid #e3e8ef;background:white;padding:20px;border-radius:13px}.lesson.own{background:white}.lesson-grid .vehicle-photo{height:140px;border-radius:9px;margin:0 0 23px;background-size:cover}.lesson-number{font-size:11px;display:block;margin-bottom:14px;letter-spacing:1px}.lesson h3{font-size:22px;min-height:48px}.lesson p{font-size:14px;line-height:1.6;margin-top:10px;min-height:90px}.lesson button{font-size:14px;padding-top:16px}.section-top>p{font-size:16px}.licence-section{background:#fbf5ef;border-color:#ede4db}.licence-categories article{background:#fff;border-color:#e8dfd6}.licence-categories article>span{font-size:11px}.licence-categories small{font-size:13px}.licence-categories p{font-size:16px}.licence-support h3{font-size:21px}.licence-support p{font-size:15px}.compact-app .actions{justify-content:center}.compact-app p{font-size:16px}.footer-top{font-size:14px}.end-cta{background:#101f3d}.motion-toggle{font-size:12px}.feature-group:focus-within{outline:2px solid #ee791c}@keyframes cover-pan{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes icon-breathe{0%,75%,100%{transform:translateY(0)}85%{transform:translateY(-2px)}}.motion-disabled .cover-image img,.motion-disabled .benefit-icon svg{animation:none!important}
@media(max-width:1050px){.premium-hero{grid-template-columns:.85fr 1.15fr;gap:25px}.premium-hero h1{font-size:42px}.cover-caption{padding:20px 14px}.cover-caption h3{font-size:20px}.cover-caption button{font-size:13px}.group-heading{padding:25px 20px 22px}.group-items{padding:5px 18px 12px}.benefit{gap:12px}.benefit-icon{width:40px;height:40px}.benefit-icon svg{width:23px;height:23px}.benefit p{font-size:13px}.lesson p{min-height:75px}.feature-groups{gap:14px}}
@media(max-width:760px){header{height:86px}.section{padding-top:52px;padding-bottom:52px}.premium-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:42px;gap:32px}.premium-hero h1{font-size:40px;line-height:1.12}.premium-hero h1 br:nth-of-type(2){display:none}.premium-hero h1 em{display:inline-block}.premium-hero p{font-size:16px;margin-top:18px}.premium-hero .hero-foot{margin-top:20px;font-size:12px}.vehicle-cover.hero-visual{gap:12px;margin:0}.cover-bike{margin-top:0;margin-bottom:0}.cover-caption{padding:18px 12px}.cover-caption h3{font-size:19px;margin:10px 0 18px}.cover-caption>span{font-size:10px;letter-spacing:1px}.cover-caption button{font-size:12px;gap:5px}.cover-caption button>span{width:24px;height:24px}.cover-image{aspect-ratio:1.15}.feature-groups{grid-template-columns:1fr;gap:18px}.group-heading{padding:24px}.group-heading>span{margin-bottom:12px}.group-heading h3{font-size:25px}.group-items{padding:0 24px 8px}.benefit{padding:19px 0;gap:16px}.benefit-icon{width:46px;height:46px}.benefit h4{font-size:16px}.benefit p{font-size:14px}.premium-features .section-top{align-items:start}.premium-features h2{font-size:34px}.premium-features .section-top>p{font-size:15px}.lesson-grid{gap:12px}.lesson{padding:14px}.lesson-grid .vehicle-photo{height:110px;margin-bottom:18px}.lesson-number{font-size:10px}.lesson h3{font-size:20px;min-height:45px}.lesson p{font-size:13px;min-height:105px}.lesson button{font-size:12px}.licence-support p{font-size:14px}.licence-categories article>span{font-size:10px}.licence-categories p{font-size:15px}.feature-bottom p{font-size:12px}}
@media(max-width:380px){.vehicle-cover.hero-visual{grid-template-columns:1fr}.cover-image{aspect-ratio:1.65}.cover-caption button{font-size:14px}.cover-caption h3{font-size:23px}.lesson-grid{grid-template-columns:1fr}.lesson p,.lesson h3{min-height:0}.lesson-grid .vehicle-photo{height:180px}}
@media(prefers-reduced-motion:reduce){.cover-image img,.benefit-icon svg{animation:none!important}.cover-card,.benefit-icon{transition:none!important}}
/* Vehicle movement combines a gentle idle loop with reversible scroll travel. */
.driving-scene.hero-visual{height:465px;display:block!important;position:relative;overflow:hidden;background:linear-gradient(140deg,#f0f4f9 0%,#e4ebf4 100%);border:1px solid #dce4ee;border-radius:24px;--drive-progress:0;transform:none!important}.driving-scene:after{display:none}.scene-topline{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;font-weight:700;color:#77869c}.scene-lane{position:absolute;height:90px;width:140%;left:-20%;background:#d3dce9;border-top:1px solid #c3cfe0;border-bottom:1px solid #c3cfe0;transform:rotate(-12deg)}.scene-lane:after{content:'';height:2px;position:absolute;top:45px;left:0;right:0;background:repeating-linear-gradient(90deg,#fff9 0 28px,transparent 28px 62px);background-position:calc(var(--drive-progress)*-180px) 0}.lane-one{top:190px}.lane-two{top:340px;opacity:.4;height:60px}.moving-vehicle{position:absolute;will-change:transform;z-index:2}.moving-vehicle img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 17px 10px #20395522);animation:vehicle-cruise 5s ease-in-out infinite alternate}.moving-car{width:82%;height:210px;left:3%;top:59px;transform:translate3d(calc(var(--drive-progress)*75px),calc(var(--drive-progress)*-12px),0)}.moving-scooter{width:38%;height:207px;left:8%;top:217px;transform:translate3d(calc(var(--drive-progress)*120px),calc(var(--drive-progress)*-18px),0)}.moving-scooter img{animation-delay:-2.5s}.scene-caption{position:absolute;bottom:34px;right:25px;text-align:right;max-width:47%;z-index:1}.scene-caption>span{font-size:10px;letter-spacing:1px;font-weight:700;color:#67768c}.scene-caption strong{display:block;font-size:25px;letter-spacing:-.8px;line-height:1.15;margin-top:9px}.training-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 28px}.training-choices button{display:flex;align-items:center;gap:16px;text-align:left;background:var(--navy);color:white;padding:24px;border-radius:13px;border:1px solid #243654;transition:background .25s}.training-choices button:hover{background:#243855}.choice-index{font-size:13px;color:#ffb16c}.training-choices strong{font-size:17px;line-height:1.4;display:block}.training-choices small{display:block;font-size:13px;color:#c3cddc;margin-top:5px;line-height:1.5}.choice-link{font-size:24px;margin-left:auto;color:#ffb16c}.premium-hero h1{font-size:46px}.lesson h3{min-height:55px}.motion-disabled .moving-vehicle{transform:none!important}.motion-disabled .moving-vehicle img{animation:none!important}@keyframes vehicle-cruise{0%,10%{transform:translateX(0)}90%,100%{transform:translateX(17px)}}
@media(max-width:1050px){.driving-scene.hero-visual{height:420px}.moving-car{top:60px;height:175px}.moving-scooter{top:215px;height:170px}.scene-caption{bottom:28px;right:20px}.scene-caption strong{font-size:22px}.scene-topline{font-size:8px}.training-choices button{padding:20px;gap:12px}.training-choices strong{font-size:16px}}
@media(max-width:760px){.driving-scene.hero-visual{height:375px;border-radius:18px}.moving-car{top:45px;height:170px;left:1%;width:87%;transform:translate3d(calc(var(--drive-progress)*35px),0,0)}.moving-scooter{top:182px;left:8%;height:170px;transform:translate3d(calc(var(--drive-progress)*65px),calc(var(--drive-progress)*-10px),0)}.scene-topline{top:18px;left:18px;right:18px;font-size:8px}.scene-caption{bottom:30px;right:20px;max-width:46%}.scene-caption strong{font-size:23px}.scene-caption>span{font-size:8px}.lane-one{top:170px}.lane-two{top:300px}.training-choices{grid-template-columns:1fr;gap:12px}.training-choices button{padding:20px}.training-choices strong{font-size:16px}.training-choices small{font-size:13px}.premium-hero h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){.moving-vehicle{transform:none!important}.moving-vehicle img{animation:none!important}}
