/* ============================================================
   Zelf-gehoste webfonts (latin + latin-ext, woff2).
   Vervangt de externe Google Fonts-aanroep: geen render-blocking
   request naar fonts.googleapis.com/fonts.gstatic.com meer.
   ============================================================ */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/sora-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/sora-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/sora-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/sora-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/sora-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/sora-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/sora-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/sora-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ============================================================
   Rijschool Dado - gedeeld designsysteem (zelf-gehost, GHL-vrij)
   Eén stylesheet voor alle pagina's. Wrapper: <div id="rd-site">
   ============================================================ */

/* De reset hieronder raakt alleen elementen BINNEN #rd-site; body zelf houdt
   dan de browserstandaard van 8px marge en dat gaf een witte rand rondom
   de hele site. Daarom eerst html/body expliciet nulstellen. */
html,body{margin:0;padding:0}
body{background:#fff}

#rd-site *,#rd-site *::before,#rd-site *::after{box-sizing:border-box;margin:0;padding:0}
#rd-site{
  --asphalt:#0E1A2B; --asphalt-2:#14263C; --asphalt-3:#1B3553;
  --dado:#159BD7; --dado-deep:#0B6FA8; --lane:#FFC23C; --wa:#25D366;
  /* --dado-ink: tekst/links op lichte vlakken (WCAG AA 5,45:1); --dado-air: accent op donkere vlakken */
  --dado-ink:#0B6FA8; --dado-hover:#095A87; --dado-air:#4FBBEA;
  --paper:#F5F8FC; --ink:#0E1A2B; --muted:#5B6B7E; --line:#E4EAF2;
  --r:14px; --maxw:1280px;
  font-family:'Inter',system-ui,sans-serif; color:var(--ink);
  line-height:1.65; -webkit-font-smoothing:antialiased; font-size:17px;
  background:#fff; overflow-x:hidden;
}
#rd-site h1,#rd-site h2,#rd-site h3,#rd-site h4{font-family:'Sora',sans-serif;line-height:1.1;letter-spacing:-.02em}
#rd-site a{color:inherit;text-decoration:none}
/* height:auto is nodig omdat de width/height-attributen in de HTML (voor CLS)
   anders als vaste hoogte gelden en o.a. aspect-ratio overrulen. */
#rd-site img{max-width:100%;height:auto;display:block}
#rd-site .rd-wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
#rd-site section{position:relative}

/* Reveal alleen verbergen als JS echt draait (.rd-js zet js/site.js) - zonder JS blijft alles zichtbaar */
#rd-site.rd-js .rd-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
#rd-site.rd-js .rd-reveal.rd-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  #rd-site.rd-js .rd-reveal{opacity:1;transform:none;transition:none}
  #rd-site .rd-pulse{animation:none}
  #rd-site .rd-lane span{animation:none}
}

/* LOGO */
#rd-site .rd-logo-img{height:46px;width:auto;display:block}
#rd-site .rd-footer .rd-logo-img{height:42px}

/* BUTTONS */
#rd-site .rd-btn{display:inline-flex;align-items:center;gap:10px;font-family:'Sora',sans-serif;
  font-weight:700;font-size:16px;padding:16px 26px;border-radius:999px;cursor:pointer;border:0;
  transition:transform .18s ease,box-shadow .25s ease,background .2s ease;will-change:transform}
#rd-site .rd-btn svg{width:20px;height:20px;flex:none}
#rd-site .rd-btn-primary{background:var(--dado-ink);color:#fff;box-shadow:0 10px 30px -10px rgba(21,155,215,.7)}
#rd-site .rd-btn-primary:hover{background:var(--dado-hover);transform:translateY(-2px) scale(1.03);box-shadow:0 18px 40px -12px rgba(21,155,215,.85)}
#rd-site .rd-btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.28)}
#rd-site .rd-btn-ghost:hover{border-color:var(--dado);background:rgba(21,155,215,.12);transform:translateY(-2px)}
#rd-site .rd-btn-dark{background:var(--asphalt);color:#fff}
#rd-site .rd-btn-dark:hover{background:var(--dado-hover);transform:translateY(-2px) scale(1.03)}
#rd-site .rd-btn-wa{background:var(--wa);color:#fff}
#rd-site .rd-btn-wa:hover{background:#1da851;transform:translateY(-2px) scale(1.02)}
#rd-site .rd-pulse{animation:rdpulse 2.4s ease-in-out infinite}
@keyframes rdpulse{0%,100%{box-shadow:0 10px 30px -10px rgba(21,155,215,.7)}50%{box-shadow:0 10px 30px -6px rgba(21,155,215,.95),0 0 0 8px rgba(21,155,215,.10)}}

