@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,500&display=swap');

/* ============================================================
   RCL Premium · v7-3 Landing-Layer (reine Optik) · Version 1.31
   ------------------------------------------------------------
   Scope: das gesamte Marketing liegt unter #rclLanding und kann
   NICHT in den Rechner oder den Funktionsblock (.price-card)
   lecken. Der Funktionsblock liegt ausserhalb #rclLanding und
   behaelt die globale Komponenten-CSS (unveraendert).
   Schrift Schibsted Grotesk: nur Landing + Freischalten-Headline.
   ============================================================ */

/* --- Tokens + Basis nur fuer die Landing --- */
#rclLanding{
  /* v1.64 HELL (Rainer 26.07.): Basis-Tokens von Dark auf Hell. Dunkle Inseln
     (Hero-Panel) setzen ihre Tokens lokal selbst -> unberuehrt. */
  --bg:#F3F4F6; --bg-2:#ffffff; --surface:#ffffff; --surface-2:#EDEFF2;
  --line:rgba(17,24,39,.10); --line-2:rgba(17,24,39,.20);
  --text:#111827; --text-2:#374151; --text-3:#6B7280;
  --lime:#c8d400; --lime-2:#dde673; --lime-deep:#7E8A00;
  --sans:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display:"Newsreader", Georgia, "Times New Roman", serif;
  --ease:cubic-bezier(.22,.65,.18,1);
  --accent:#5a6600;
  display:block;
  font-family:var(--sans); background:var(--bg); color:var(--text);
  line-height:1.6; font-size:clamp(15px,1.6vw,17px);
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}

/* Apple-Stil: alternierende dunkle/helle Sektionen — Tokens wechseln pro Sektion. */
#rclLanding .sec-dark{ background:var(--bg); color:var(--text); }
#rclLanding .sec-light{
  --bg:#ffffff; --bg-2:#f5f5f7; --surface:#f7f7f8; --surface-2:#ededf0;
  --line:rgba(0,0,0,.10); --line-2:rgba(0,0,0,.22);
  --text:#0d0f11; --text-2:#44484e; --text-3:#5f636a;
  --accent:#5a6600; color:var(--text); background:var(--bg);
}

#rclLanding *{box-sizing:border-box;}
/* v1.65: Serif-Headlines (Newsreader) — bricht den Mono-Sans-KI-Look */
#rclLanding h1,#rclLanding h2,#rclLanding h3{margin:0; font-family:var(--font-display); line-height:1.08; letter-spacing:-.01em; font-weight:600;}
#rclLanding h1{font-weight:600;}
#rclLanding .hook .big,#rclLanding .why h2,#rclLanding .human h2{font-weight:600;}
#rclLanding p{margin:0;}
#rclLanding a{color:inherit; text-decoration:none;}
#rclLanding .wrap{width:100%; max-width:1180px; margin:0 auto; padding:0 clamp(20px,5vw,48px);}
#rclLanding .eyebrow{font-size:clamp(11.5px,2.4vw,13px); letter-spacing:.16em; text-transform:uppercase; color:var(--accent); font-weight:600;}
#rclLanding .num{font-variant-numeric:tabular-nums;}
#rclLanding .btn{display:inline-flex; align-items:center; gap:9px; cursor:pointer; border:0; font-family:var(--sans); font-weight:600; font-size:clamp(15px,1.8vw,16px); padding:15px 26px; border-radius:11px; min-height:50px; transition:transform .08s ease, filter .18s ease, background .18s ease, border-color .18s ease;}
#rclLanding .btn:active{transform:translateY(1px);}
#rclLanding .btn-primary{background:var(--lime); color:#0d0f11;}
#rclLanding .btn-primary:hover{filter:brightness(1.07);}
#rclLanding .btn-ghost{background:transparent; color:var(--text); border:1px solid var(--line-2);}
#rclLanding .btn-ghost:hover{border-color:var(--accent); color:var(--accent);}

#rclLanding section{padding:clamp(70px,11vw,140px) 0; position:relative;}
#rclLanding .reveal{opacity:0; transform:translateY(30px); transition:opacity .9s var(--ease), transform .9s var(--ease);}
#rclLanding .reveal.in{opacity:1; transform:none;}

/* HERO */
#rclLanding .hero{padding-top:clamp(52px,8vw,96px); padding-bottom:clamp(60px,9vw,116px); overflow:hidden;}
#rclLanding .glow{position:absolute; top:-12%; right:-18%; width:78vw; height:78vw; max-width:840px; max-height:840px; background:radial-gradient(circle, rgba(200,212,0,.13), transparent 60%); pointer-events:none; z-index:0; will-change:transform; animation:rclDrift 16s ease-in-out infinite;}
@keyframes rclDrift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-4%,3%) scale(1.08);}}
#rclLanding .hero-grid{position:relative; z-index:1; display:grid; grid-template-columns:1fr; gap:clamp(40px,6vw,64px); align-items:center;}
@media(min-width:900px){ #rclLanding .hero-grid{grid-template-columns:.86fr 1.14fr; gap:clamp(32px,4.5vw,52px);} }
#rclLanding .hero h1{font-size:clamp(2.7rem,8.5vw,5.3rem); font-weight:800; margin:22px 0 24px;}
#rclLanding .hero .sub{font-size:clamp(1.05rem,2.4vw,1.3rem); color:var(--text-2); max-width:30ch; line-height:1.5;}
#rclLanding .hero .cta-row{display:flex; flex-wrap:wrap; gap:14px; margin-top:36px;}
#rclLanding .hero .price-note{font-size:13.5px; color:var(--text-3); margin-top:14px; letter-spacing:.01em;}
/* P1.2: Foerder-Pflicht-Satz als Trust-Zeile mit Lime-Marker */
#rclLanding .hero .rcl-hero-foerderpflicht{
  margin-top:22px; font-size:15.5px; color:var(--text-2); font-weight:500;
  line-height:1.5; display:flex; align-items:flex-start; gap:11px; max-width:46ch;
}
#rclLanding .hero .rcl-hero-foerderpflicht::before{
  content:""; flex:none; width:9px; height:9px; margin-top:6px;
  background:var(--lime); border-radius:2px;
}
#rclLanding .hero .rcl-hero-foerderpflicht b{ color:var(--text); font-weight:700; }

