.s2d30{--navy:#061d33;--ink:#0d1b2a;--blue:#128ff3;--muted:#637587;--line:#e3eaf0;background:#fff;color:var(--ink);font-family:inherit}.s2d30 *{box-sizing:border-box}.s2d30-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.s2d30 h1,.s2d30 h2,.s2d30 h3,.s2d30 p{margin-top:0}.s2d30 a{text-decoration:none}.s2d30-hero{position:relative;min-height:555px;overflow:hidden;background:var(--navy);isolation:isolate}.s2d30-hero__photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 52%;display:block}.s2d30-hero__shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(6,29,51,.98) 0%,rgba(6,29,51,.96) 19%,rgba(6,29,51,.88) 33%,rgba(6,29,51,.70) 47%,rgba(6,29,51,.48) 59%,rgba(6,29,51,.27) 70%,rgba(6,29,51,.12) 79%,rgba(6,29,51,.04) 87%,rgba(6,29,51,0) 94%);pointer-events:none}.s2d30-hero__content{position:relative;z-index:2;min-height:555px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:transparent!important}.s2d30-crumb{font-size:12px;color:#c5d3df;margin-bottom:25px}.s2d30-crumb span{padding:0 8px}.s2d30-eyebrow{display:block;font-size:11px;line-height:1.2;letter-spacing:.18em;font-weight:800;color:var(--blue);margin-bottom:12px}.s2d30-eyebrow--light{color:#fff}.s2d30-hero h1{font-size:clamp(54px,5.2vw,76px);line-height:.96;letter-spacing:-.045em;color:#fff;margin-bottom:22px;max-width:650px}.s2d30-hero h1 em{display:block;color:#1597ff;font-style:normal}.s2d30-hero__content>p{font-size:17px;line-height:1.65;color:#eef5fa;max-width:610px;margin-bottom:0}.s2d30-actions{display:flex;gap:14px;margin-top:28px}.s2d30-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border-radius:999px;font-weight:750}.s2d30-btn--blue{background:#0b8fff;color:#fff}.s2d30-btn--outline{border:1.5px solid rgba(255,255,255,.9);color:#fff;background:rgba(0,0,0,.08)}.s2d30-proof{background:#052e51;color:#fff}.s2d30-proof__grid{display:grid;grid-template-columns:repeat(4,1fr)}.s2d30-proof__grid>div{padding:22px 24px;border-right:1px solid rgba(255,255,255,.14)}.s2d30-proof__grid>div:last-child{border-right:0}.s2d30-proof strong,.s2d30-proof small{display:block}.s2d30-proof small{color:#c8d7e4;margin-top:4px}.s2d30-section{padding:84px 0}.s2d30-route{display:grid;grid-template-columns:.9fr 1fr 1fr;gap:24px;align-items:stretch}.s2d30-intro{padding:14px 30px 10px 0}.s2d30 h2{font-size:clamp(34px,3.4vw,48px);line-height:1.08;letter-spacing:-.035em;margin-bottom:18px}.s2d30-intro p,.s2d30-lead,.s2d30-rates p,.s2d30-area__head>p{color:var(--muted);line-height:1.7}.s2d30-textlink,.s2d30-routecard a,.s2d30-package>a,.s2d30-area a{color:#0d8ff0;font-weight:750}.s2d30-routecard{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 38px rgba(13,27,42,.06)}.s2d30-routecard img{display:block;width:100%;height:190px;object-fit:cover}.s2d30-routecard>div{padding:24px}.s2d30-routecard h3{font-size:22px;margin-bottom:10px}.s2d30-routecard p{color:var(--muted);line-height:1.6;min-height:76px}.s2d30-steps{padding:78px 0;background:#f4f8fc}.s2d30-steps__head{max-width:620px;margin-bottom:42px}.s2d30-steps__head p{color:var(--muted)}.s2d30-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.s2d30-steps__grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;min-height:175px}.s2d30-steps__grid i{font-style:normal;color:var(--blue);font-weight:800}.s2d30-steps__grid h3{font-size:18px;margin:16px 0 9px}.s2d30-steps__grid p{color:var(--muted);font-size:14px;line-height:1.55}.s2d30-packages>div>h2{margin-bottom:12px}.s2d30-lead{max-width:800px;margin-bottom:36px}.s2d30-packagegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.s2d30-package{position:relative;border:1px solid var(--line);border-radius:16px;padding:26px 22px;background:#fff;box-shadow:0 10px 28px rgba(13,27,42,.045)}.s2d30-package.is-featured{border-color:#3aa6f4;box-shadow:0 16px 38px rgba(18,143,243,.10)}.s2d30-popular{position:absolute;right:16px;top:-9px;background:#fff;padding:0 8px;font-size:9px;color:#607080}.s2d30-packname{color:var(--blue);font-size:12px;font-weight:800}.s2d30-package h3{font-size:22px;margin:12px 0}.s2d30-package>p{color:var(--muted);font-size:14px;line-height:1.55;min-height:88px}.s2d30-price{font-size:37px;font-weight:850;margin:20px 0}.s2d30-price small{font-size:14px;margin-right:5px}.s2d30-package hr{border:0;border-top:1px solid var(--line);margin:20px 0}.s2d30-package>b{font-size:10px}.s2d30-package ul{list-style:none;padding:0;margin:15px 0 24px}.s2d30-package li{margin:9px 0;font-size:14px}.s2d30-package li:before{content:'✓';color:var(--blue);margin-right:9px;font-weight:800}.s2d30-package>a{display:flex;min-height:44px;border:1px solid #1b9af0;border-radius:10px;align-items:center;justify-content:center;font-size:13px}.s2d30-rates{background:#fafbfd}.s2d30-rates__grid{display:grid;grid-template-columns:.65fr 1.2fr .65fr;gap:44px;align-items:start}.s2d30-table{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.s2d30-table>div{display:grid;grid-template-columns:1fr 1.35fr auto;gap:15px;padding:17px 19px;border-bottom:1px solid var(--line);font-size:13px}.s2d30-table>div:last-child{border-bottom:0}.s2d30-table span{color:var(--muted)}.s2d30-rates aside{padding-top:8px}.s2d30-rates aside h3{font-size:22px;margin-bottom:12px}.s2d30-area{padding:88px 0;background:#f3f7fb;border-top:1px solid #e4ebf1}.s2d30-area__head{display:grid;grid-template-columns:1.05fr .8fr;gap:90px;align-items:end;margin-bottom:42px}.s2d30-area__head h2{margin-bottom:0}.s2d30-regions{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #dde7ef;border-radius:18px;overflow:hidden;box-shadow:0 16px 42px rgba(13,27,42,.055)}.s2d30-regions article{padding:31px 32px 34px;border-right:1px solid #e4ebf1}.s2d30-regions article:last-child{border-right:0}.s2d30-regions article>span{font-size:10px;letter-spacing:.15em;color:var(--blue);font-weight:850}.s2d30-regions h3{font-size:21px;margin:13px 0 12px}.s2d30-regions p{color:var(--muted);line-height:1.7;font-size:14px;margin:0}.s2d30-area__foot{display:flex;justify-content:flex-end;gap:20px;margin-top:22px;font-size:14px}.s2d30-area__foot span{color:#748596}.s2d30-final{padding:44px 0;background:linear-gradient(100deg,#041a2c,#073b65);color:#fff}.s2d30-final>.s2d30-wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.s2d30-final h2{font-size:32px;color:#fff;margin:4px 0 7px}.s2d30-final p{color:#d0deea;margin:0}
@media(max-width:980px){.s2d30-route{grid-template-columns:1fr 1fr}.s2d30-intro{grid-column:1/-1}.s2d30-packagegrid{grid-template-columns:1fr 1fr}.s2d30-rates__grid{grid-template-columns:1fr}.s2d30-area__head{grid-template-columns:1fr;gap:20px}.s2d30-regions{grid-template-columns:1fr}.s2d30-regions article{border-right:0;border-bottom:1px solid #e4ebf1}.s2d30-regions article:last-child{border-bottom:0}}@media(max-width:760px){.s2d30-hero{min-height:650px}.s2d30-hero__photo{object-position:69% center}.s2d30-hero__shade{background:linear-gradient(180deg,rgba(6,29,51,.20) 0%,rgba(6,29,51,.48) 38%,rgba(6,29,51,.95) 100%)}.s2d30-hero__content{min-height:650px;justify-content:flex-end;padding-bottom:42px}.s2d30-hero h1{font-size:45px}.s2d30-hero__content>p{font-size:14px}.s2d30-proof__grid,.s2d30-steps__grid{grid-template-columns:1fr 1fr}.s2d30-route{grid-template-columns:1fr}.s2d30-packagegrid{grid-template-columns:1fr}.s2d30-final>.s2d30-wrap{display:block}.s2d30-final .s2d30-actions{margin-top:22px}}@media(max-width:520px){.s2d30-wrap{width:min(100% - 30px,1180px)}.s2d30-proof__grid,.s2d30-steps__grid{grid-template-columns:1fr}.s2d30-actions{flex-direction:column;width:100%}.s2d30-btn{width:100%}.s2d30-section,.s2d30-area{padding:62px 0}.s2d30-area__foot{justify-content:flex-start;flex-wrap:wrap}}

/* v3.1 — simplified hero: the SECTION owns the full image + single gradient. */
.s2d30-hero{background-image:linear-gradient(90deg,rgba(6,29,51,.96) 0%,rgba(6,29,51,.90) 22%,rgba(6,29,51,.74) 38%,rgba(6,29,51,.52) 52%,rgba(6,29,51,.30) 65%,rgba(6,29,51,.13) 76%,rgba(6,29,51,.04) 86%,rgba(6,29,51,0) 94%),url('../img/autorijles-hero-approved-v204.jpg')!important;background-size:cover!important;background-position:62% 52%!important;background-repeat:no-repeat!important;}
.s2d30-hero__photo,.s2d30-hero__shade{display:none!important;}
.s2d30-hero__content{background:none!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;}
.s2d30-routecard img{height:240px;object-position:center;}
@media(max-width:760px){.s2d30-hero{background-image:linear-gradient(180deg,rgba(6,29,51,.12) 0%,rgba(6,29,51,.38) 38%,rgba(6,29,51,.94) 100%),url('../img/autorijles-hero-approved-v204.jpg')!important;background-position:69% center!important}.s2d30-routecard img{height:220px}}

/* v3.2 ROOT FIX
   Old hero JPG itself contained a baked vertical blurred/dark panel.
   v3.2 uses a new clean crop with that panel physically removed. */
.s2d30-hero{
 background-image:
 linear-gradient(90deg,
   rgba(4,25,45,.96) 0%,
   rgba(4,25,45,.90) 18%,
   rgba(4,25,45,.76) 32%,
   rgba(4,25,45,.56) 45%,
   rgba(4,25,45,.35) 57%,
   rgba(4,25,45,.18) 68%,
   rgba(4,25,45,.07) 78%,
   rgba(4,25,45,0) 88%),
 url('../img/autorijles-hero-clean-v34.jpg')!important;
 background-size:cover!important;
 background-position:center 52%!important;
 background-repeat:no-repeat!important;
}
.s2d30-hero__photo,.s2d30-hero__shade{display:none!important}
.s2d30-hero__content{background:transparent!important;background-image:none!important;box-shadow:none!important}

/* Region section closer to approved reference */
.s2d32-area{position:relative;padding:68px 0 26px;background:linear-gradient(110deg,#f4f9fd 0%,#f7fbfe 58%,#eaf5fc 100%);overflow:hidden;border-top:1px solid #e2edf5}
.s2d32-area__grid{display:grid;grid-template-columns:.9fr 1.65fr .8fr;gap:42px;align-items:center}
.s2d32-area__intro h2{font-size:38px;line-height:1.08;margin:7px 0 13px;color:#0d2843}
.s2d32-area__intro p{font-size:14px;line-height:1.65;color:#62778a;margin-bottom:20px}
.s2d32-area__btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid #138ff1;border-radius:999px;color:#0d8ff0;font-weight:750;font-size:13px}
.s2d32-area__regions{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-left:1px solid #d8e7f1;padding-left:34px}
.s2d32-area__regions h3{font-size:14px;margin:0 0 10px;color:#16324a}.s2d32-area__regions h3::first-letter{color:#168ff1}
.s2d32-area__regions ul{list-style:none;padding:0;margin:0}.s2d32-area__regions li{font-size:12px;color:#60768a;margin:7px 0}.s2d32-area__regions li:before{content:'✓';color:#1394ef;font-weight:800;margin-right:7px}
.s2d32-area__map{position:relative;min-height:190px;display:flex;align-items:center;justify-content:center}
.s2d32-area__map svg{width:100%;max-width:300px;filter:drop-shadow(0 12px 20px rgba(20,130,210,.08))}
.s2d32-area__map path{fill:#b9dcf5;stroke:#7fc0ee;stroke-width:2}.s2d32-area__map circle{fill:#138ff1;stroke:#fff;stroke-width:4}
.s2d32-area__map span{position:absolute;right:8px;top:4px;background:#fff;border-radius:999px;padding:7px 12px;font-size:10px;color:#60768a;box-shadow:0 6px 20px rgba(13,27,42,.08)}
.s2d32-area__foot{padding:16px 0 25px;text-align:center;font-size:12px;color:#6b7f91}.s2d32-area__foot a{color:#0d8ff0;font-weight:750}
@media(max-width:980px){.s2d32-area__grid{grid-template-columns:1fr}.s2d32-area__regions{border-left:0;padding-left:0}.s2d32-area__map{display:none}}
@media(max-width:700px){.s2d32-area__regions{grid-template-columns:1fr}.s2d30-hero{background-position:61% center!important}}

/* =========================================================
   v3.4 — Golden work-area refinement.
   IMPORTANT: hero remains exactly v3.2; no hero selectors here.
   ========================================================= */
.s2d34-area{padding:64px 0 22px;background:linear-gradient(108deg,#f4f9fd 0%,#f9fcfe 58%,#eaf5fc 100%);border-top:1px solid #e0ebf4;overflow:hidden}
.s2d34-area__layout{display:grid;grid-template-columns:.85fr 1.55fr .85fr;gap:38px;align-items:center}
.s2d34-area__intro h2{font-size:38px;line-height:1.06;letter-spacing:-.035em;color:#0d2945;margin:7px 0 13px}
.s2d34-area__intro p{font-size:13px;line-height:1.7;color:#607589;margin:0 0 20px;max-width:315px}
.s2d34-area__btn{display:inline-flex;align-items:center;min-height:42px;padding:0 17px;border:1px solid #138ff1;border-radius:999px;color:#0c8cf0;font-size:12px;font-weight:800;text-decoration:none}
.s2d34-area__regions{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid #d9e7f1}
.s2d34-area__regions article{padding:3px 23px 5px;border-right:1px solid #dfeaf2;min-height:142px}
.s2d34-area__regions article:last-child{border-right:0}
.s2d34-pin{display:block;color:#108ff0;font-size:12px;margin-bottom:7px}
.s2d34-area__regions h3{font-size:13px;line-height:1.3;color:#15324b;margin:0 0 10px}
.s2d34-area__regions ul{list-style:none;margin:0;padding:0}
.s2d34-area__regions li{font-size:11px;color:#607589;margin:6px 0;white-space:nowrap}
.s2d34-area__regions li:before{content:"✓";color:#1095ee;font-weight:900;margin-right:7px}
.s2d34-map{position:relative;min-height:205px;padding:25px 8px 8px}
.s2d34-map__title{position:absolute;right:5px;top:0;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b8092}
.s2d34-map svg{display:block;width:100%;max-width:310px;margin:auto;filter:drop-shadow(0 12px 20px rgba(24,123,190,.06))}
.s2d34-water path{fill:none;stroke:#cce4f4;stroke-width:2;stroke-linecap:round}
.s2d34-shape{fill:#e1f0fa;stroke:#a8d2ed;stroke-width:1.5}
.s2d34-zone path{fill:#7ec5f3;stroke:#2b9be3;stroke-width:1.5}
.s2d34-dots circle{fill:#087fe0;stroke:#fff;stroke-width:3}
.s2d34-map__legend{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#61778a;margin-top:-3px}
.s2d34-map__legend span{width:9px;height:9px;border-radius:3px;background:#7ec5f3;border:1px solid #2b9be3}
.s2d34-area__foot{padding:13px 0 23px;text-align:center;font-size:11px;color:#6c8092}
.s2d34-area__foot a{color:#0c8cf0;font-weight:800;text-decoration:none}
@media(max-width:1050px){.s2d34-area__layout{grid-template-columns:.8fr 1.5fr}.s2d34-map{display:none}}
@media(max-width:760px){.s2d34-area__layout{grid-template-columns:1fr;gap:30px}.s2d34-area__regions{grid-template-columns:1fr;border-left:0}.s2d34-area__regions article{border-right:0;border-bottom:1px solid #dfeaf2;padding:16px 0;min-height:0}.s2d34-area__regions article:last-child{border-bottom:0}.s2d34-area__intro h2{font-size:33px}}

/* v3.4 final */
.s2d30-hero{background-size:cover!important;background-position:52% center!important;background-repeat:no-repeat!important}
.s2d34-map--golden{min-height:0!important;padding:0!important;display:block!important}
.s2d34-map--golden img{display:block;width:100%;height:auto;max-width:390px;margin:0 auto;object-fit:contain}
.footer-logo{display:inline-block;margin-bottom:16px}.footer-logo img{display:block;width:190px;max-width:100%;height:auto}
@media(max-width:760px){.footer-logo img{width:175px}}

/* ==========================================================
   v3.5 precision corrections
   ========================================================== */

/* Hero image is now a real image layer: proportional scaling, no stretching. */
.s2d30-hero{
 position:relative!important;
 overflow:hidden!important;
 background:#062542!important;
 background-image:none!important;
}
.s2d30-hero__photo{
 display:block!important;
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
 object-position:62% 50%!important;
 z-index:0!important;
}
.s2d30-hero__shade{
 display:block!important;
 position:absolute!important;
 inset:0!important;
 z-index:1!important;
 background:linear-gradient(90deg,
 rgba(4,25,45,.97) 0%,
 rgba(4,25,45,.91) 18%,
 rgba(4,25,45,.76) 33%,
 rgba(4,25,45,.53) 47%,
 rgba(4,25,45,.30) 59%,
 rgba(4,25,45,.13) 71%,
 rgba(4,25,45,.04) 81%,
 rgba(4,25,45,0) 90%)!important;
}
.s2d30-hero__content{position:relative!important;z-index:2!important}

/* Native SVG map: no blend modes / raster crop, so no black rectangle. */
.s2d34-map--golden{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 background:transparent!important;
 min-height:205px!important;
 padding:0!important;
}
.s2d34-map--golden img{
 display:block!important;
 width:100%!important;
 max-width:410px!important;
 height:auto!important;
 object-fit:contain!important;
 mix-blend-mode:normal!important;
 filter:none!important;
 opacity:1!important;
 background:transparent!important;
 border-radius:0!important;
}
@media(max-width:760px){
 .s2d30-hero__photo{object-position:68% 50%!important}
}

/* ==========================================================
   v3.6 — approved refinements only
   Hero scaling remains unchanged; focal point moved right.
   ========================================================== */
.s2d30-hero__photo{
  object-fit:cover!important;
  object-position:68% 50%!important;
}
.s2d34-map--golden img{
  display:block!important;
  width:100%!important;
  max-width:430px!important;
  height:auto!important;
  object-fit:contain!important;
  background:transparent!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
@media(max-width:760px){
  .s2d30-hero__photo{object-position:73% 50%!important}
}

/* v4.16.5 — Autorijles theory banner */
.s2d4165-theory{background:linear-gradient(105deg,#041a2c 0%,#073b65 100%);color:#fff;padding:54px 0}
.s2d4165-theory__inner{display:flex;align-items:center;justify-content:space-between;gap:52px}
.s2d4165-theory__copy{max-width:760px}
.s2d4165-theory .s2d30-eyebrow{color:#1597ff;margin-bottom:10px}
.s2d4165-theory h2{color:#fff;font-size:clamp(30px,3vw,42px);line-height:1.08;margin:0 0 12px}
.s2d4165-theory p{color:#d0deea;line-height:1.7;margin:0;max-width:720px}
.s2d4165-theory__btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border-radius:999px;background:#0b8fff;color:#fff!important;font-weight:750;white-space:nowrap;text-decoration:none}
.s2d4165-theory__btn:hover{filter:brightness(1.06)}
@media(max-width:760px){.s2d4165-theory{padding:44px 0}.s2d4165-theory__inner{display:block}.s2d4165-theory__btn{margin-top:24px;width:100%;white-space:normal;text-align:center}}

/* v4.16.6 — Autorijles tablet work-area alignment only. */
@media (min-width:761px) and (max-width:1100px){
 .s2d30 .s2d34-area__layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;align-items:start!important;}
 .s2d30 .s2d34-area__intro{grid-column:1/-1;max-width:100%;}
 .s2d30 .s2d34-area__intro p{max-width:720px;}
 .s2d30 .s2d34-area__regions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;border-left:0!important;min-width:0;}
 .s2d30 .s2d34-area__regions article{padding:18px 20px!important;min-height:0!important;border:1px solid #dfeaf2!important;border-radius:14px;background:rgba(255,255,255,.7);}
 .s2d30 .s2d34-area__regions li{white-space:normal!important;font-size:13px;line-height:1.5;}
 .s2d30 .s2d34-area__regions h3{font-size:15px;}
 .s2d30 .s2d34-map--golden{display:flex!important;grid-column:1/-1!important;min-height:0!important;justify-content:center!important;padding:0!important;}
 .s2d30 .s2d34-map--golden img{width:100%!important;max-width:620px!important;height:auto!important;}
}

/* v4.16.11: Autorijles only. Override legacy !important full-bleed photo rules.
   Mobile fills the available width with natural image proportions, removing excess side spacing. */
@media (max-width:760px) {
  .s2d30 .s2d30-hero { min-height:0!important; display:flex!important; flex-direction:column!important; background:#061d33!important; }
  .s2d30 .s2d30-hero__photo { display:block!important; position:relative!important; inset:auto!important; width:100%!important; max-width:100%!important; height:auto!important; aspect-ratio:auto!important; margin:0!important; object-fit:contain!important; object-position:center!important; order:0!important; }
  .s2d30 .s2d30-hero__shade { display:none!important; }
  .s2d30 .s2d30-hero__content { min-height:0!important; order:1!important; justify-content:flex-start!important; padding-top:12px!important; padding-bottom:36px!important; }
}
@media (min-width:761px) and (max-width:1199px) {
  .s2d30 .s2d30-hero__photo { width:85%!important; height:100%!important; left:auto!important; right:0!important; object-fit:contain!important; object-position:right center!important; }
}