/* LANE SIGNATURE */
#rd-site .rd-lane{height:6px;width:100%;overflow:hidden;position:relative}
/* De strook schuift per cyclus exact één patroonlengte (88px) naar links. Daarom
   moet hij ook 88px breder zijn dan de balk: anders valt er rechts een lege
   strook en lijken de strepen erin te springen in plaats van rustig binnen te komen. */
#rd-site .rd-lane span{position:absolute;top:0;bottom:0;left:0;width:calc(100% + 88px);background:repeating-linear-gradient(90deg,var(--lane) 0 42px,transparent 42px 88px);animation:rdmarch 1.4s linear infinite;opacity:.9}
@keyframes rdmarch{to{transform:translateX(-88px)}}

/* HEADER + NAV */
#rd-site .rd-header{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s ease,box-shadow .3s ease,padding .3s ease;padding:14px 0}
#rd-site .rd-header.rd-solid,#rd-site .rd-header.rd-scrolled{background:rgba(14,26,43,.92);backdrop-filter:blur(10px);box-shadow:0 6px 24px -12px rgba(0,0,0,.5)}
#rd-site .rd-header.rd-scrolled{padding:8px 0}
#rd-site .rd-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
#rd-site .rd-navlinks{display:flex;gap:26px;align-items:center}
#rd-site .rd-navlinks > a,#rd-site .rd-droplink{color:#fff;font-weight:500;font-size:15px;opacity:.85;transition:opacity .2s,color .2s}
#rd-site .rd-navlinks > a:hover,#rd-site .rd-navlinks > a.rd-active,#rd-site .rd-drop:hover .rd-droplink{opacity:1;color:var(--dado)}
#rd-site .rd-header .rd-btn{padding:11px 22px;font-size:14px}

/* Dropdown */
#rd-site .rd-drop{position:relative}
#rd-site .rd-droplink{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:none;border:0;font-family:inherit;line-height:inherit}
#rd-site .rd-droplink svg{width:14px;height:14px;transition:transform .25s ease}
#rd-site .rd-drop:hover .rd-droplink svg,#rd-site .rd-drop:focus-within .rd-droplink svg{transform:rotate(180deg)}
#rd-site .rd-dropmenu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);padding-top:16px;opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s}
#rd-site .rd-drop:hover .rd-dropmenu,#rd-site .rd-drop:focus-within .rd-dropmenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
#rd-site .rd-dropcard{background:#fff;border-radius:14px;box-shadow:0 24px 60px -20px rgba(14,26,43,.4);padding:10px;min-width:265px}
#rd-site .rd-dropcard a{display:block;color:var(--ink);font-size:14.5px;font-weight:500;padding:9px 14px;border-radius:9px;white-space:nowrap;transition:background .15s,color .15s}
#rd-site .rd-dropcard a:hover{background:var(--paper);color:var(--dado-ink)}

/* Hamburger + mobiel menu */
#rd-site .rd-burger{display:none;background:none;border:0;cursor:pointer;padding:8px;color:#fff}
#rd-site .rd-burger svg{width:26px;height:26px;display:block}
#rd-site .rd-mnav{position:fixed;inset:0;z-index:80;background:rgba(14,26,43,.98);backdrop-filter:blur(6px);color:#fff;display:none;flex-direction:column;overflow-y:auto;padding:20px 24px 40px}
#rd-site .rd-mnav.rd-open{display:flex}
#rd-site .rd-mnav-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
#rd-site .rd-mnav-close{background:none;border:0;color:#fff;cursor:pointer;padding:8px}
#rd-site .rd-mnav-close svg{width:28px;height:28px;display:block}
#rd-site .rd-mnav h4{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--lane);margin:22px 0 8px}
#rd-site .rd-mnav a{display:block;color:#fff;font-size:17px;font-weight:500;padding:9px 0;opacity:.9}
#rd-site .rd-mnav a:active{color:var(--dado)}
/* .rd-mnav a is specifieker dan .rd-btn en zette de knop terug naar een gewoon
   blok zonder zijpadding, waardoor de tekst links plakte. Hier weer knop maken. */
#rd-site .rd-mnav .rd-btn{display:flex;align-items:center;justify-content:center;
  font-family:'Sora',sans-serif;font-weight:700;font-size:16px;opacity:1;
  padding:16px 26px;margin-top:28px;text-align:center}
@media (max-width:1080px){
  #rd-site .rd-navlinks{display:none}
  #rd-site .rd-burger{display:block}
  /* Zonder de menubalk blijven er drie elementen over. Met space-between
     zweefde de CTA dan midden in de balk; margin-left:auto zet hem netjes
     rechts, tegen de hamburger aan. */
  #rd-site .rd-header .rd-btn{margin-left:auto}
}
/* Op telefoons vulden logo + volledige CTA + hamburger samen de hele balk.
   De CTA blijft staan (belangrijk voor aanvragen), maar compacter. */