/* v1.65: Hero-Kicker statt generischer Uppercase-Eyebrow (redaktionell, menschlich) */
#rclLanding .hero .rcl-hero-kicker{
  font-family:var(--font-display); font-style:italic; font-weight:500;
  font-size:clamp(19px,2.4vw,24px); line-height:1.4; color:var(--text-2);
  margin:0 0 14px; max-width:34ch;
}
#rclLanding .hero .rcl-hero-kicker mark{
  background:transparent; color:var(--text); font-weight:600; font-style:normal;
  box-shadow:inset 0 -.34em 0 rgba(200,212,0,.5);
}

#rclLanding .hero-intro > *{opacity:0; transform:translateY(24px); filter:blur(7px); transition:opacity 1s var(--ease), transform 1s var(--ease), filter 1s var(--ease);}
#rclLanding .hero-intro.lit > *{opacity:1; transform:none; filter:blur(0);}
#rclLanding .hero-intro.lit > *:nth-child(1){transition-delay:.06s;}
#rclLanding .hero-intro.lit > *:nth-child(2){transition-delay:.20s;}
#rclLanding .hero-intro.lit > *:nth-child(3){transition-delay:.40s;}
#rclLanding .hero-intro.lit > *:nth-child(4){transition-delay:.58s;}
#rclLanding .hero-intro.lit > *:nth-child(5){transition-delay:.70s;}

#rclLanding .panel{position:relative; background:linear-gradient(180deg,var(--surface),var(--bg-2)); border:1px solid var(--line); border-radius:18px; padding:clamp(20px,3vw,30px); will-change:transform; opacity:0; transform:translateY(34px) scale(.986); transition:opacity 1.1s var(--ease) .28s, transform 1.1s var(--ease) .28s;}
#rclLanding .panel.lit{opacity:1; transform:none;}
#rclLanding .panel .phl-lab{font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3);}
#rclLanding .panel .phl{font-size:clamp(2rem,5vw,2.7rem); font-weight:700; color:var(--accent); letter-spacing:-.02em; line-height:1; margin:6px 0 18px;}
#rclLanding .panel .phl small{font-size:.55em; font-weight:600;}
#rclLanding .plan{width:100%; height:auto; display:block;}
#rclLanding .lp-room{opacity:0; transform:translate(var(--fx,0), var(--fy,0)) scale(.6); transform-box:fill-box; transform-origin:center; transition:opacity .5s ease var(--d,0s), transform .82s cubic-bezier(.34,1.56,.64,1) var(--d,0s);}
#rclLanding .lp-room.in{opacity:1; transform:translate(0,0) scale(1);}
#rclLanding .phl.flash{animation:rclPhlflash 1.15s ease;}
@keyframes rclPhlflash{0%{text-shadow:none;}28%{text-shadow:0 0 26px rgba(200,212,0,.72);}100%{text-shadow:none;}}
#rclLanding .legend{display:flex; align-items:center; gap:10px; margin-top:16px; font-size:11.5px; color:var(--text-3); letter-spacing:.03em;}
#rclLanding .legend .bar{display:flex; flex:1; height:9px; border-radius:3px; overflow:hidden;}
#rclLanding .legend .bar i{flex:1;}

/* HOOK */
#rclLanding .hook{text-align:center;}
#rclLanding .hook .big{font-size:clamp(2.5rem,8vw,4.7rem); font-weight:800; letter-spacing:-.03em; line-height:1.02;}
#rclLanding .hook .big em{font-style:normal; color:var(--accent);}
#rclLanding .hook p.lead{max-width:54ch; margin:30px auto 0; font-size:clamp(1.1rem,2.6vw,1.45rem); color:var(--text-2); line-height:1.55;}
#rclLanding .pill{display:inline-flex; align-items:center; gap:8px; margin-top:30px; font-size:13.5px; letter-spacing:.01em; color:var(--accent); border:1px solid var(--line-2); border-radius:999px; padding:10px 20px; font-weight:500;}

