@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

html{scroll-behavior:smooth !important}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto !important}}

/* ── EYEBROW ───────────────────────────────────────────────────
   Grey, not green. It was var(--c-green), which put the colour reserved for
   the thing you click onto a label you cannot click. Green is for actions;
   an eyebrow is a caption.

   One set of values on every page that uses it. test-routes carried an extra
   opacity:.9 and show-tell an 11px margin, so the same component rendered
   three slightly different ways depending which page you were on. */
.trh-eyebrow{font-size:11.5px !important;font-weight:700 !important;
  letter-spacing:.14em !important;text-transform:uppercase !important;
  color:rgba(255,255,255,.34) !important;margin-bottom:14px !important}
.trh-root{
  position:relative !important; left:50% !important; right:50% !important;
  margin-left:-50vw !important; margin-right:-50vw !important;
  width:100vw !important; max-width:100vw !important; overflow-x:clip !important;
  --c-navy:#0c1927 !important; --c-navy-2:#0f1d2c !important; --c-green:#03c988 !important; --c-green-d:#02a873 !important;
  --r-lg:24px !important; --ease:cubic-bezier(.4,0,.2,1) !important;
  --green:#03c988 !important; --sub:#aeb6bf !important; --plate:#0e1f30 !important; --line:rgba(255,255,255,.10) !important; --tp:#00b67a !important;
  font-family:'Inter', 'Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  -webkit-font-smoothing:antialiased !important; color:#fff !important; line-height:1.5 !important; background:#0d1b2a !important;
}
.trh-root *,.trh-root *::before,.trh-root *::after{box-sizing:border-box !important;margin:0 !important;padding:0 !important;text-transform:none !important}
.trh-root :focus-visible{outline:2px solid var(--c-green) !important;outline-offset:3px !important;border-radius:8px !important}
.trh-w{max-width:1200px !important;margin:0 auto !important;padding:0 16px !important}
@media(min-width:700px){.trh-w{padding:0 32px !important}}
.trm-em{color:var(--c-green) !important}