@media (max-width:560px){
  #rd-site .rd-header .rd-btn{padding:9px 15px;font-size:13px;white-space:nowrap;flex:none}
  #rd-site .rd-nav{gap:10px}
  #rd-site .rd-logo-img{height:38px}
}
@media (max-width:380px){
  #rd-site .rd-header .rd-btn{padding:8px 12px;font-size:12px}
  #rd-site .rd-logo-img{height:34px}
}

/* HERO (homepage) */
#rd-site .rd-hero{background:radial-gradient(120% 90% at 80% -10%,#1c3a5c 0%,var(--asphalt) 55%);
  color:#fff;padding:158px 0 0;position:relative;overflow:hidden}
#rd-site .rd-hero::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(21,155,215,.30),transparent 70%);top:-160px;right:-120px}
#rd-site .rd-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;position:relative;z-index:2}
#rd-site .rd-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'Sora';font-weight:600;font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--lane);margin-bottom:22px}
#rd-site .rd-eyebrow::before{content:"";width:26px;height:2px;background:var(--lane)}
#rd-site .rd-hero h1{font-size:clamp(38px,6vw,64px);font-weight:800;margin-bottom:22px}
#rd-site .rd-hero h1 b{color:var(--dado);font-weight:800}
#rd-site .rd-hero p.rd-sub{font-size:clamp(16px,2vw,19px);color:#cdd9e6;max-width:540px;margin-bottom:34px}
#rd-site .rd-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}
#rd-site .rd-microtrust{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:#9fb2c6}
#rd-site .rd-microtrust span{display:inline-flex;align-items:center;gap:7px}
#rd-site .rd-microtrust svg{width:16px;height:16px;color:var(--dado)}
#rd-site .rd-hero-media{position:relative}
#rd-site .rd-hero-media img{border-radius:20px;width:100%;height:440px;object-fit:cover;object-position:center center;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
#rd-site .rd-hero-badge{position:absolute;left:-18px;bottom:28px;background:#fff;color:var(--ink);border-radius:16px;
  padding:16px 20px;box-shadow:0 24px 50px -20px rgba(0,0,0,.5);display:flex;align-items:center;gap:14px}
#rd-site .rd-hero-badge .rd-bnum{font-family:'Sora';font-weight:800;font-size:30px;color:var(--dado-ink);line-height:1}
#rd-site .rd-hero-badge .rd-blabel{font-size:13px;color:var(--muted);font-weight:500;max-width:120px}
#rd-site .rd-hero-foot{margin-top:70px}
@media (max-width:880px){
  #rd-site .rd-hero{padding:128px 0 0}
  #rd-site .rd-hero-grid{grid-template-columns:1fr;gap:36px}
  #rd-site .rd-hero-media img{height:300px}
  #rd-site .rd-cta-row{flex-direction:column}
  #rd-site .rd-cta-row .rd-btn{width:100%;justify-content:center}
}

/* PAGE HERO (subpagina's) */
#rd-site .rd-phero{background:radial-gradient(120% 120% at 80% -20%,#1c3a5c 0%,var(--asphalt) 58%);color:#fff;padding:150px 0 0;text-align:center;position:relative;overflow:hidden}
#rd-site .rd-phero-inner{max-width:820px;margin:0 auto}
#rd-site .rd-phero .rd-eyebrow::after{content:"";width:26px;height:2px;background:var(--lane)}
#rd-site .rd-phero h1{font-size:clamp(34px,5vw,54px);font-weight:800;margin-bottom:18px}
#rd-site .rd-phero h1 b{color:var(--dado);font-weight:800}
#rd-site .rd-phero p.rd-plead{font-size:clamp(16px,2vw,19px);color:#cdd9e6;max-width:640px;margin:0 auto 30px}
#rd-site .rd-phero .rd-cta-row{justify-content:center}
#rd-site .rd-phero .rd-microtrust{justify-content:center;margin-bottom:6px}
#rd-site .rd-phero-foot{margin-top:64px}
@media (max-width:880px){
  #rd-site .rd-phero{padding:120px 0 0}
  #rd-site .rd-phero .rd-cta-row{flex-direction:column}
  #rd-site .rd-phero .rd-cta-row .rd-btn{width:100%;justify-content:center}
}

/* BREADCRUMBS (in phero) */
#rd-site .rd-crumbs{font-size:13.5px;color:#9fb2c6;margin-bottom:18px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
#rd-site .rd-crumbs a{color:#cdd9e6;text-decoration:underline;text-underline-offset:3px}
#rd-site .rd-crumbs a:hover{color:var(--dado)}