/* STEPS */
#rclLanding .steps-head{margin-bottom:clamp(36px,6vw,60px);}
#rclLanding .steps-head h2{font-size:clamp(1.9rem,5vw,3rem); font-weight:700;}
#rclLanding .grid3{display:grid; grid-template-columns:1fr; gap:clamp(18px,2.4vw,24px);}
@media(min-width:820px){ #rclLanding .grid3{grid-template-columns:repeat(3,1fr);} }
#rclLanding .step{background:var(--surface); border:1px solid var(--line); border-radius:16px; overflow:hidden; transition:border-color .25s ease, transform .25s ease;}
#rclLanding .step:hover{border-color:var(--line-2); transform:translateY(-4px);}
#rclLanding .shot{background:var(--bg); border-bottom:1px solid var(--line); padding:14px;}
#rclLanding .shot-bar{display:flex; align-items:center; gap:6px; margin-bottom:12px;}
#rclLanding .shot-bar b{width:9px; height:9px; border-radius:50%; background:var(--line-2);}
#rclLanding .shot-bar em{margin-left:8px; font-style:normal; font-size:11.5px; color:var(--text-3); letter-spacing:.02em;}
#rclLanding .shot-body{padding:4px 4px 6px;}
#rclLanding .fld{margin-bottom:11px;}
#rclLanding .fld label{display:block; font-size:11.5px; color:var(--text-3); margin-bottom:5px;}
#rclLanding .fld .inp{background:var(--surface-2); border:1px solid var(--line); border-left:2px solid var(--lime); border-radius:7px; padding:9px 11px; font-size:13.5px; color:var(--text); font-weight:500;}
#rclLanding .phl-mini{font-size:2rem; font-weight:800; color:var(--accent); letter-spacing:-.02em; line-height:1; margin-bottom:4px;}
#rclLanding .phl-mini small{font-size:.5em; font-weight:600;}
#rclLanding .phl-mini span{display:block; font-size:11.5px; color:var(--text-3); font-weight:400; letter-spacing:.04em; margin-top:6px;}
#rclLanding .room-row{display:flex; align-items:center; gap:10px; margin-top:10px; font-size:12.5px; color:var(--text-2);}
#rclLanding .room-row span{flex:none; width:64px;}
#rclLanding .room-row i{height:8px; border-radius:3px; background:var(--lime);}
#rclLanding .res-row{display:flex; justify-content:space-between; align-items:center; padding:9px 0; border-bottom:1px solid var(--line); font-size:13px; color:var(--text-2);}
#rclLanding .res-row b{color:var(--text); font-weight:600;}
#rclLanding .res-ok{margin-top:12px; display:flex; align-items:center; gap:8px; font-size:13px; color:var(--accent); font-weight:500;}
#rclLanding .step-txt{padding:clamp(20px,2.4vw,26px);}
#rclLanding .step-txt .n{font-size:12.5px; color:var(--accent); letter-spacing:.06em; font-weight:600;}
#rclLanding .step-txt h3{font-size:clamp(1.25rem,3vw,1.5rem); margin:10px 0 8px; font-weight:600; letter-spacing:-.01em;}
#rclLanding .step-txt p{color:var(--text-2); font-size:.97rem;}
#rclLanding .echo{text-align:center; margin-top:clamp(44px,6vw,60px); font-size:clamp(1.4rem,4vw,2.1rem); font-weight:700; letter-spacing:-.02em;}
#rclLanding .echo em{font-style:normal; color:var(--accent);}

/* WHY */
#rclLanding .why h2{font-size:clamp(2.2rem,7vw,4rem); font-weight:800; letter-spacing:-.03em; line-height:1.04;}
#rclLanding .why h2 em{font-style:normal; color:var(--accent);}
#rclLanding .why .intro{max-width:62ch; margin:20px 0 8px; color:var(--text-2); font-size:clamp(1.02rem,2.1vw,1.18rem); line-height:1.55;}
#rclLanding .why .cols{display:grid; grid-template-columns:1fr; gap:clamp(22px,3vw,30px); margin-top:clamp(40px,6vw,60px);}
@media(min-width:820px){ #rclLanding .why .cols{grid-template-columns:repeat(3,1fr);} }
#rclLanding .why .col{border-top:2px solid var(--lime); padding-top:18px;}
#rclLanding .why .col h3{font-size:1.15rem; font-weight:600; margin-bottom:8px; letter-spacing:-.01em;}
#rclLanding .why .col p{color:var(--text-2); font-size:.98rem;}

/* HUMAN */
#rclLanding .human .inner{display:grid; grid-template-columns:1fr; gap:clamp(28px,4vw,48px); align-items:center;}
@media(min-width:900px){ #rclLanding .human .inner{grid-template-columns:1.1fr .9fr;} }
#rclLanding .human h2{font-size:clamp(2rem,6vw,3.4rem); font-weight:800; letter-spacing:-.03em; line-height:1.05;}
#rclLanding .human h2 em{font-style:normal; color:var(--accent);}
#rclLanding .human p{color:var(--text-2); font-size:clamp(1.05rem,2.4vw,1.2rem); margin-top:22px; line-height:1.55; max-width:46ch;}
#rclLanding .trust{background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:clamp(26px,3.4vw,38px);}
#rclLanding .trust .yrs{font-size:clamp(3.2rem,9vw,5.2rem); font-weight:800; color:var(--accent); letter-spacing:-.04em; line-height:.9;}
#rclLanding .trust .yrs small{font-size:.26em; color:var(--text-2); font-weight:600; display:block; letter-spacing:.01em; margin-top:14px;}
#rclLanding .trust ul{list-style:none; margin:24px 0 0; padding:0; display:flex; flex-direction:column; gap:12px;}
#rclLanding .trust li{display:flex; gap:11px; align-items:flex-start; color:var(--text-2); font-size:.98rem;}
#rclLanding .trust li::before{content:""; flex:none; width:8px; height:8px; margin-top:8px; background:var(--lime); border-radius:2px;}

/* Methodik + Foerderhinweis */
#rclLanding .method{list-style:none; margin:26px 0 0; padding:0; display:flex; flex-direction:column; gap:18px;}
#rclLanding .method li{display:grid; grid-template-columns:auto 1fr; gap:15px; align-items:start;}
#rclLanding .method .num{width:30px; height:30px; border-radius:8px; background:var(--lime); color:#0d0f11; display:grid; place-items:center; font-weight:800; font-size:14px;}
#rclLanding .method h4{margin:2px 0 5px; font-size:1.02rem; font-weight:600; letter-spacing:-.01em;}
#rclLanding .method p{margin:0; color:var(--text-2); font-size:.95rem; line-height:1.5;}
#rclLanding .note{margin-top:clamp(34px,4.5vw,50px); border:1px solid var(--line); border-left:3px solid var(--lime); border-radius:14px; padding:clamp(20px,2.6vw,26px); background:var(--surface-2); font-size:.96rem; color:var(--text-2); line-height:1.6;}
#rclLanding .note b{color:var(--text); font-weight:600;}

/* Reduced Motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  #rclLanding .reveal{opacity:1 !important; transform:none !important; transition:none;}
  #rclLanding .hero-intro > *{opacity:1 !important; transform:none !important; filter:none !important; transition:none !important;}
  #rclLanding .panel{opacity:1 !important; transform:none !important; transition:none !important;}
  #rclLanding .lp-room{opacity:1 !important; transform:none !important; transition:none !important;}
  #rclLanding .glow{animation:none;}
}

/* ===== FREISCHALTEN — Bridge in den (unveraenderten) Funktionsblock =====
   Liegt AUSSERHALB #rclLanding -> .price-card nutzt globale Komponenten-CSS. */
#freischalten.rcl-unlock{padding:clamp(60px,9vw,116px) 0;}
.rcl-unlock-wrap{width:100%; max-width:780px; margin:0 auto; padding:0 clamp(20px,5vw,48px);}
.rcl-unlock-head{text-align:center; margin-bottom:clamp(28px,4vw,44px); font-family:"Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;}
.rcl-unlock-head h2{font-size:clamp(2rem,6vw,3.4rem); font-weight:800; letter-spacing:-.03em; line-height:1.05; margin:14px 0 0;}
.rcl-unlock-sub{margin:18px auto 0; max-width:54ch; color:var(--muted); font-size:clamp(1rem,2.2vw,1.12rem); line-height:1.55;}


/* ===== Lesbarkeits-Fix: Erklaerblock #rcl-pay-explain =====
   rcl-fixes.js injiziert diesen Hinweis mit hartem Inline-Style color:#111
   (fuer die alte helle Seite). Auf dem dunklen Grund unlesbar -> hier mit
   !important hell ueberschrieben. rcl-fixes.js selbst bleibt unangetastet. */
#rcl-pay-explain{ color:#cfd4cb !important; }
#rcl-pay-explain b{ color:#f3f4ef !important; }
#rcl-pay-explain u{ text-decoration-color:#C8D400; }


/* ===== Lesbarkeits-Fix: Ueberschriften in sec-light-Sektionen · 2026-06-24 =====
   Die globale Tool-CSS (fuer das dunkle Rechner-UI) faerbt h3 hell. In den
   hellen sec-light-Sektionen (.why, #einfach) erscheinen die Spalten-
   Ueberschriften dadurch nahezu weiss auf weissem Grund -> unlesbar.
   Hier mit der dunklen Sektions-Textfarbe (--text) ueberschrieben.
   Nur Optik; globale CSS und Funktionsblock bleiben unangetastet. */
#rclLanding .sec-light h3{ color:var(--text) !important; }


/* ============================================================
   DIY-Eyecatcher · Schrift wie H1 (Schibsted Grotesk 800) + Lime
   + Fly-in beim Seitenaufbau · v1.37 (2026-06-28)
   Reine Optik, nur Landing. CSS-Animation laeuft autonom beim
   Render (kein JS-Trigger noetig). Reduced-Motion respektiert.
   ============================================================ */
/* Container von der generischen hero-intro-Fade-Logik entkoppeln,
   damit die eigene Wort-Animation sicher beim Laden startet. */
#rclLanding .hero-intro > .rcl-diy-eyecatcher{
  opacity:1 !important; transform:none !important; filter:none !important; transition:none !important;
}
#rclLanding .rcl-diy-word{
  font-family:var(--sans); font-weight:800; letter-spacing:-.025em; line-height:1.02;
  font-size:clamp(30px,6.4vw,48px); color:var(--lime);
  text-shadow:0 2px 26px rgba(200,212,0,.30);
  animation:rclDiyFly 1.05s cubic-bezier(.16,.84,.26,1.12) .12s both;
  will-change:transform,opacity,filter;
}
#rclLanding .rcl-diy-bar{
  height:4px; width:128px; max-width:62%; background:var(--lime);
  border-radius:3px; margin:10px 0; transform-origin:left center;
  animation:rclDiyBar .7s var(--ease) .55s both;
}
#rclLanding .rcl-diy-tag{
  color:var(--text); font-weight:600; font-size:clamp(13px,2.6vw,15.5px); letter-spacing:.01em;
  animation:rclDiyTag .8s var(--ease) .68s both;
}
@keyframes rclDiyFly{
  0%{opacity:0; transform:translateX(-64px) scale(.92) rotate(-2.5deg); filter:blur(7px);}
  58%{opacity:1; filter:blur(0);}
  78%{transform:translateX(8px) scale(1.015) rotate(.4deg);}
  100%{opacity:1; transform:translateX(0) scale(1) rotate(0); filter:blur(0);}
}
@keyframes rclDiyBar{ 0%{opacity:0; transform:scaleX(0);} 100%{opacity:1; transform:scaleX(1);} }
@keyframes rclDiyTag{ 0%{opacity:0; transform:translateY(10px);} 100%{opacity:1; transform:translateY(0);} }
@media(prefers-reduced-motion:reduce){
  #rclLanding .rcl-diy-word,
  #rclLanding .rcl-diy-bar,
  #rclLanding .rcl-diy-tag{ animation:none !important; opacity:1 !important; transform:none !important; filter:none !important; }
}