/* hero */
.trh-hero{background:var(--c-navy) !important;position:relative !important;overflow:hidden !important}
.trh-hero>.trh-w{max-width:1200px !important;margin:0 auto !important;padding:calc(var(--hdr-total-h,56px) + 20px) 16px 40px !important}
@media(min-width:700px){.trh-hero>.trh-w{padding:calc(var(--hdr-total-h,56px) + 20px) 32px 44px !important}}
@media(min-width:769px){.trh-hero>.trh-w{padding:calc(var(--hdr-total-h,72px) + 20px) 32px 44px !important}}
@media(min-width:1100px){.trh-hero>.trh-w{padding:calc(var(--hdr-total-h,72px) + 24px) 32px 48px !important}}
.trh-hero-grid{display:block !important;position:relative !important;z-index:2 !important}
@media(min-width:900px){.trh-hero-grid{display:grid !important;grid-template-columns:1.1fr .9fr !important;column-gap:56px !important}}
.trh-hero-left{position:relative !important;z-index:3 !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;padding:0 0 8px !important}
.trh-hero-bread{display:none !important;font-size:12px !important;color:rgba(255,255,255,.62) !important;margin-bottom:32px !important;align-items:center !important;gap:6px !important}
@media(min-width:700px){.trh-hero-bread{display:flex !important}}
.trh-hero-bread a{color:rgba(255,255,255,.62) !important;text-decoration:none !important}
.trh-hero-bread a:hover{color:#fff !important}
.trh-hero-bread-sep{color:rgba(255,255,255,.3) !important;flex-shrink:0 !important}
.trh-hero-bread-cur{color:rgba(255,255,255,.8) !important;font-weight:500 !important}
.trh-hero-bread-back{display:inline-flex !important;align-items:center !important;gap:6px !important;margin:0 0 2px -4px !important;padding:2px 4px 14px !important;font-size:13px !important;font-weight:500 !important;color:rgba(255,255,255,.55) !important;text-decoration:none !important}
@media(min-width:700px){.trh-hero-bread-back{display:none !important}}
.trh-hero-bread-back:hover{color:rgba(255,255,255,.82) !important}
.trh-hero-bread-back-ico{flex-shrink:0 !important;color:rgba(255,255,255,.4) !important}
.trh-hero-status{display:flex !important;align-items:center !important;gap:10px !important;margin-bottom:16px !important;font-size:13px !important;color:rgba(255,255,255,.62) !important;font-weight:500 !important}
@media(min-width:700px){.trh-hero-status{margin-bottom:20px !important}}
.trh-hero-updated{display:inline-flex !important;align-items:center !important;gap:6px !important}
.trh-hero-updated-ico{display:inline-flex !important;color:var(--c-green) !important}
.trh-hero-h1{margin:0 0 16px !important;letter-spacing:-.02em !important;line-height:1.05 !important;text-transform:none !important}
.trh-hero-lead{display:block !important;font-size:clamp(22px,3vw,32px) !important;font-weight:700 !important;color:#fff !important;line-height:1.1 !important}
.trh-hero-city{display:block !important;font-size:clamp(40px,6.4vw,68px) !important;font-weight:800 !important;color:var(--c-green) !important;letter-spacing:-.03em !important;line-height:1 !important;margin-top:4px !important}
.trh-hero-intro{font-size:16.5px !important;color:rgba(255,255,255,.52) !important;line-height:1.65 !important;margin:0 0 24px !important;max-width:540px !important}
.trm-cta-row{display:flex !important;align-items:center !important;gap:20px !important;flex-wrap:wrap !important;margin-top:48px !important}
.trm-btn{display:inline-flex !important;align-items:center !important;gap:9px !important;padding:14px 22px !important;border-radius:8px !important;font-size:14.5px !important;font-weight:700 !important;border:none !important;cursor:pointer !important;font-family:inherit !important;text-decoration:none !important;transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease) !important}
.trm-btn-primary{background:var(--c-green) !important;color:#0c1927 !important;box-shadow:0 10px 30px rgba(3,201,136,.3) !important}
.trm-btn-primary:hover{background:var(--c-green-d) !important;transform:translateY(-2px) !important;box-shadow:0 14px 36px rgba(3,201,136,.4) !important}
.trm-hero-login{font-family:inherit !important;color:#fff !important;font-weight:600 !important;font-size:14px !important;text-decoration:none !important;border-bottom:1px solid rgba(255,255,255,.3) !important;padding-bottom:2px !important}
.trm-hero-login:hover{border-color:var(--c-green) !important;color:var(--c-green) !important}

/* trustpilot — routes-hub trust line (stars + rating + filmed), upload-aware */
.trh-trust{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:8px !important;row-gap:6px !important;margin-top:28px !important;padding-top:18px !important;border-top:1px solid rgba(255,255,255,.08) !important;font-size:13.5px !important;color:rgba(255,255,255,.72) !important}
.trh-trust strong{color:#fff !important;font-weight:700 !important}
.trh-stars{display:inline-flex !important;gap:2px !important;flex-shrink:0 !important}
.trh-stars svg{display:block !important;width:16px !important;height:16px !important}
.trh-stars-img{display:block !important;height:20px !important;width:auto !important}
.trh-tp-rating{font-size:14px !important;color:rgba(255,255,255,.78) !important;white-space:nowrap !important}
.trh-tp-rating strong{font-size:15px !important}
.trh-tp-brand{display:inline-flex !important;align-items:center !important;gap:5px !important;font-weight:700 !important;color:#fff !important;text-decoration:none !important}
.trh-tp-brand:hover{text-decoration:underline !important}
.trh-tp-logo{display:block !important;height:18px !important;width:auto !important}
.trh-tdot{font-size:11px !important;color:rgba(255,255,255,.32) !important}
.trh-filmed{color:rgba(255,255,255,.72) !important}

/* hero visual */
.trh-hero-vis{position:relative !important;display:none !important}
@media(min-width:900px){.trh-hero-vis{display:flex !important;align-items:center !important;justify-content:center !important}}
.trh-art{position:relative !important;width:100% !important;max-width:300px !important;z-index:1 !important}
.trh-glow{position:absolute !important;inset:0 !important;margin:auto !important;width:420px !important;height:420px !important;border-radius:999px !important;background:radial-gradient(circle at center,rgba(3,201,136,.10),rgba(3,201,136,0) 68%) !important;pointer-events:none !important;z-index:0 !important;animation:trhGlow 12s var(--ease) infinite !important}
.trh-routecard{position:relative !important;width:100% !important;border-radius:var(--r-lg) !important;overflow:hidden !important;background:var(--plate) !important;border:1px solid var(--line) !important;box-shadow:0 40px 80px -34px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05) !important;transform:rotate(-3deg);animation:trhFloat 6.5s var(--ease) infinite !important}
.trh-rc-head{display:flex !important;align-items:center !important;gap:9px !important;padding:13px 15px !important;background:rgba(255,255,255,.03) !important;border-bottom:1px solid rgba(255,255,255,.06) !important}
.trh-rc-dot{width:9px !important;height:9px !important;border-radius:999px !important;background:var(--green) !important;box-shadow:0 0 0 3px rgba(3,201,136,.2) !important;flex:none !important}
.trh-rc-title{color:#fff !important;font-weight:700 !important;font-size:13.5px !important}
.trh-rc-4k{margin-left:auto !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.06em !important;color:#0c1927 !important;background:var(--green) !important;padding:3px 7px !important;border-radius:6px !important}
.trh-rc-map{position:relative !important;height:143px !important}
.trm-rc-poster{background:#0a1628 !important;display:grid !important;place-items:center !important}
.trm-rc-play{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;z-index:3 !important;width:50px !important;height:50px !important;border-radius:50% !important;border:none !important;cursor:pointer !important;display:grid !important;place-items:center !important;background:var(--c-green) !important;color:#06281c !important;box-shadow:0 6px 24px rgba(3,201,136,.45) !important;transition:transform .2s var(--ease) !important}
.trm-rc-play svg{margin-left:2px !important}
.trm-rc-play:hover{transform:translate(-50%,-50%) scale(1.08) !important}
.trh-rc-bar{height:5px !important;background:rgba(255,255,255,.07) !important;position:relative !important}
.trh-rc-bar i{position:absolute !important;left:0 !important;top:0 !important;height:100% !important;width:62% !important;background:var(--green) !important}
.trh-rc-foot{display:flex !important;align-items:center !important;gap:9px !important;padding:11px 15px !important;background:rgba(255,255,255,.03) !important}
.trh-rc-tag{font-size:10px !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:var(--c-green) !important;background:rgba(3,201,136,.12) !important;border:1px solid rgba(3,201,136,.3) !important;padding:4px 8px !important;border-radius:999px !important}
.trh-rc-meta{font-size:12px !important;color:var(--sub) !important}
.trh-rc-meta b{color:#fff !important}
@keyframes trhFloat{0%,100%{transform:translateY(0) rotate(calc(var(--r,0deg) - .5deg))}50%{transform:translateY(-10px) rotate(calc(var(--r,0deg) + .5deg))}}
@keyframes trhGlow{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,16px)}}

/* shared poster */
.trm-poster-art{position:absolute !important;inset:0 !important;display:grid !important;place-items:end center !important;padding-bottom:16px !important;background:#0a1628 !important;color:rgba(255,255,255,.34) !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.16em !important;text-transform:uppercase !important}
.trm-poster-img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.trm-poster-art .trm-svg{height:100% !important;width:auto !important;max-width:100% !important;display:block !important}

/* Hero card foot play + diagram fill — matches Driving Test Routes card 1:1 */
.trh-rc-map > svg{display:block !important}
.trh-rc-play{width:34px !important;height:34px !important;border-radius:999px !important;background:var(--c-green) !important;display:grid !important;place-items:center !important;color:#04221a !important;flex:none !important}
.trm-frame{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border:0 !important;object-fit:contain !important;background:#000 !important}

/* Jump-to-a-manoeuvre chips — in the hero, under the social proof */
.trm-hero-jump{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:36px !important;max-width:600px !important}
.trm-chip{cursor:pointer !important;white-space:nowrap !important;display:inline-flex !important;align-items:center !important;gap:6px !important;font-size:13px !important;font-weight:600 !important;color:rgba(255,255,255,.8) !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.1) !important;padding:7px 13px !important;border-radius:999px !important;text-decoration:none !important;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease) !important}
.trm-chip:hover{background:rgba(3,201,136,.14) !important;border-color:rgba(3,201,136,.4) !important;color:#fff !important}
.trm-chip.is-active{background:var(--c-green) !important;border-color:transparent !important;color:#06281c !important}
.trm-chip-dot{width:5px !important;height:5px !important;border-radius:999px !important;background:rgba(255,255,255,.45) !important}
.trm-chip.is-active .trm-chip-dot{background:rgba(6,40,28,.55) !important}
/* Desktop shows the full label; the micro label is held back */
.trm-chip-sm{display:none !important}
/* Swap to the micro label where the row is too narrow for the full ones:
   real mobile, and the 900–1140px band where the two-column grid squeezes
   the left column. */
@media (max-width:599.98px),(min-width:900px) and (max-width:1139.98px){
	.trm-chip-lg{display:none !important}
	.trm-chip-sm{display:inline !important}
}
/* On phones, tighten the chips a touch so all five fit on one line */
@media (max-width:599.98px){
	.trm-hero-jump{gap:6px !important;max-width:none !important;margin-top:30px !important}
	.trm-chip{font-size:12.5px !important;padding:5px 9px !important}
}

/* video section */
.trm-video{background:var(--c-navy-2) !important}
.trm-video>.trh-w{padding:48px 16px 60px !important}
@media(min-width:700px){.trm-video>.trh-w{padding:64px 32px 80px !important}}
.trm-sec-top{display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:24px !important;flex-wrap:wrap !important;margin-bottom:34px !important}
.trm-h2{margin:0 !important;font-size:30px !important;line-height:1.12 !important;font-weight:800 !important;color:#fff !important;letter-spacing:-.03em !important}
@media(min-width:700px){.trm-h2{font-size:36px !important}}
.trm-h2--center{text-align:center !important;margin-inline:auto !important;max-width:680px !important}
.trm-intro{margin:16px 0 0 !important;max-width:640px !important;font-size:16.5px !important;line-height:1.7 !important;color:rgba(255,255,255,.74) !important}
.trm-seg{display:inline-flex !important;align-items:center !important;gap:6px !important;background:rgba(255,255,255,.04) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:10px !important;padding:5px !important;flex-shrink:0 !important}
.trm-seg-lbl{font-size:11px !important;font-weight:600 !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:rgba(255,255,255,.5) !important;padding:0 8px !important}
.trm-seg-btn{all:unset !important;cursor:pointer !important;font-size:13px !important;font-weight:600 !important;color:rgba(255,255,255,.66) !important;padding:7px 14px !important;border-radius:7px !important;transition:background .15s var(--ease),color .15s var(--ease) !important}
.trm-seg-btn.is-on{background:var(--c-green) !important;color:#06281c !important}

/* ═══ Manoeuvre cards — Direction A (route-twin tile + detail modal) ═══ */
.trm-grid{display:grid !important;grid-template-columns:1fr !important;column-gap:24px !important;row-gap:28px !important}
@media(min-width:760px){.trm-grid{grid-template-columns:repeat(2,1fr) !important;column-gap:24px !important;row-gap:30px !important}}
.trm-card{display:flex !important;flex-direction:column !important;gap:0 !important;scroll-margin-top:calc(var(--hdr-total-h,72px) + 24px) !important}
.trm-card:target,.trm-card.trm-landed{animation:trm-land 1.5s var(--ease) !important}
@media (prefers-reduced-motion: reduce){.trm-card:target,.trm-card.trm-landed{animation:none !important}}

/* media tile */
.trm-card-video{position:relative !important;aspect-ratio:16/9 !important;border-radius:14px !important;overflow:hidden !important;background:#0a1628 !important;border:1px solid var(--line) !important;transition:border-color .2s var(--ease) !important}
.trm-card:hover .trm-card-video{border-color:rgba(255,255,255,.18) !important}
.trm-v-vignette{position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:radial-gradient(130% 130% at 50% 0%,transparent 55%,rgba(0,0,0,.5)) !important}
.trm-v-scrim{position:absolute !important;left:0 !important;right:0 !important;top:0 !important;height:52% !important;z-index:2 !important;pointer-events:none !important;background:linear-gradient(180deg,rgba(7,15,24,.92),transparent) !important}

/* top badges */
.trm-v-tl{position:absolute !important;top:12px !important;left:13px !important;z-index:3 !important;max-width:62% !important}
.trm-v-tr{position:absolute !important;top:11px !important;right:11px !important;z-index:3 !important;display:flex !important;gap:6px !important}
.trm-vbadge{display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.02em !important;padding:4px 9px !important;border-radius:999px !important;background:rgba(8,18,28,.72) !important;color:#fff !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;border:1px solid rgba(255,255,255,.12) !important;line-height:1.3 !important}
.trm-vbadge--ok{color:#bdfbe4 !important}
.trm-vbadge--ok svg{color:var(--c-green) !important}
.trm-vbadge--off{color:rgba(255,255,255,.7) !important}
.trm-v-4k{letter-spacing:.06em !important;font-weight:800 !important}
.trm-v-dur{font-variant-numeric:tabular-nums !important}

/* centre play disc */
.trm-v-play{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;z-index:4 !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:9px !important;border:none !important;background:transparent !important;cursor:pointer !important;padding:0 !important}
.trm-v-play-ring{width:58px !important;height:58px !important;border-radius:50% !important;display:grid !important;place-items:center !important;background:var(--c-green) !important;color:#06281c !important;box-shadow:0 12px 34px -8px rgba(3,201,136,.6) !important;transition:transform .18s var(--ease) !important}
.trm-v-play-ring svg{margin-left:2px !important}
.trm-v-play:hover .trm-v-play-ring{transform:scale(1.06) !important}
.trm-v-play-cap{font-size:12px !important;font-weight:700 !important;letter-spacing:.02em !important;color:#fff !important;text-shadow:0 1px 8px rgba(0,0,0,.6) !important}

/* bottom overlay: name + meta */
.trm-card-name{margin:0 !important;padding:0 !important;font-size:16px !important;font-weight:700 !important;letter-spacing:-.01em !important;line-height:1.2 !important;color:#fff !important;text-shadow:0 1px 6px rgba(0,0,0,.55) !important}
.trm-v-meta{font-size:11.5px !important;color:rgba(255,255,255,.72) !important;margin-top:2px !important;text-shadow:0 1px 6px rgba(0,0,0,.55) !important}
.trm-v-meta b{color:#fff !important;font-weight:600 !important}

/* playing state: clear the tile chrome so the iframe owns the frame */
.trm-card-video.is-playing .trm-v-scrim,
.trm-card-video.is-playing .trm-v-tl,
.trm-card-video.is-playing .trm-v-tr,
.trm-card-video.is-playing .trm-v-vignette{display:none !important}
.trm-frame{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border:0 !important;z-index:5 !important;object-fit:contain !important;background:#000 !important}

/* preview gate (non-members, shown after play) */
.trm-v-gate{position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:7 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;flex-wrap:wrap !important;padding:10px 12px !important;background:linear-gradient(to top,rgba(6,12,20,.94),rgba(6,12,20,.55) 70%,transparent) !important}
.trm-v-gate-txt{font-size:12.5px !important;font-weight:600 !important;color:#fff !important}
.trm-v-gate-act{display:inline-flex !important;align-items:center !important;gap:8px !important}
.trm-v-gate-login{font-size:12.5px !important;font-weight:700 !important;color:#06281c !important;background:var(--c-green) !important;padding:7px 13px !important;border-radius:7px !important;text-decoration:none !important}
.trm-v-gate-login:hover{background:#02bd80 !important}
.trm-v-gate-get{font-size:12.5px !important;font-weight:600 !important;color:#fff !important;text-decoration:none !important;border-bottom:1px solid rgba(255,255,255,.35) !important;padding-bottom:1px !important}
.trm-v-gate-get:hover{color:var(--c-green) !important;border-color:var(--c-green) !important}
.trm-previewnote{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;z-index:6 !important;font-size:11.5px !important;font-weight:600 !important;color:rgba(255,255,255,.92) !important;background:rgba(13,27,42,.72) !important;border:1px solid rgba(255,255,255,.14) !important;padding:6px 13px !important;border-radius:999px !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;white-space:nowrap !important}

/* action row under the tile */
.trm-act{display:flex !important;gap:8px !important;margin-top:11px !important}
.trm-act-btn{flex:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;border:1px solid rgba(255,255,255,.14) !important;background:rgba(255,255,255,.05) !important;color:#fff !important;font-size:13px !important;font-weight:600 !important;font-family:inherit !important;padding:10px 14px !important;border-radius:10px !important;cursor:pointer !important;transition:background .15s var(--ease),border-color .15s var(--ease) !important}
.trm-act-btn:hover{background:rgba(3,201,136,.14) !important;border-color:rgba(3,201,136,.4) !important}
.trm-act-btn svg{color:rgba(255,255,255,.55) !important;transition:color .15s var(--ease) !important}
.trm-act-btn:hover svg{color:var(--c-green) !important}

/* ── detail modal (modelled on the DTC route detail modal) ── */
@keyframes trm-fade{from{opacity:0}to{opacity:1}}
@keyframes trm-mslide{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes trm-mscale{from{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.trm-modal{display:none !important;--c-navy:#0c1927;--c-navy-2:#0f1d2c;--c-green:#03c988;--c-green-d:#02a873;--line:rgba(255,255,255,.10);--ease:cubic-bezier(.4,0,.2,1);--plate:#0e1f30}
body.trm-modal-open{overflow:hidden !important}
.trm-modal.is-open{display:flex !important;position:fixed !important;inset:0 !important;z-index:2147483600 !important;align-items:flex-end !important;justify-content:center !important;padding:0 !important;animation:trm-fade .2s var(--ease) !important}
@media(min-width:700px){.trm-modal.is-open{align-items:center !important;padding:24px !important}}
.trm-modal-bg{position:absolute !important;inset:0 !important;background:rgba(13,27,42,.6) !important;-webkit-backdrop-filter:blur(12px) !important;backdrop-filter:blur(12px) !important}
.trm-modal-card{position:relative !important;z-index:1 !important;display:flex !important;flex-direction:column !important;width:100% !important;max-height:90vh !important;overflow:hidden !important;background:var(--c-navy) !important;border:1px solid var(--line) !important;border-radius:18px 18px 0 0 !important;box-shadow:0 -10px 40px rgba(0,0,0,.4) !important;animation:trm-mslide .3s cubic-bezier(.16,1,.3,1) !important}
@media(min-width:700px){.trm-modal-card{max-width:920px !important;border-radius:18px !important;box-shadow:0 40px 80px rgba(0,0,0,.5) !important;animation:trm-mscale .3s cubic-bezier(.16,1,.3,1) !important}}
@media (prefers-reduced-motion: reduce){.trm-modal.is-open,.trm-modal-card{animation:none !important}}
@media(max-width:699px){.trm-modal-card::before{content:"" !important;position:absolute !important;top:8px !important;left:50% !important;transform:translateX(-50%) !important;width:38px !important;height:4px !important;border-radius:99px !important;background:rgba(255,255,255,.35) !important;z-index:10 !important;pointer-events:none !important}}

.trm-modal-media{position:relative !important;flex:none !important;aspect-ratio:16/9 !important;max-height:48vh !important;width:100% !important;overflow:hidden !important;background:#0a1628 !important;display:none !important}
@media(min-width:700px){.trm-modal-media{max-height:60vh !important}}
.trm-modal-thumb{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.trm-modal-art{position:absolute !important;inset:0 !important;display:grid !important;place-items:end center !important;padding-bottom:18px !important;background:#0a1628 !important;color:rgba(255,255,255,.34) !important;font-size:15px !important;font-weight:600 !important;letter-spacing:.18em !important;text-transform:uppercase !important}
.trm-modal-art .trm-svg{width:100% !important;height:100% !important;display:block !important}
.trm-modal-scrim{position:absolute !important;left:0 !important;right:0 !important;top:0 !important;height:50% !important;z-index:1 !important;pointer-events:none !important;background:linear-gradient(to bottom,rgba(7,15,24,.94),transparent) !important}
.trm-modal-x{position:absolute !important;top:12px !important;right:12px !important;z-index:10 !important;width:34px !important;height:34px !important;border-radius:50% !important;border:none !important;background:rgba(0,0,0,.5) !important;color:rgba(255,255,255,.85) !important;display:grid !important;place-items:center !important;cursor:pointer !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important}
.trm-modal-x:hover{background:rgba(0,0,0,.72) !important;color:#fff !important}
.trm-modal-4k{display:inline-flex !important;align-items:center !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.05em !important;color:rgba(255,255,255,.9) !important;padding:4px 8px !important;border-radius:6px !important;background:rgba(8,18,28,.6) !important;-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,.12) !important;line-height:1 !important}
.trm-modal-badge{display:inline-flex !important;align-items:center !important;gap:5px !important;font-size:11px !important;font-weight:700 !important;color:#fff !important;padding:4px 9px !important;border-radius:999px !important;background:rgba(8,18,28,.6) !important;-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,.12) !important;line-height:1.3 !important}
.trm-modal-badge.is-ok{color:#bdfbe4 !important}
.trm-modal-badge.is-ok svg{color:var(--c-green) !important}
.trm-modal-badge.is-off{color:rgba(255,255,255,.72) !important}
.trm-modal-titlewrap{position:absolute !important;top:18px !important;left:22px !important;right:auto !important;bottom:auto !important;z-index:3 !important;max-width:64% !important}
.trm-modal-tr{position:absolute !important;top:13px !important;right:13px !important;z-index:4 !important;display:flex !important;gap:6px !important}
@media(max-width:699px){.trm-modal-tr{right:56px !important}}
.trm-modal-title{font-size:23px !important;font-weight:700 !important;letter-spacing:-.02em !important;line-height:1.2 !important;color:#fff !important}
.trm-modal-env{font-size:13px !important;color:rgba(255,255,255,.6) !important;margin-top:5px !important}
.trm-modal-head{position:relative !important;padding-right:42px !important;margin-bottom:2px !important}
.trm-modal-ontest.is-ok{color:var(--c-green) !important;font-weight:600 !important}
.trm-modal-ontest.is-off{color:rgba(255,255,255,.5) !important}
.trm-modal-watch{display:inline-flex !important;align-items:center !important;gap:7px !important;margin-top:13px !important;padding:9px 16px !important;border:none !important;border-radius:999px !important;background:var(--c-green) !important;color:#06281c !important;font-size:13.5px !important;font-weight:700 !important;cursor:pointer !important;transition:background .15s var(--ease) !important}
.trm-modal-watch:hover{background:var(--c-green-d) !important}
.trm-modal-watch svg{margin-left:1px !important}

/* modal watch button + watch mode */
.trm-modal-play{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;z-index:6 !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:11px !important;border:none !important;background:transparent !important;cursor:pointer !important;padding:0 !important}
.trm-modal-play-ring{width:68px !important;height:68px !important;border-radius:50% !important;display:grid !important;place-items:center !important;background:var(--c-green) !important;color:#06281c !important;box-shadow:0 16px 44px -8px rgba(3,201,136,.65) !important;transition:transform .18s var(--ease) !important}
.trm-modal-play-ring svg{margin-left:3px !important}
.trm-modal-play:hover .trm-modal-play-ring{transform:scale(1.07) !important}
.trm-modal-play-cap{font-size:13px !important;font-weight:700 !important;letter-spacing:.02em !important;color:#fff !important;text-shadow:0 1px 8px rgba(0,0,0,.6) !important;background:rgba(8,18,28,.5) !important;padding:5px 13px !important;border-radius:999px !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important}
.trm-modal-media.is-playing .trm-modal-play,
.trm-modal-media.is-playing .trm-modal-scrim{display:none !important}
/* Watch mode = a clean video modal: hide the reading content (lead, steps, faults)
   while the clip plays. The steps & faults stay available in reading mode (the button). */
.trm-modal-card.is-watching .trm-modal-body{display:none !important}
.trm-modal-card.is-watching .trm-modal-media{display:block !important}
@media(min-width:700px){
.trm-modal-card.is-watching{flex-direction:column !important}
.trm-modal-card.is-watching .trm-modal-media{flex:none !important;width:100% !important;aspect-ratio:16/9 !important;max-height:none !important;align-self:auto !important}
}

.trm-modal-body{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;padding:20px 22px 24px !important}
.trm-modal-lead{font-size:14.5px !important;line-height:1.6 !important;color:rgba(255,255,255,.8) !important;margin:0 !important}
.trm-mblk{margin-top:18px !important;padding-top:16px !important;border-top:1px solid var(--line) !important}
.trm-modal-cols{display:grid !important;grid-template-columns:1fr !important}
@media(min-width:700px){
.trm-modal-cols{grid-template-columns:1fr 1fr !important;gap:0 28px !important;margin-top:18px !important;padding-top:16px !important;border-top:1px solid var(--line) !important}
.trm-modal-cols .trm-mblk{margin-top:0 !important;padding-top:0 !important;border-top:0 !important}
}
.trm-mblk-head{font-size:11px !important;font-weight:700 !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:rgba(255,255,255,.6) !important;margin:0 0 11px !important}

/* examiner says (green highlight block) */
.trm-says{margin-top:18px !important;background:rgba(3,201,136,.08) !important;border:1px solid rgba(3,201,136,.2) !important;border-radius:11px !important;padding:12px 14px !important}
.trm-says-label{display:block !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.07em !important;text-transform:uppercase !important;color:var(--c-green) !important;margin-bottom:4px !important}
.trm-says-text{margin:0 !important;font-size:13.5px !important;line-height:1.55 !important;color:rgba(255,255,255,.9) !important;font-style:italic !important}

/* steps */
.trm-steps{list-style:none !important;counter-reset:s !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;gap:13px !important}
.trm-steps li{counter-increment:s !important;position:relative !important;padding-left:34px !important}
.trm-step-lead{display:block !important;font-size:14px !important;font-weight:700 !important;color:#fff !important;line-height:1.4 !important}
.trm-step-detail{display:block !important;font-size:13px !important;line-height:1.4 !important;color:rgba(255,255,255,.7) !important;margin-top:1px !important}
.trm-steps li::before{content:counter(s,decimal-leading-zero) !important;position:absolute !important;left:0 !important;top:0 !important;font-size:11px !important;font-weight:800 !important;color:var(--c-green) !important;background:rgba(3,201,136,.12) !important;border:1px solid rgba(3,201,136,.24) !important;width:23px !important;height:23px !important;border-radius:7px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-variant-numeric:tabular-nums !important}

/* faults */
.trm-faults-list{list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;gap:8px !important}
.trm-faults-list li{display:flex !important;align-items:flex-start !important;gap:9px !important;font-size:13.5px !important;line-height:1.45 !important;color:rgba(255,255,255,.74) !important}
.trm-faults-list li svg{flex-shrink:0 !important;margin-top:2px !important;color:#ff7a7a !important}

/* finder line */
.trm-finder-line{margin:32px 0 0 !important;text-align:center !important;font-size:14.5px !important;color:rgba(255,255,255,.72) !important}
.trm-finder-line a{display:inline-flex !important;align-items:center !important;gap:6px !important;color:var(--c-green) !important;font-weight:700 !important;text-decoration:none !important;margin-left:8px !important}
.trm-finder-line a:hover{color:#fff !important}
.trm-finder-line svg{transition:transform .2s !important}
.trm-finder-line a:hover svg{transform:translateX(3px) !important}

/* pricing — EXACT shared component (homepage + every DTC page); from assets/css/pricing.css */
.trm-pricing-sec{background:#152536 !important}
.trm-pricing-sec>.trh-w{padding:56px 16px 64px !important}
@media(min-width:700px){.trm-pricing-sec>.trh-w{padding:72px 32px 84px !important}}
.tr-pricing{--tp-green:#03c988 !important;--tp-green-d:#02a873 !important;--tp-green-lt:#3ee0a6 !important;--tp-ink:#0d1b2a !important;--tp-ease:cubic-bezier(.4,0,.2,1) !important;--tp-dur:.2s !important;font-family:'Inter', 'Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important}
.tr-pricing__head{text-align:center !important;max-width:640px !important;margin:0 auto 28px !important}
.tr-pricing__accent{width:32px !important;height:2px !important;border-radius:2px !important;background:rgba(3,201,136,.5) !important;margin:0 auto 14px !important}
.tr-pricing__title{font-size:26px !important;font-weight:800 !important;letter-spacing:-.03em !important;line-height:1.15 !important;color:rgba(255,255,255,.94) !important;margin:0 0 8px !important}
@media(min-width:760px){.tr-pricing__title{font-size:30px !important}}
.tr-pricing__sub{font-size:13px !important;line-height:1.6 !important;color:rgba(255,255,255,.55) !important;margin:0 !important}
.tr-pricing__cols{display:grid !important;grid-template-columns:1fr !important;gap:14px !important;max-width:980px !important;margin:0 auto !important;align-items:stretch !important}
@media(min-width:760px){.tr-pricing__cols{grid-template-columns:1fr 1fr 1fr !important;gap:20px !important}}
.tr-pricing__plan{position:relative !important;display:flex !important;flex-direction:column !important;background:rgba(255,255,255,.04) !important;border:.5px solid rgba(255,255,255,.1) !important;border-radius:16px !important;padding:28px 24px !important;text-align:left !important;transition:border-color var(--tp-dur) var(--tp-ease),transform var(--tp-dur) var(--tp-ease),box-shadow var(--tp-dur) var(--tp-ease) !important}
.tr-pricing__plan:hover{border-color:rgba(255,255,255,.2) !important;transform:translateY(-2px) !important;box-shadow:0 12px 32px rgba(0,0,0,.22) !important}
.tr-pricing__plan.is-hero{background:rgba(3,201,136,.06) !important;border-color:rgba(3,201,136,.3) !important}
.tr-pricing__plan.is-hero:hover{border-color:rgba(3,201,136,.45) !important}
.tr-pricing__badge{position:absolute !important;top:-10px !important;left:50% !important;transform:translateX(-50%) !important;white-space:nowrap !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.04em !important;color:var(--tp-ink) !important;background:var(--tp-green) !important;border-radius:999px !important;padding:4px 12px !important}
.tr-pricing__plan:not(.is-hero) .tr-pricing__badge{background:#13273a !important;border:1px solid rgba(3,201,136,.45) !important;color:var(--tp-green) !important}
.tr-pricing__name{font-size:17px !important;font-weight:700 !important;color:#fff !important;margin-bottom:4px !important}
.tr-pricing__dur{display:inline-flex !important;align-self:flex-start !important;align-items:baseline !important;gap:5px !important;background:rgba(255,255,255,.08) !important;padding:6px 13px !important;border-radius:8px !important;margin-bottom:12px !important}
.tr-pricing__dur b{font-size:15px !important;font-weight:700 !important;color:#fff !important;letter-spacing:-.01em !important}
.tr-pricing__dur span{font-size:12.5px !important;font-weight:500 !important;color:rgba(255,255,255,.65) !important}
.tr-pricing__tagline{font-size:12px !important;color:rgba(255,255,255,.6) !important;margin:-6px 0 12px !important;line-height:1.4 !important}
.tr-pricing__was{font-size:13px !important;color:rgba(255,255,255,.4) !important;text-decoration:line-through !important;margin-bottom:2px !important}
.tr-pricing__price{display:flex !important;align-items:flex-start !important;gap:1px !important;margin-bottom:2px !important}
.tr-pricing__sym{font-size:18px !important;font-weight:700 !important;color:rgba(255,255,255,.7) !important;margin-top:5px !important}
.tr-pricing__int{font-size:40px !important;font-weight:800 !important;color:#fff !important;line-height:1 !important;letter-spacing:-.03em !important;font-feature-settings:'tnum' 1 !important}
.tr-pricing__dec{font-size:18px !important;font-weight:700 !important;color:rgba(255,255,255,.45) !important;margin-top:5px !important}
/* align-self, niet display. De kaart is display:flex met flex-direction:column,
   en een flex-item wordt geblokkificeerd en in de dwarsrichting opgerekt — dus
   inline-block deed niets en de chip liep over de volle kaartbreedte. Gemeten:
   492px in een kaart van 542px. align-self:flex-start laat hem meekrimpen met
   zijn tekst; width:fit-content vangt het geval af waarin de kaart ooit geen
   flexcontainer meer is. */
.tr-pricing__save { align-self: flex-start !important; width: fit-content !important; max-width: 100% !important; display: inline-block !important;font-size:10px !important;font-weight:700 !important;color:var(--tp-green-lt) !important;background:rgba(3,201,136,.12) !important;border-radius:999px !important;padding:2px 8px !important;margin-top:6px !important}
.tr-pricing__once{font-size:11px !important;color:rgba(255,255,255,.4) !important;margin:8px 0 16px !important}
.tr-pricing__feats{display:flex !important;flex-direction:column !important;gap:9px !important;margin-bottom:20px !important}
.tr-pricing__feat{display:flex !important;align-items:center !important;gap:9px !important;font-size:12.5px !important;color:rgba(255,255,255,.78) !important}
.tr-pricing__feat svg{flex-shrink:0 !important;color:var(--tp-green) !important}
.tr-pricing__feat.is-excluded{color:rgba(255,255,255,.3) !important}
.tr-pricing__feat.is-excluded svg{color:rgba(255,255,255,.25) !important}
.tr-pricing__cta{display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;width:100% !important;margin-top:auto !important;padding:13px !important;border-radius:10px !important;background:rgba(255,255,255,.08) !important;color:#fff !important;border:.5px solid rgba(255,255,255,.14) !important;font-size:13px !important;font-weight:700 !important;text-decoration:none !important;cursor:pointer !important;transition:background var(--tp-dur) var(--tp-ease),border-color var(--tp-dur) var(--tp-ease) !important}
.tr-pricing__cta svg{flex-shrink:0 !important}
.tr-pricing__plan:not(.is-hero) .tr-pricing__cta:hover{background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.25) !important}
.tr-pricing__plan.is-hero .tr-pricing__cta{background:var(--tp-green) !important;color:var(--tp-ink) !important;border-color:transparent !important}
.tr-pricing__plan.is-hero .tr-pricing__cta:hover{background:var(--tp-green-d) !important}
.tr-pricing__micro{text-align:center !important;font-size:11px !important;color:rgba(255,255,255,.45) !important;margin-top:9px !important}
@media (prefers-reduced-motion: reduce){.tr-pricing__plan,.tr-pricing__cta{transition:none !important}.tr-pricing__plan:hover{transform:none !important}}
.tr-pricing__dots{display:none !important}
.tr-pricing__trustline{display:none !important}
.tr-pricing__dot{-webkit-appearance:none !important;appearance:none !important}
.tr-pricing__dot:focus-visible{outline:2px solid var(--tp-green) !important;outline-offset:3px !important}
@media (max-width:759.98px){
  .tr-pricing__cols{display:flex !important;grid-template-columns:none !important;overflow-x:auto !important;scroll-snap-type:x mandatory !important;scroll-padding-left:9% !important;-webkit-overflow-scrolling:touch !important;gap:12px !important;padding:18px 9% 14px !important;scrollbar-width:none !important}
  .tr-pricing__cols::-webkit-scrollbar{display:none !important}
  .tr-pricing__plan{flex:0 0 82% !important;width:82% !important;scroll-snap-align:center !important;scroll-snap-stop:always !important}
  .tr-pricing__plan:hover{transform:none !important;box-shadow:none !important}
  .tr-pricing__micro{display:none !important}
  .tr-pricing__dots{display:flex !important;justify-content:center !important;gap:7px !important;margin-top:16px !important}
  .tr-pricing__dot{border:none !important;cursor:pointer !important;height:7px !important;width:7px !important;border-radius:999px !important;padding:0 !important;background:rgba(255,255,255,.25) !important;transition:width .25s var(--tp-ease),background .25s var(--tp-ease) !important}
  .tr-pricing__dot.is-active{width:22px !important;background:var(--tp-green) !important}
  .tr-pricing__trustline{display:block !important;text-align:center !important;font-size:11px !important;color:rgba(255,255,255,.45) !important;margin-top:14px !important}
}

/* faq — homepage style: two-column (sticky title left, border-divider accordion right) */
.trh-faq{background:linear-gradient(to bottom,#18293b 0,#18293b 60px,#0d1b2a 100%) !important}
.trh-faq>.trh-w{padding:62px 16px 70px !important}
@media(min-width:700px){.trh-faq>.trh-w{padding:80px 32px 90px !important}}
.tr-hp__faq-block{background:transparent !important;border-radius:0 !important;padding:0 !important}
.tr-hp__faq-layout{display:grid !important;grid-template-columns:1fr !important;gap:24px !important;align-items:start !important}
@media(min-width:760px){.tr-hp__faq-layout{grid-template-columns:1fr 1.7fr !important;gap:48px !important}}
.tr-hp__faq-left{text-align:center !important}
@media(min-width:760px){.tr-hp__faq-left{position:sticky !important;top:100px !important;text-align:left !important}}
.tr-hp__accent{width:32px !important;height:1.5px !important;background:rgba(3,201,136,.35) !important;border-radius:1px !important;margin:0 auto 20px !important}
@media(min-width:760px){.tr-hp__faq-left .tr-hp__accent{margin:0 0 20px !important}}
.tr-hp__sec-title{font-size:24px !important;font-weight:700 !important;color:rgba(255,255,255,.92) !important;letter-spacing:-.02em !important;line-height:1.2 !important;margin:0 !important}
@media(min-width:760px){.tr-hp__sec-title{font-size:28px !important}}
.tr-hp__faq-help{font-size:14px !important;color:rgba(255,255,255,.65) !important;margin-top:12px !important;line-height:1.5 !important}
.tr-hp__faq-help-link{color:var(--c-green) !important;text-decoration:underline !important;text-underline-offset:2px !important;font-weight:500 !important;transition:color .2s var(--ease) !important}
.tr-hp__faq-help-link:hover{color:#02a873 !important}
.tr-hp__faq-list{text-align:left !important}
.tr-hp__faq-item{border-bottom:1px solid rgba(255,255,255,.1) !important}
.tr-hp__faq-item:first-child{border-top:1px solid rgba(255,255,255,.1) !important}
.tr-hp__faq-q{all:unset !important;display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;padding:20px 0 !important;cursor:pointer !important;font-size:15px !important;font-weight:600 !important;color:rgba(255,255,255,.92) !important;box-sizing:border-box !important;transition:color .2s var(--ease) !important}
.tr-hp__faq-q:hover{color:var(--c-green) !important}
.tr-hp__faq-q:focus-visible{outline:2px solid var(--c-green) !important;outline-offset:-2px !important;border-radius:8px !important}
.tr-hp__faq-q-text{flex:1 !important}
.tr-hp__faq-chevron{flex-shrink:0 !important;width:18px !important;height:18px !important;color:rgba(255,255,255,.45) !important;transition:transform .25s var(--ease),color .2s var(--ease) !important}
.tr-hp__faq-item.is-open .tr-hp__faq-chevron{transform:rotate(180deg) !important;color:var(--c-green) !important}
.tr-hp__faq-item.is-open .tr-hp__faq-q{color:var(--c-green) !important}
.tr-hp__faq-a{display:block !important;max-height:0 !important;overflow:hidden !important;opacity:0 !important;padding:0 !important;font-size:14px !important;color:rgba(255,255,255,.65) !important;line-height:1.65 !important;transition:max-height .3s var(--ease),opacity .25s var(--ease),padding-bottom .3s var(--ease) !important}
.tr-hp__faq-item.is-open .tr-hp__faq-a{max-height:360px !important;opacity:1 !important;padding-bottom:18px !important}
.trm-foot{font-size:12px !important;color:rgba(255,255,255,.4) !important;margin:40px 0 0 !important;text-align:center !important}
/* author byline (mirrors the DTC expert strip) */
.trm-byline{display:flex !important;align-items:flex-start !important;gap:13px !important;margin-top:22px !important;padding:14px 16px !important;background:rgba(255,255,255,.03) !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:12px !important;text-align:left !important}
.trm-byline-av{flex:0 0 42px !important;width:42px !important;height:42px !important;border-radius:50% !important;background:rgba(3,201,136,.12) !important;border:1px solid rgba(3,201,136,.25) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:var(--c-green) !important;font-size:15px !important;font-weight:700 !important;overflow:hidden !important}
.trm-byline-av img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:50% !important}
.trm-byline-main{flex:1 !important;min-width:0 !important;display:flex !important;flex-direction:column !important;gap:3px !important}
.trm-byline-line{font-size:12.5px !important;color:rgba(255,255,255,.66) !important;line-height:1.5 !important}
.trm-byline-line b{color:#fff !important;font-weight:600 !important}
.trm-byline-bio{font-size:11.5px !important;color:rgba(255,255,255,.45) !important;line-height:1.5 !important}
.trm-byline-link{font-size:11.5px !important;color:var(--c-green) !important;text-decoration:none !important;font-weight:600 !important}
.trm-byline-link:hover{text-decoration:underline !important}
/* small screens: byline sits above the "Common questions" heading (E-E-A-T up top) */
@media (max-width:759.98px){
  .tr-hp__faq-left{display:flex !important;flex-direction:column !important}
  .trm-byline{order:-1 !important;margin:0 0 28px !important}
}

.trm-arc{stroke-dashoffset:0 !important}
.trm-arc.is-live{animation:trm-march 1s linear infinite !important}
@keyframes trm-march{to{stroke-dashoffset:-16}}
.trm-streak.is-live{animation:trm-streak 1.1s var(--ease) infinite !important}
@keyframes trm-streak{0%,100%{opacity:.2}50%{opacity:.7}}

@media (prefers-reduced-motion: reduce){ .trh-root *{animation:none !important;transition:none !important} }


/* ════════════════════════════════════════════════════════════════
   v3.8.0 — Hero redesign: off-white H1, 16/20/32-ritme, WCAG-kleuren
   ════════════════════════════════════════════════════════════════ */
.trh-hero-h1{max-width:600px !important;margin:0 0 clamp(.875rem,.65rem + .8vw,1.25rem) !important;letter-spacing:-.02em !important;line-height:1.08 !important;text-wrap:balance !important}
/* v3.23.0 — Uniform one-line H1, one notch up (was 0.1118 / -0.02em /
   2.75rem cap in 3.22.0). Tracking tightened to -0.03em (display-grade,
   same as the homepage accent), which buys the extra size at the SAME
   one-line budget: ±19-char titles ("Driving test routes/guides" =
   8.62em incl. tracking, Inter 700, 1.5% safety) stay GUARANTEED
   single-line. Floor 1.75rem, cap 2.875rem (46px) from ±435px viewport.
   360→37.5px · 390→40.9px · 414→43.6px · 430→45.5px · ≥435→46px.
   Longer titles never overflow: text-wrap:balance → two balanced lines.
   Applies to: test-routes, manoeuvres, road-signs, guides hub, show-tell. */
.trh-hero-lead,.trh-hero-city{display:inline !important;font-size:clamp(1.75rem,calc((100vw - 32px) * 0.1142),2.875rem) !important;font-weight:700 !important;color:#f8f9fa !important;letter-spacing:-.03em !important;line-height:1.08 !important;margin:0 !important}
.trh-hero-bread{margin-bottom:clamp(1.5rem,1.2rem + 1.05vw,2rem) !important}
.trh-hero-status{margin-bottom:16px !important}
.trh-hero-intro{color:rgba(255,255,255,.62) !important;margin:0 0 clamp(1.75rem,.8rem + 1.55vw,2rem) !important}
.trh-find{margin-top:0 !important}
.trh-hero-bread a,.trh-hero-bread-back{color:rgba(255,255,255,.55) !important}
.trh-hero-bread-back-ico{color:rgba(255,255,255,.55) !important}
.trh-hero-bread-cur{color:rgba(255,255,255,.8) !important}
.trh-hero-updated{color:rgba(255,255,255,.55) !important}
.trh-hero-updated-ico{color:rgba(255,255,255,.55) !important;opacity:1 !important}
.trh-find-lbl{color:rgba(255,255,255,.55) !important}
.trh-quick{color:rgba(255,255,255,.55) !important}
.trh-browse{color:rgba(255,255,255,.55) !important}
.trh-browse:hover{color:rgba(255,255,255,.8) !important}
.trh-trust{color:rgba(255,255,255,.55) !important;border-top-color:rgba(255,255,255,.10) !important}
.trh-trust strong{color:rgba(255,255,255,.8) !important}
/* v3.8.0 — kaart: rust-tokens, groen alleen op hover */
.trh-routecard{background:rgba(255,255,255,.05) !important;border-color:rgba(255,255,255,.14) !important}
.trh-rc-play{background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.14) !important;color:rgba(255,255,255,.55) !important}
.trh-rc-play svg{fill:rgba(255,255,255,.55) !important}
.trh-rc-play:hover{background:rgba(3,201,136,.14) !important;border-color:rgba(3,201,136,.4) !important;color:var(--green) !important}
.trh-rc-play:hover svg{fill:var(--green) !important}
.trh-rc-bar i{background:rgba(255,255,255,.45) !important}
/* v3.8.2 — intro→CTA ruimte gelijktrekken (oude 48px verwijderen; clamp van de intro is leidend) */
.trm-cta-row{margin-top:0 !important}

/* Hub hero fallback vector (v3.10.0) — integrated, no card */
.trh-herofill{position:relative !important;width:100% !important;max-width:300px !important;z-index:1 !important;}
.trh-herofill-svg{display:block !important;width:100% !important;height:auto !important;}