/* TRUST / INBEGREPEN STRIP */
#rd-site .rd-trust,#rd-site .rd-incl{background:var(--asphalt-2);padding:30px 0}
#rd-site .rd-trust-grid,#rd-site .rd-incl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
#rd-site .rd-trust-item,#rd-site .rd-incl-item{display:flex;align-items:center;gap:13px;color:#dbe5f0}
#rd-site .rd-trust-item .rd-ic,#rd-site .rd-incl-item .rd-ic{width:42px;height:42px;border-radius:11px;background:rgba(21,155,215,.16);display:flex;align-items:center;justify-content:center;flex:none}
#rd-site .rd-trust-item svg,#rd-site .rd-incl-item svg{width:22px;height:22px;color:var(--dado)}
#rd-site .rd-trust-item b,#rd-site .rd-incl-item b{font-family:'Sora';font-weight:700;font-size:15px;display:block;color:#fff}
#rd-site .rd-trust-item small,#rd-site .rd-incl-item small{font-size:13px;color:#94a6ba}
@media (max-width:880px){#rd-site .rd-trust-grid,#rd-site .rd-incl-grid{grid-template-columns:1fr 1fr;gap:18px}}
@media (max-width:520px){#rd-site .rd-trust-grid,#rd-site .rd-incl-grid{grid-template-columns:1fr}}

/* SECTIONS */
#rd-site .rd-sec{padding:96px 0}
#rd-site .rd-sec-tight{padding:72px 0}
#rd-site .rd-sec-paper{background:var(--paper)}
#rd-site .rd-sec-head{text-align:center;max-width:680px;margin:0 auto 56px}
#rd-site .rd-kick{font-family:'Sora';font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--dado-ink);margin-bottom:14px}
#rd-site .rd-sec-head h2{font-size:clamp(30px,4vw,44px);font-weight:800;margin-bottom:14px}
#rd-site .rd-sec-head p{color:var(--muted);font-size:18px}

/* CARDS (USP's) */
#rd-site .rd-usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#rd-site .rd-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px 28px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
#rd-site .rd-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(14,26,43,.28);border-color:#cfe4f3}
#rd-site .rd-card .rd-ic{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--dado),var(--dado-deep));display:flex;align-items:center;justify-content:center;margin-bottom:20px}
#rd-site .rd-card .rd-ic svg{width:27px;height:27px;color:#fff}
#rd-site .rd-card h3{font-size:20px;font-weight:700;margin-bottom:9px}
#rd-site .rd-card p{color:var(--muted);font-size:15.5px}
@media (max-width:980px){#rd-site .rd-usp-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){#rd-site .rd-usp-grid{grid-template-columns:1fr}}

/* PAKKETTEN */
#rd-site .rd-pak{background:var(--paper)}
#rd-site .rd-pak-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
#rd-site .rd-pak-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px 30px;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
#rd-site .rd-pak-card:hover{transform:translateY(-6px);box-shadow:0 34px 70px -34px rgba(14,26,43,.3)}
#rd-site .rd-pak-card.rd-feat{background:var(--asphalt);color:#fff;border-color:var(--asphalt);position:relative;box-shadow:0 34px 70px -30px rgba(14,26,43,.5)}
#rd-site .rd-pak-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--lane);color:var(--ink);font-family:'Sora';font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px;border-radius:999px}
#rd-site .rd-pak-card h3{font-size:21px;font-weight:700;margin-bottom:6px}
#rd-site .rd-pak-card .rd-pdesc{font-size:14.5px;color:var(--muted);margin-bottom:20px;min-height:42px}
#rd-site .rd-pak-card.rd-feat .rd-pdesc{color:#aebfd1}
#rd-site .rd-price{font-family:'Sora';font-weight:800;font-size:42px;line-height:1;margin-bottom:4px}
#rd-site .rd-price-note{font-size:13px;color:var(--dado-ink);font-weight:600;margin-bottom:24px}
#rd-site .rd-pak-card.rd-feat .rd-price-note{color:var(--lane)}
#rd-site .rd-plist{list-style:none;margin:0 0 28px;display:flex;flex-direction:column;gap:13px}
#rd-site .rd-plist li{display:flex;gap:11px;align-items:flex-start;font-size:15px}
#rd-site .rd-plist svg{width:19px;height:19px;color:var(--dado-ink);flex:none;margin-top:2px}
#rd-site .rd-pak-card .rd-btn{margin-top:auto;width:100%;justify-content:center}
#rd-site .rd-pak-foot{text-align:center;margin-top:34px;color:var(--muted);font-size:15px}
@media (max-width:920px){#rd-site .rd-pak-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}

/* SPOED BAND */
#rd-site .rd-spoed{margin-top:26px;background:var(--asphalt);color:#fff;border-radius:20px;padding:40px;display:grid;grid-template-columns:1.4fr .9fr;gap:30px;align-items:center;position:relative;overflow:hidden}
#rd-site .rd-spoed::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,var(--lane) 0 30px,transparent 30px 62px)}
#rd-site .rd-spoed .rd-pak-tag{position:static;transform:none;display:inline-block;margin-bottom:10px}
#rd-site .rd-spoed h3{font-size:27px;font-weight:800;margin-bottom:8px}
#rd-site .rd-spoed p{color:#aebfd1;font-size:15.5px;margin-bottom:16px;max-width:460px}
#rd-site .rd-spoed-list{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:#dbe5f0}
#rd-site .rd-spoed-list span{display:inline-flex;align-items:center;gap:7px}
#rd-site .rd-spoed-list svg{width:16px;height:16px;color:var(--lane)}
#rd-site .rd-spoed-right{text-align:center}
#rd-site .rd-spoed-right .rd-price{font-size:50px;color:#fff;margin-bottom:2px}
#rd-site .rd-spoed-right small{color:#aebfd1;font-size:13px;display:block;margin-bottom:14px}
#rd-site .rd-spoed-right .rd-btn{width:100%;justify-content:center}
@media (max-width:760px){#rd-site .rd-spoed{grid-template-columns:1fr;padding:30px 26px}}

/* ADDONS */
#rd-site .rd-addons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#rd-site .rd-addon{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
#rd-site .rd-addon:hover{transform:translateY(-5px);box-shadow:0 28px 60px -34px rgba(14,26,43,.28);border-color:#cfe4f3}
#rd-site .rd-addon h3{font-size:18px;font-weight:700;margin-bottom:8px}
#rd-site .rd-addon .rd-aprice{font-family:'Sora';font-weight:800;font-size:30px;line-height:1;margin-bottom:10px}
#rd-site .rd-addon p{color:var(--muted);font-size:14px;margin-bottom:0}
@media (max-width:920px){#rd-site .rd-addons-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){#rd-site .rd-addons-grid{grid-template-columns:1fr}}

/* REVIEWS */
#rd-site .rd-rev{background:var(--asphalt);color:#fff}
#rd-site .rd-rev .rd-kick{color:var(--dado-air)}
#rd-site .rd-rev .rd-sec-head h2{color:#fff}
#rd-site .rd-rev .rd-sec-head p{color:#9fb2c6}
#rd-site .rd-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#rd-site .rd-rev-card{background:var(--asphalt-2);border:1px solid var(--asphalt-3);border-radius:16px;padding:30px;transition:transform .3s ease,border-color .3s ease}
#rd-site .rd-rev-card:hover{transform:translateY(-5px);border-color:var(--dado)}
#rd-site .rd-stars{display:flex;gap:3px;margin-bottom:16px}
#rd-site .rd-stars svg{width:18px;height:18px;color:var(--lane)}
#rd-site .rd-rev-card p{color:#d4dfeb;font-size:15.5px;margin-bottom:18px}
#rd-site .rd-rev-who{display:flex;align-items:center;gap:12px}
#rd-site .rd-rev-who .rd-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--dado),var(--dado-deep));display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:700;color:#fff;font-size:15px;flex:none}
#rd-site .rd-rev-who b{font-family:'Sora';font-size:15px;display:block}
#rd-site .rd-rev-who small{color:#8fa3b8;font-size:13px}
@media (max-width:920px){#rd-site .rd-rev-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}

/* TEAM */
#rd-site .rd-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:0 auto}
#rd-site .rd-team-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s}
#rd-site .rd-team-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(14,26,43,.28)}
#rd-site .rd-team-card img{width:100%;height:320px;object-fit:cover;object-position:top center}
#rd-site .rd-team-info{padding:22px 24px}
#rd-site .rd-team-info h3{font-size:20px;font-weight:700;margin-bottom:3px}
#rd-site .rd-team-role{color:var(--dado-ink);font-weight:600;font-size:14px;margin-bottom:10px}
#rd-site .rd-team-info p{color:var(--muted);font-size:15px}
@media (max-width:640px){#rd-site .rd-team-grid{grid-template-columns:1fr;max-width:360px}}

/* PROSE (tekstsecties op contentpagina's) */
#rd-site .rd-prose{max-width:820px;margin:0 auto}
#rd-site .rd-prose h2{font-size:clamp(24px,3vw,32px);font-weight:800;margin:46px 0 14px}
#rd-site .rd-prose h2:first-child{margin-top:0}
#rd-site .rd-prose h3{font-size:20px;font-weight:700;margin:30px 0 10px}
#rd-site .rd-prose p{margin-bottom:16px}
#rd-site .rd-prose a{color:var(--dado-ink);text-decoration:underline;text-underline-offset:3px}
#rd-site .rd-prose strong{font-weight:650}
#rd-site .rd-prose ul,#rd-site .rd-prose ol{margin:0 0 18px;padding-left:24px}
#rd-site .rd-prose li{margin:7px 0}
#rd-site .rd-prose li::marker{color:var(--dado-ink)}
#rd-site .rd-lead-answer{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--dado);border-radius:12px;padding:20px 24px;margin-bottom:28px;font-size:17px}
#rd-site .rd-updated{display:inline-block;font-size:13px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px 14px;margin-bottom:22px}

/* CHECKLIST */
#rd-site .rd-checklist{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:9px}
#rd-site .rd-checklist li{display:flex;gap:11px;align-items:flex-start}
#rd-site .rd-checklist svg{width:19px;height:19px;color:var(--dado-ink);flex:none;margin-top:4px}

/* TABELLEN (echte HTML-tabellen - AEO) */
#rd-site .rd-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 20px 50px -40px rgba(14,26,43,.3);margin:22px 0}
#rd-site table.rd-table{border-collapse:collapse;width:100%;font-size:15px;min-width:560px}
#rd-site .rd-table th{background:var(--paper);text-align:left;font-family:'Sora';font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
#rd-site .rd-table td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
#rd-site .rd-table tr:last-child td{border-bottom:0}
#rd-site .rd-table td b{font-family:'Sora';font-weight:700}
#rd-site .rd-table .rd-hl{background:rgba(21,155,215,.07)}

/* FAQ */
#rd-site .rd-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
#rd-site .rd-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;transition:border-color .2s,box-shadow .2s}
#rd-site .rd-faq details[open]{border-color:#cfe4f3;box-shadow:0 20px 50px -36px rgba(14,26,43,.3)}
#rd-site .rd-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:'Sora';font-weight:600;font-size:16.5px;padding:19px 22px}
#rd-site .rd-faq summary::-webkit-details-marker{display:none}
#rd-site .rd-faq summary::after{content:"+";font-family:'Sora';font-weight:600;font-size:22px;line-height:1;color:var(--dado-ink);flex:none;transition:transform .25s ease}
#rd-site .rd-faq details[open] summary::after{transform:rotate(45deg)}
#rd-site .rd-faq .rd-faq-a{padding:0 22px 20px;color:var(--muted);font-size:15.5px}
#rd-site .rd-faq .rd-faq-a p{margin-bottom:10px}
#rd-site .rd-faq .rd-faq-a p:last-child{margin-bottom:0}
#rd-site .rd-faq .rd-faq-a a{color:var(--dado-ink);text-decoration:underline;text-underline-offset:3px}

/* STAPPEN (1-2-3) */
#rd-site .rd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:rdstep}
#rd-site .rd-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 28px;position:relative;transition:transform .3s,box-shadow .3s}
#rd-site .rd-step:hover{transform:translateY(-5px);box-shadow:0 28px 60px -34px rgba(14,26,43,.28)}
#rd-site .rd-step .rd-stepnum{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--dado),var(--dado-deep));color:#fff;font-family:'Sora';font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
#rd-site .rd-step h3{font-size:19px;font-weight:700;margin-bottom:8px}
#rd-site .rd-step p{color:var(--muted);font-size:15px}
@media (max-width:880px){#rd-site .rd-steps{grid-template-columns:1fr}}

/* LINKKAARTEN (servicegebied / interne links) */
#rd-site .rd-linkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#rd-site .rd-linkcard{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;font-family:'Sora';font-weight:600;font-size:15.5px;transition:transform .25s,box-shadow .25s,border-color .25s}
#rd-site .rd-linkcard:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(14,26,43,.3);border-color:#cfe4f3;color:var(--dado-ink)}
#rd-site .rd-linkcard svg{width:18px;height:18px;color:var(--dado-ink);flex:none}
#rd-site .rd-linkcard small{display:block;font-family:'Inter';font-weight:400;font-size:13px;color:var(--muted);margin-top:2px}
@media (max-width:880px){#rd-site .rd-linkgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#rd-site .rd-linkgrid{grid-template-columns:1fr}}

/* CTA-BAND (onderaan contentpagina's) */
#rd-site .rd-ctaband{background:var(--asphalt);color:#fff;border-radius:24px;padding:56px 40px;text-align:center;position:relative;overflow:hidden}
#rd-site .rd-ctaband::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,var(--lane) 0 30px,transparent 30px 62px)}
#rd-site .rd-ctaband h2{font-size:clamp(26px,3.6vw,38px);font-weight:800;margin-bottom:12px}
#rd-site .rd-ctaband p{color:#aebfd1;font-size:17px;max-width:560px;margin:0 auto 28px}
#rd-site .rd-ctaband .rd-cta-row{justify-content:center;margin-bottom:0}
@media (max-width:640px){#rd-site .rd-ctaband{padding:40px 24px}}

/* CONTACT + EIGEN FORMULIER (zelf-gehost - geen GHL meer) */
#rd-site .rd-contact{background:var(--paper)}
#rd-site .rd-contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
#rd-site .rd-contact h2{font-size:clamp(30px,4vw,42px);font-weight:800;margin-bottom:16px}
#rd-site .rd-contact .rd-clead{color:var(--muted);font-size:18px;margin-bottom:26px}
#rd-site .rd-contact-copy .rd-btn-wa{margin-bottom:26px}
#rd-site .rd-cinfo{display:flex;flex-direction:column;gap:14px}
#rd-site .rd-cinfo a,#rd-site .rd-cinfo div.rd-crow{display:flex;align-items:center;gap:14px;font-weight:500}
#rd-site .rd-cinfo .rd-ic{width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:none}
#rd-site .rd-cinfo svg{width:21px;height:21px;color:var(--dado-ink)}
#rd-site .rd-cinfo b{display:block}
#rd-site .rd-cinfo span.rd-sub2{color:var(--muted);font-size:14px;font-weight:400}
@media (max-width:880px){#rd-site .rd-contact-grid{grid-template-columns:1fr;gap:34px}}

#rd-site .rd-form{background:#fff;border-radius:20px;box-shadow:0 30px 70px -40px rgba(14,26,43,.32);padding:36px 32px}
#rd-site .rd-form h3{font-size:22px;font-weight:700;margin-bottom:6px}
#rd-site .rd-form .rd-form-sub{color:var(--muted);font-size:14.5px;margin-bottom:24px}
#rd-site .rd-field{margin-bottom:18px}
#rd-site .rd-field label{display:block;font-family:'Sora';font-weight:600;font-size:13.5px;margin-bottom:7px}
#rd-site .rd-field label small{color:var(--muted);font-family:'Inter';font-weight:400}
#rd-site .rd-field input,#rd-site .rd-field select,#rd-site .rd-field textarea{width:100%;font-family:'Inter',system-ui,sans-serif;font-size:16px;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:13px 16px;transition:border-color .2s,box-shadow .2s;appearance:none}
#rd-site .rd-field textarea{min-height:96px;resize:vertical}
#rd-site .rd-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6B7E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
#rd-site .rd-field input:focus,#rd-site .rd-field select:focus,#rd-site .rd-field textarea:focus{outline:none;border-color:var(--dado);box-shadow:0 0 0 4px rgba(21,155,215,.14);background:#fff}
#rd-site .rd-form .rd-btn{width:100%;justify-content:center}
#rd-site .rd-form .rd-form-privacy{font-size:12.5px;color:var(--muted);margin-top:14px;text-align:center}
#rd-site .rd-form .rd-form-privacy a{color:var(--dado-ink);text-decoration:underline}
#rd-site .rd-hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
#rd-site .rd-form-msg{display:none;border-radius:12px;padding:14px 18px;font-size:15px;margin-top:16px}
#rd-site .rd-form-msg.rd-show{display:block}
#rd-site .rd-form-msg.rd-ok{background:#E7F7EF;color:#177A50;border:1px solid #BFE8D4}
#rd-site .rd-form-msg.rd-err{background:#FDEEEC;color:#B3372B;border:1px solid #F3CCC7}

/* ARTIKEL / DOCUMENT (privacy, blog) */
#rd-site .rd-phead{background:radial-gradient(120% 140% at 80% -40%,#1c3a5c 0%,var(--asphalt) 60%);color:#fff;padding:150px 0 56px;text-align:center}
#rd-site .rd-phead .rd-kick{color:var(--lane)}
#rd-site .rd-phead h1{font-size:clamp(32px,5vw,46px);font-weight:800;margin-bottom:12px}
#rd-site .rd-phead p{color:#cdd9e6;font-size:16px;max-width:640px;margin:0 auto}
#rd-site .rd-article{padding:64px 0 80px}
#rd-site .rd-doc{max-width:820px;margin:0 auto}
#rd-site .rd-doc .rd-note{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--dado);border-radius:12px;padding:18px 20px;font-size:15px;color:var(--muted);margin-bottom:40px}
#rd-site .rd-doc h2{font-size:22px;font-weight:700;margin:38px 0 12px;color:var(--ink)}
#rd-site .rd-doc h2:first-of-type{margin-top:0}
#rd-site .rd-doc h3{font-size:18px;font-weight:700;margin:26px 0 10px}
#rd-site .rd-doc p{margin-bottom:14px}
#rd-site .rd-doc a{color:var(--dado-ink);text-decoration:underline;text-underline-offset:3px}
#rd-site .rd-doc ul.rd-checklist li svg{margin-top:4px}
#rd-site .rd-doc address{font-style:normal;background:var(--paper);border-radius:12px;padding:18px 20px;margin:6px 0 8px}

/* BLOGKAARTEN */
#rd-site .rd-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
#rd-site .rd-blog-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 28px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
#rd-site .rd-blog-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(14,26,43,.28);border-color:#cfe4f3}
#rd-site .rd-blog-card .rd-blog-date{font-size:13px;color:var(--muted);margin-bottom:10px}
#rd-site .rd-blog-card h3{font-size:19px;font-weight:700;margin-bottom:10px;line-height:1.3}
#rd-site .rd-blog-card p{color:var(--muted);font-size:15px;margin-bottom:18px}
#rd-site .rd-blog-card .rd-blog-more{margin-top:auto;font-family:'Sora';font-weight:600;font-size:14.5px;color:var(--dado-ink);display:inline-flex;align-items:center;gap:7px}
#rd-site .rd-blog-card .rd-blog-more svg{width:16px;height:16px}
@media (max-width:920px){#rd-site .rd-blog-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}

/* GESLAAGDEN */
#rd-site .rd-pass-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#rd-site .rd-pass-card > img{width:100%;height:220px;object-fit:cover;object-position:center 20%}
#rd-site .rd-pass-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:44px}
#rd-site .rd-pass-strip img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center 20%;border-radius:14px;border:1px solid var(--asphalt-3);transition:transform .25s ease}
#rd-site .rd-pass-strip a:hover img{transform:translateY(-4px) scale(1.03)}
@media (max-width:880px){#rd-site .rd-pass-strip{grid-template-columns:repeat(3,1fr)}}
#rd-site .rd-duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:0 auto;align-items:center}
@media (max-width:760px){#rd-site .rd-duo-grid{grid-template-columns:1fr}}
#rd-site .rd-pass-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:center;transition:transform .3s,box-shadow .3s}
#rd-site .rd-pass-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px -34px rgba(14,26,43,.28)}
#rd-site .rd-pass-card .rd-pass-ph{background:linear-gradient(135deg,var(--asphalt-2),var(--asphalt));height:160px;display:flex;align-items:center;justify-content:center;color:var(--lane)}
#rd-site .rd-pass-card .rd-pass-ph svg{width:44px;height:44px}
#rd-site .rd-pass-card figcaption{padding:16px 14px}
#rd-site .rd-pass-card b{font-family:'Sora';font-size:15.5px;display:block}
#rd-site .rd-pass-card small{color:var(--muted);font-size:13px}
@media (max-width:920px){#rd-site .rd-pass-grid{grid-template-columns:1fr 1fr}}

/* FOOTER */
#rd-site .rd-footer{background:var(--asphalt);color:#9fb2c6;padding:54px 0 30px}
#rd-site .rd-foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;margin-bottom:40px}
#rd-site .rd-foot-brand{margin-bottom:14px}
#rd-site .rd-foot-top p{max-width:320px;font-size:14.5px}
#rd-site .rd-foot-cta{display:flex;gap:12px;flex-wrap:wrap}
#rd-site .rd-foot-links{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:40px}
#rd-site .rd-foot-links h4{color:#fff;font-family:'Sora';font-weight:600;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
#rd-site .rd-foot-links a{display:block;color:#9fb2c6;font-size:14.5px;padding:4px 0;transition:color .2s}
#rd-site .rd-foot-links a:hover{color:var(--dado)}
#rd-site .rd-foot-meta{border-top:1px solid var(--asphalt-3);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px}
#rd-site .rd-foot-meta b{color:#cfdae6;font-weight:600}
#rd-site .rd-foot-meta a{color:#cfdae6;text-decoration:underline}
@media (max-width:880px){#rd-site .rd-foot-links{grid-template-columns:1fr 1fr;gap:22px}}
@media (max-width:480px){#rd-site .rd-foot-links{grid-template-columns:1fr}}

/* BACK TO TOP */
#rd-site .rd-top{position:fixed;right:24px;bottom:24px;z-index:60;width:50px;height:50px;border-radius:50%;
  background:var(--dado-ink);color:#fff;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 30px -10px rgba(21,155,215,.7);opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .3s ease,transform .3s ease,background .2s ease}
#rd-site .rd-top.rd-show{opacity:1;visibility:visible;transform:none}
#rd-site .rd-top:hover{background:var(--dado-hover);transform:translateY(-3px)}
#rd-site .rd-top svg{width:22px;height:22px}

/* 404 */
#rd-site .rd-404{background:var(--asphalt);color:#fff;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;text-align:center;padding:140px 0 120px}
#rd-site .rd-404::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(21,155,215,.22),transparent 70%);top:-180px;right:-120px}
#rd-site .rd-404 .rd-inner{position:relative;z-index:2;max-width:680px;margin:0 auto}
#rd-site .rd-404 .rd-code{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(96px,20vw,180px);line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 0%,#7fc4e8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
#rd-site .rd-404 .rd-eyebrow{justify-content:center}
#rd-site .rd-404 h1{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:16px}
#rd-site .rd-404 .rd-lead{color:#cdd9e6;font-size:18px;max-width:520px;margin:0 auto 32px}
#rd-site .rd-404 .rd-cta-row{justify-content:center;margin-bottom:0}