/* ============================================================
   v1.44 · CLEAN LIGHT HERO (Apple-Silbergrau) · 2026-07-12
   ------------------------------------------------------------
   Erster Eindruck hell (#f5f5f7), Heizlast-Panel bleibt dunkle
   Kontrast-Insel (Markenkern Dark+Lime). Beide Hinweis-Banner
   ersetzt durch Werkzeug-Kacheln (.rcl-tools) unter dem Hero.
   Rein additiver Optik-Layer — Rechenkern/Gate unberuehrt.
   ============================================================ */

/* --- Hero-Flaeche: Silbergrau statt Dark --- */
#rclLanding .rcl-hero-light{ background:#f5f5f7; }
#rclLanding .rcl-hero-light .glow{ display:none; }
#rclLanding .rcl-hero-light .rcl-h1-soft{ color:#86898f; }

/* --- CTA: dunkler Premium-Button mit Lime-Punkt --- */
#rclLanding .rcl-hero-light .btn-primary{ background:#0d0f11; color:#fff; }
#rclLanding .rcl-hero-light .btn-primary::before{
  content:""; width:8px; height:8px; border-radius:50%;
  background:#c8d400; flex:none;
}
#rclLanding .rcl-hero-light .btn-primary:hover{ filter:none; background:#23272d; }
#rclLanding .rcl-hero-light .btn-ghost{ border-color:rgba(0,0,0,.18); }
#rclLanding .rcl-hero-light .btn-ghost:hover{ border-color:#0d0f11; color:#0d0f11; }

/* --- DIY-Eyecatcher: kompakte Eyebrow-Zeile statt Grossformat/Glow --- */
#rclLanding .rcl-hero-light .rcl-diy-eyecatcher{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
#rclLanding .rcl-hero-light .rcl-diy-word{
  font-size:14.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:#5a6600; text-shadow:none; animation:none;
}
#rclLanding .rcl-hero-light .rcl-diy-bar{
  width:34px; height:2px; margin:0; animation:none;
}
#rclLanding .rcl-hero-light .rcl-diy-tag{
  color:#6b6f76; font-weight:500; font-size:13px; animation:none;
}

/* --- Panel: dunkle Kontrast-Insel (lokale Dark-Tokens) --- */
#rclLanding .rcl-hero-light .panel{
  --surface:#171a1e; --bg-2:#101316;
  --line:rgba(255,255,255,.08); --line-2:rgba(255,255,255,.15);
  --text:#f3f4ef; --text-2:#a7ada4; --text-3:#8b918a; --accent:#c8d400;
  color:var(--text);
  border-color:rgba(13,15,17,.35);
  box-shadow:0 30px 70px rgba(13,15,17,.22), 0 4px 14px rgba(13,15,17,.10);
}
#rclLanding .rcl-panel-head{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
}
#rclLanding .rcl-norm-chip{
  font-size:10.5px; letter-spacing:.08em; text-transform:uppercase;
  color:#8b918a; border:1px solid rgba(255,255,255,.10);
  border-radius:999px; padding:5px 11px; white-space:nowrap; flex:none;
}

/* --- Raum-Rangliste im Panel (ersetzt die Farb-Legende) --- */
#rclLanding .rcl-rooms{ margin-top:18px; display:grid; gap:8px; }
#rclLanding .rcl-room-row{
  display:grid; grid-template-columns:104px 1fr 62px; align-items:center;
  gap:12px; font-size:12.5px; color:#a7ada4;
}
#rclLanding .rcl-room-row .track{
  height:5px; border-radius:3px; background:rgba(255,255,255,.07); overflow:hidden;
}
#rclLanding .rcl-room-row .track i{
  display:block; height:100%; border-radius:3px;
  background:linear-gradient(90deg, rgba(200,212,0,.45), #c8d400);
}
#rclLanding .rcl-room-row .val{
  text-align:right; font-variant-numeric:tabular-nums; color:#8b918a;
}
#rclLanding .rcl-room-row.max span:first-child{ color:#f3f4ef; font-weight:600; }
#rclLanding .rcl-room-row.max .val{ color:#c8d400; font-weight:600; }

/* --- Werkzeug-Kacheln: Anleitung + Foerderrechner --- */
#rclLanding .rcl-tools{
  background:#f5f5f7; padding-top:0; padding-bottom:clamp(70px,10vw,110px);
}
#rclLanding .rcl-tools .tgrid{ display:grid; grid-template-columns:1fr; gap:20px; }
@media(min-width:820px){
  #rclLanding .rcl-tools .tgrid{ grid-template-columns:1fr 1fr; }
}
#rclLanding .rcl-tool{
  position:relative; display:flex; align-items:flex-start; gap:20px;
  background:#ffffff; border:1px solid rgba(0,0,0,.08); border-radius:16px;
  padding:26px 56px 26px 28px; color:#0d0f11;
  box-shadow:0 2px 10px rgba(13,15,17,.04);
  transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
#rclLanding .rcl-tool:hover{
  transform:translateY(-3px); box-shadow:0 14px 34px rgba(13,15,17,.10);
  border-color:rgba(0,0,0,.14);
}
#rclLanding .rcl-tool .tic{
  flex:none; width:46px; height:46px; border-radius:12px;
  background:#0d0f11; display:grid; place-items:center;
}
#rclLanding .rcl-tool .tic svg{ width:22px; height:22px; stroke:#c8d400; }
#rclLanding .rcl-tool .ttxt{ display:block; }
#rclLanding .rcl-tool h3{
  font-size:17.5px; font-weight:700; letter-spacing:-.01em;
  margin:0 0 5px; color:#0d0f11 !important; line-height:1.3;
}
#rclLanding .rcl-tool p{
  font-size:13.5px; color:#44484e; line-height:1.55; max-width:46ch; margin:0;
}
#rclLanding .rcl-tool .go{
  position:absolute; top:26px; right:24px; color:#9aa0a6; font-size:18px;
  transition:color .2s ease, transform .2s ease;
}
#rclLanding .rcl-tool:hover .go{ color:#5a6600; transform:translateX(3px); }
#rclLanding .rcl-tool .badge{
  display:inline-block; font-size:10.5px; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; color:#0d0f11; background:#c8d400;
  border-radius:999px; padding:3px 9px; margin-left:8px; vertical-align:2px;
}
@media(max-width:480px){
  #rclLanding .rcl-room-row{ grid-template-columns:88px 1fr 56px; }
  #rclLanding .rcl-tool{ padding:22px 48px 22px 20px; gap:14px; }
}
/* --- v1.52: Einzel-Kachel (KfW-Foerderrechner) — groesser, mittig.
   Die Anleitung-Kachel entfaellt (Anleitung nur noch im geschuetzten Bereich). --- */
#rclLanding .rcl-tools .tgrid.tgrid-single{
  grid-template-columns:1fr; max-width:760px; margin:0 auto;
}
@media(min-width:820px){
  #rclLanding .rcl-tools .tgrid.tgrid-single{ grid-template-columns:1fr; }
}
#rclLanding .rcl-tool.rcl-tool-solo{
  padding:34px 72px 34px 36px; gap:24px; align-items:center;
}
#rclLanding .rcl-tool.rcl-tool-solo .tic{ width:58px; height:58px; border-radius:14px; }
#rclLanding .rcl-tool.rcl-tool-solo .tic svg{ width:28px; height:28px; }
#rclLanding .rcl-tool.rcl-tool-solo h3{ font-size:22px; }
#rclLanding .rcl-tool.rcl-tool-solo p{ font-size:15.5px; max-width:56ch; }
#rclLanding .rcl-tool.rcl-tool-solo .go{ top:50%; transform:translateY(-50%); font-size:22px; }
#rclLanding .rcl-tool.rcl-tool-solo:hover .go{ transform:translateY(-50%) translateX(3px); }
@media(max-width:480px){
  #rclLanding .rcl-tool.rcl-tool-solo{ padding:24px 52px 24px 22px; gap:16px; }
  #rclLanding .rcl-tool.rcl-tool-solo h3{ font-size:18.5px; }
}
/* === Ende v1.44 Clean Light ================================= */


/* ============================================================
   v1.45 · DURCHGAENGIG HELL (2026-07-12)
   Steps- + Human-Sektion von dunkel auf Silbergrau umgestellt
   (Klasse .rcl-sec-silver, HTML: sec-dark -> sec-light).
   Karten dort weiss fuer sauberen Kontrast auf Silbergrau.
   Header + Footer bleiben bewusst dunkel (Markenanker).
   ============================================================ */
#rclLanding .rcl-sec-silver{
  background:#f5f5f7;
  --surface:#ffffff; --surface-2:#f2f2f4;
}

/* ============================================================
   v1.64 · P2.1 Preisanker + P2.5 FAQ (Rainer 26.07.)
   ============================================================ */
#rclLanding .rcl-anchor-grid{display:grid; grid-template-columns:1fr; gap:20px;}
@media(min-width:760px){ #rclLanding .rcl-anchor-grid{grid-template-columns:1fr 1fr;} }
#rclLanding .rcl-anchor-card{background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:32px;}
#rclLanding .rcl-anchor-card.them{opacity:.92;}
#rclLanding .rcl-anchor-card.us{border:2px solid var(--text); position:relative;}
#rclLanding .rcl-anchor-card.us::before{content:"RCL"; position:absolute; top:-13px; left:32px; background:var(--lime); color:#111827; font-weight:800; font-size:12px; letter-spacing:.09em; padding:5px 11px; border-radius:4px;}
#rclLanding .rcl-anchor-card .lbl{font-size:12.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--text-3);}
#rclLanding .rcl-anchor-card .amt{font-size:clamp(2rem,4.6vw,2.7rem); font-weight:800; color:var(--text); margin-top:12px; letter-spacing:-.02em; line-height:1.02;}
#rclLanding .rcl-anchor-card .amt small{font-size:.4em; font-weight:600; color:var(--text-3); letter-spacing:0;}
#rclLanding .rcl-anchor-card .desc{margin-top:12px; color:var(--text-2); font-size:.97rem; line-height:1.5;}

#rclLanding .rcl-faq-list{display:flex; flex-direction:column; max-width:820px;}
#rclLanding .rcl-faq-list details{border-top:1px solid var(--line);}
#rclLanding .rcl-faq-list details:last-child{border-bottom:1px solid var(--line);}
#rclLanding .rcl-faq-list summary{cursor:pointer; list-style:none; padding:22px 44px 22px 0; position:relative; font-weight:600; font-size:1.08rem; color:var(--text); line-height:1.4;}
#rclLanding .rcl-faq-list summary::-webkit-details-marker{display:none;}
#rclLanding .rcl-faq-list summary::after{content:"+"; position:absolute; right:8px; top:16px; font-size:1.7rem; font-weight:400; color:var(--lime-deep); line-height:1;}
#rclLanding .rcl-faq-list details[open] summary::after{content:"\2013";}
#rclLanding .rcl-faq-list details p{padding:0 44px 24px 0; color:var(--text-2); font-size:1rem; line-height:1.62; margin:0; max-width:72ch;}

/* v1.64 · P1.5 Muster-Report */
#rclLanding .rcl-report-wrap{display:grid; grid-template-columns:1fr; gap:clamp(32px,5vw,56px); align-items:center;}
@media(min-width:900px){ #rclLanding .rcl-report-wrap{grid-template-columns:1fr 1fr;} }
#rclLanding .rcl-report-copy h2{font-size:clamp(1.9rem,5vw,3rem); font-weight:800; letter-spacing:-.02em; margin-top:16px;}
#rclLanding .rcl-report-copy h2 em{font-style:normal; color:var(--accent);}
#rclLanding .rcl-report-copy p{margin-top:18px; color:var(--text-2); font-size:clamp(1.02rem,2.1vw,1.15rem); line-height:1.6; max-width:52ch;}
#rclLanding .rcl-report-points{list-style:none; margin:24px 0 0; padding:0; display:flex; flex-direction:column; gap:12px;}
#rclLanding .rcl-report-points li{display:flex; gap:11px; align-items:flex-start; color:var(--text-2); font-size:1rem;}
#rclLanding .rcl-report-points li::before{content:""; flex:none; width:9px; height:9px; margin-top:7px; background:var(--lime); border-radius:2px;}
#rclLanding .rcl-report-doc{background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 20px 50px rgba(17,24,39,.10); padding:26px 28px; margin:0;}
#rclLanding .rdoc-head{display:flex; justify-content:space-between; align-items:flex-start; gap:14px; border-bottom:1px solid var(--line); padding-bottom:16px;}
#rclLanding .rdoc-head b{display:block; font-size:15px; color:var(--text);}
#rclLanding .rdoc-head > div span{font-size:11.5px; color:var(--text-3); letter-spacing:.02em;}
#rclLanding .rdoc-badge{flex:none; background:var(--lime); color:#111827; font-weight:800; font-size:11px; letter-spacing:.08em; text-transform:uppercase; padding:5px 10px; border-radius:4px;}
#rclLanding .rdoc-result{padding:22px 0 18px; border-bottom:1px solid var(--line);}
#rclLanding .rdoc-kw{font-size:clamp(3rem,8vw,4.4rem); font-weight:800; color:var(--text); letter-spacing:-.03em; line-height:1;}
#rclLanding .rdoc-kw small{font-size:.3em; font-weight:600; color:var(--text-3); margin-left:6px;}
#rclLanding .rdoc-kwlab{margin-top:8px; font-size:13px; color:var(--text-3);}
#rclLanding .rdoc-rooms{padding:18px 0 6px; display:flex; flex-direction:column; gap:11px;}
#rclLanding .rdoc-row{display:grid; grid-template-columns:104px 1fr 58px; align-items:center; gap:12px; font-size:13px; color:var(--text-2);}
#rclLanding .rdoc-row i{height:7px; border-radius:3px; background:linear-gradient(90deg,rgba(200,212,0,.5),#c8d400); width:var(--w);}
#rclLanding .rdoc-row b{text-align:right; color:var(--text); font-variant-numeric:tabular-nums;}
#rclLanding .rdoc-foot{display:flex; justify-content:space-between; gap:12px; border-top:1px solid var(--line); padding-top:14px; margin-top:8px; font-size:11.5px; color:var(--text-3);}
/* v1.69 – echte, anonymisierte Report-Seite statt Mock */
#rclLanding .rcl-report-doc--img{position:relative; padding:12px; max-width:560px; margin-inline:auto;}
#rclLanding .rcl-report-doc--img img{display:block; width:100%; height:auto; border-radius:8px; border:1px solid var(--line);}
#rclLanding .rcl-report-doc--img figcaption{margin-top:12px; text-align:center; font-size:12px; color:var(--text-3); line-height:1.45;}
#rclLanding .rdoc-badge--float{position:absolute; right:24px; bottom:52px; z-index:2; box-shadow:0 3px 10px rgba(17,24,39,.20);}

/* v1.65: Menschmoment — Zitat in Serif + echte Unterschrift */
#rclLanding .rcl-quote{ margin:28px 0 6px; padding:2px 0 2px 22px; border-left:3px solid var(--lime); }
#rclLanding .rcl-quote p{ font-family:var(--font-display); font-style:italic; font-weight:500;
  font-size:clamp(1.25rem,2.6vw,1.7rem); line-height:1.42; color:var(--text); max-width:38ch; margin:0; }
#rclLanding .rcl-quote .rcl-sig{ display:block; width:200px; height:auto; margin:16px 0 4px; }
#rclLanding .rcl-quote cite{ display:block; font-style:normal; font-size:14px; font-weight:600; color:var(--text-2); letter-spacing:.01em; }

/* ============================================================
   v1.65 · HERO-PANEL zeigt echten Tool-Screenshot (Ergebnis-Karte)
   Dunkle Kontrast-Insel bleibt als Bezel; helle Ergebnis-Karte darin.
   Ersetzt den KI-Render hero-team.jpg (Rainer 26.07.: weg vom KI-Look).
   ============================================================ */
#rclLanding .rcl-hero-toolpanel{ padding:clamp(15px,2vw,22px); overflow:hidden; }
#rclLanding .rcl-hero-toolpanel .rcl-panel-head{ align-items:center; }
#rclLanding .rcl-tool-stage{ margin-top:14px; display:flex; justify-content:center; }
#rclLanding .rcl-tool-stage img{
  width:100%; max-width:360px; height:auto; border-radius:12px;
  box-shadow:0 22px 46px rgba(0,0,0,.32); border:1px solid rgba(255,255,255,.06);
}

/* ============================================================
   v1.65 · DREI SCHRITTE mit ECHTEN Tool-Screenshots (Rainer 26.07.)
   Alternierende Reihen, Browser-gerahmte reale Screenshots,
   editoriale Serifen-Nummerierung. Loest die div-Attrappen (.grid3/.step) ab.
   ============================================================ */
#rclLanding .rcl-steps-real{ display:flex; flex-direction:column; gap:clamp(46px,7vw,88px); margin-top:clamp(30px,5vw,54px); }
#rclLanding .rcl-rstep{ display:grid; grid-template-columns:1fr; gap:clamp(22px,3.4vw,44px); align-items:center; }
@media(min-width:900px){
  #rclLanding .rcl-rstep{ grid-template-columns:1.12fr .88fr; }
  #rclLanding .rcl-rstep.rev{ grid-template-columns:.88fr 1.12fr; }
  #rclLanding .rcl-rstep.rev .rcl-shot-frame{ order:2; }
  #rclLanding .rcl-rstep.rev .rcl-rstep-txt{ order:1; }
}
/* Browser-Rahmen um den echten Screenshot */
#rclLanding .rcl-shot-frame{
  margin:0; border-radius:14px; overflow:hidden; background:#fff;
  border:1px solid var(--line);
  box-shadow:0 26px 60px -30px rgba(17,24,39,.42), 0 6px 18px -10px rgba(17,24,39,.22);
}
#rclLanding .rcl-shot-top{
  display:flex; align-items:center; gap:7px;
  padding:11px 14px; background:#EDEFF2; border-bottom:1px solid var(--line);
}
#rclLanding .rcl-shot-top b{ width:11px; height:11px; border-radius:50%; background:#cfd3d9; flex:none; }
#rclLanding .rcl-shot-top b:nth-child(1){ background:#f0655a; }
#rclLanding .rcl-shot-top b:nth-child(2){ background:#f4bf4f; }
#rclLanding .rcl-shot-top b:nth-child(3){ background:#5bc466; }
#rclLanding .rcl-shot-url{
  margin-left:8px; font-size:12px; color:var(--text-3);
  background:#fff; border:1px solid var(--line); border-radius:7px;
  padding:4px 12px; flex:1; max-width:320px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#rclLanding .rcl-shot-frame img{ display:block; width:100%; height:auto; }
/* Text-Seite mit editorialer Serifen-Nummer */
#rclLanding .rcl-rstep-head{ display:flex; align-items:baseline; gap:14px; margin-bottom:12px; }
#rclLanding .rcl-rstep-idx{
  font-family:var(--font-display); font-weight:500; font-style:italic;
  font-size:clamp(2.4rem,6vw,3.4rem); line-height:.8; color:var(--text-3); opacity:.45;
}
#rclLanding .rcl-rstep-kick{
  font-size:12.5px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--accent); font-weight:700;
}
#rclLanding .rcl-rstep-txt h3{ font-size:clamp(1.4rem,3.4vw,1.95rem); font-weight:600; letter-spacing:-.01em; margin:0 0 10px; }
#rclLanding .rcl-rstep-txt p{ color:var(--text-2); font-size:1.02rem; max-width:42ch; }

/* ============================================================
   v1.65 · KfW-458-FÖRDER-EYECATCHER (Rainer 26.07., lt. Konzept P1.3)
   Kostenloser Förderrechner = primärer Kunden-Magnet direkt unter Hero.
   Ersetzt die unauffällige Werkzeug-Kachel (.rcl-tools).
   ============================================================ */
#rclLanding .rcl-foerder-eyecatcher{ padding:clamp(28px,4.5vw,52px) 0; }
#rclLanding .rcl-fe-card{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:1fr; gap:clamp(22px,3.4vw,42px);
  background:linear-gradient(135deg,#ffffff,#f6f8f1);
  border:1px solid var(--line); border-radius:22px;
  padding:clamp(26px,3.6vw,46px) clamp(24px,3.4vw,48px);
  box-shadow:0 30px 60px -34px rgba(17,24,39,.30);
}
#rclLanding .rcl-fe-card::before{ content:""; position:absolute; top:0; bottom:0; left:0; width:6px; background:var(--lime); }
@media(min-width:860px){ #rclLanding .rcl-fe-card{ grid-template-columns:1.05fr .95fr; align-items:center; } }
#rclLanding .rcl-fe-badge{ display:inline-block; background:var(--lime); color:#0d0f11; font-weight:800; font-size:12px; letter-spacing:.05em; text-transform:uppercase; padding:6px 13px; border-radius:999px; }
#rclLanding .rcl-fe-copy h2{ font-size:clamp(1.75rem,4.2vw,2.8rem); font-weight:700; margin:16px 0 12px; letter-spacing:-.01em; line-height:1.06; }
#rclLanding .rcl-fe-copy h2 em{ font-style:italic; font-family:var(--font-display); color:var(--accent); }
#rclLanding .rcl-fe-copy p{ color:var(--text-2); font-size:1.02rem; max-width:46ch; }
#rclLanding .rcl-fe-ask-lab{ display:block; font-size:12.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--text-3); margin-bottom:12px; }
#rclLanding .rcl-fe-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
#rclLanding .rcl-fe-chip{
  display:inline-flex; align-items:center; gap:9px; padding:11px 16px;
  border:1.5px solid var(--line-2); border-radius:12px; background:var(--surface);
  color:var(--text); font-weight:600; font-size:.94rem; text-decoration:none;
  transition:border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);
}
#rclLanding .rcl-fe-chip::after{ content:"→"; color:var(--accent); font-weight:700; opacity:.5; transition:opacity .2s, transform .2s; }
#rclLanding .rcl-fe-chip:hover{ border-color:var(--lime); background:#fff; transform:translateY(-2px); }
#rclLanding .rcl-fe-chip:hover::after{ opacity:1; transform:translateX(3px); }
#rclLanding .rcl-fe-cta{ display:flex; width:100%; justify-content:center; font-size:1.04rem; padding:15px 22px; }
#rclLanding .rcl-fe-trust{ margin-top:12px; font-size:12.5px; color:var(--text-3); text-align:center; }

/* ============================================================
   v1.65 · KfW-458-FÖRDER-KARUSSELL (Rainer 26.07.)
   Natives Scroll-Snap, Slides in Website-Schrift; dunkle Bookends.
   Inhalt/Zahlen aus kfw-erklaerer-hell.html (KfW 458, Stand 21.07.2026), auf „Sie".
   ============================================================ */
#rclLanding .rcl-kfw{ padding:clamp(44px,6.5vw,80px) 0; }
#rclLanding .rcl-kfw-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:clamp(22px,3vw,34px); }
#rclLanding .rcl-kfw-head .eyebrow{ margin-bottom:8px; }
#rclLanding .rcl-kfw-head h2{ font-size:clamp(1.9rem,5vw,3rem); font-weight:700; letter-spacing:-.01em; }
#rclLanding .rcl-kfw-nav{ display:flex; gap:10px; }
#rclLanding .rcl-kfw-nav button{ width:46px; height:46px; border-radius:50%; border:1px solid var(--line-2); background:var(--surface); color:var(--text); font-size:19px; cursor:pointer; display:grid; place-items:center; transition:border-color .2s, background .2s, opacity .2s; }
#rclLanding .rcl-kfw-nav button:hover{ border-color:var(--lime); background:#fff; }
#rclLanding .rcl-kfw-nav button:disabled{ opacity:.3; cursor:default; }
#rclLanding .rcl-kfw-track{
  display:flex; gap:clamp(16px,2vw,22px); overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-behavior:smooth; padding:6px 2px 20px; scroll-padding-left:2px;
  -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
#rclLanding .rcl-kfw-track::-webkit-scrollbar{ display:none; }
#rclLanding .rcl-kfw-slide{
  scroll-snap-align:start; flex:0 0 min(84%,440px); margin:0;
  border-radius:20px; overflow:hidden; background:var(--surface);
  border:1px solid var(--line); box-shadow:0 24px 52px -30px rgba(17,24,39,.42);
  transition:box-shadow .3s ease, transform .3s ease;
}
#rclLanding .rcl-kfw-slide img{ display:block; width:100%; height:auto; }
@media (hover:hover){
  #rclLanding .rcl-kfw-slide:hover{ box-shadow:0 30px 62px -26px rgba(17,24,39,.52); transform:translateY(-4px); }
}
#rclLanding .rcl-kfw-cta{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px 22px; margin-top:clamp(22px,3vw,32px); text-align:center; }
#rclLanding .rcl-kfw-cta .btn{ font-size:1.02rem; }
#rclLanding .rcl-kfw-cta-note{ font-size:.9rem; color:var(--text-3); font-weight:600; }
#rclLanding .rcl-kfw-dots{ display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:16px; }
#rclLanding .rcl-kfw-dots button{ position:relative; width:9px; height:9px; border-radius:50%; border:none; background:var(--line-2); cursor:pointer; padding:0; transition:background .2s, width .2s; }
#rclLanding .rcl-kfw-dots button::before{ content:""; position:absolute; inset:-14px -7px; } /* unsichtbare 37x23px-Trefferflaeche (WCAG 2.5.8) */
#rclLanding .rcl-kfw-dots button[aria-current="true"]{ background:var(--lime); width:24px; border-radius:5px; }

/* Anker-Offset fuer die Foerder-Sprungleiste (sticky Header 63px) */
#rclLanding #foerderung-erklaert{ scroll-margin-top:80px; }

/* ============================================================
   RCL · v1.68 · Slides-Verweis im Förder-Eyecatcher (Produkt führt)
   ============================================================ */
#rclLanding .rcl-fe-slideslink{ display:inline-flex; align-items:center; gap:7px; margin-top:16px; font-weight:700; font-size:.95rem; color:var(--accent); text-decoration:none; border-bottom:1px solid transparent; transition:border-color .2s, gap .2s; }
#rclLanding .rcl-fe-slideslink .arrow{ transition:transform .25s ease; }
#rclLanding .rcl-fe-slideslink:hover{ border-bottom-color:var(--accent); }
#rclLanding .rcl-fe-slideslink:hover .arrow{ transform:translateY(3px); }
#rclLanding .rcl-fe-slideslink:focus-visible{ outline:2px solid var(--lime); outline-offset:3px; border-radius:3px; }