/* ═══ EXTENSION STYLES for new SEO subpages — additive, does not alter site.css ═══ */

.nbrand img{width:40px;height:40px;object-fit:cover;border-radius:8px;flex-shrink:0}

/* Dropdown mega-menu */
.nlinks{position:relative}
.nhas-dd{position:relative}
.ndd-trigger{display:flex;align-items:center;gap:.35rem;cursor:pointer}
.ndd-caret{transition:transform .25s var(--ease);opacity:.7}
.nhas-dd:hover .ndd-caret{transform:rotate(180deg)}
.ndd-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:280px;background:rgba(6,6,60,.97);border:1px solid var(--w10);border-radius:12px;padding:.6rem;opacity:0;visibility:hidden;transition:all .22s var(--ease);backdrop-filter:blur(24px);box-shadow:0 24px 60px rgba(0,0,40,.5);z-index:950}
.nhas-dd:hover .ndd-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ndd-panel-inner{display:flex;flex-direction:column;gap:.15rem}
.ndd-item{display:block;padding:.62rem .9rem;border-radius:8px;color:var(--w75);text-decoration:none;font-size:.86rem;font-weight:600;letter-spacing:.02em;text-transform:none;transition:background .18s,color .18s}
.ndd-item:hover{background:var(--cyan-dim);color:var(--cyan)}
.ndd-all{color:var(--cyan);border-top:1px solid var(--w10);margin-top:.3rem;padding-top:.8rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}

@media(max-width:1060px){
  .nlinks{display:none}
}

/* Google-Bewertungen Trust-Badge im Header */
.g-rating{display:none;align-items:center;gap:6px;padding:.4rem .85rem;border-radius:50px;border:1px solid var(--w18);background:var(--w06);backdrop-filter:blur(8px);flex-shrink:0}
.g-rating-icon{flex-shrink:0}
.g-rating-stars{color:#FBBC05;font-size:.72rem;letter-spacing:1px;line-height:1}
.g-rating-num{color:var(--w75);font-size:.78rem;font-weight:700;letter-spacing:.02em;font-family:'PT Serif',serif}
@media(min-width:1400px){.g-rating{display:inline-flex}}

/* Breadcrumb */
.breadcrumb{padding:6.5rem 6% 1rem;position:relative;z-index:1}
.breadcrumb .cap{font-size:.78rem;color:var(--w35);letter-spacing:.03em}
.breadcrumb a{color:var(--w55);text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:var(--cyan)}
.bc-sep{opacity:.4;margin:0 .2rem}
.breadcrumb span[aria-current]{color:var(--cyan)}

/* Sub-page hero (shorter than homepage full-viewport hero) */
#subhero{position:relative;z-index:1;padding:1.5rem 6% 2.4rem;text-align:center}
#subhero .h-eye{margin-bottom:1.6rem}
#subhero .h1{font-size:clamp(2.4rem,6vw,4.6rem);margin-bottom:1.3rem}
#subhero .hsub{margin:0 auto 2rem;max-width:640px}

/* Tighter transition right after a hero or a divider — avoids the large
   dead-space gap between the hero subline and the next section's heading */
.sep + .content-sec{padding-top:2.6rem}

/* Content prose sections */
.content-sec{padding:5rem 6%}
.content-sec .cap{max-width:1120px}
.content-sec h2.sh{margin-bottom:1rem}
.content-sec p.lead{color:var(--w75);font-size:1.05rem;line-height:1.9;max-width:760px;margin-bottom:1rem}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.5rem}
@media(max-width:900px){.content-grid{grid-template-columns:1fr}}

/* Hub grid of category cards (reusing .sv look) */
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:1060px){.hub-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.hub-grid{grid-template-columns:1fr}}
.hub-card{display:block;text-decoration:none;color:inherit}
.hub-card .svt{color:var(--w)}
.hub-card:hover .svt{color:var(--cyan)}
.hub-card .svmore{display:inline-flex;align-items:center;gap:.4rem;color:var(--cyan);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:.4rem}

/* Related cards (reuse .rc) as links */
.related-sec{padding:5rem 6%;background:linear-gradient(180deg,rgba(0,0,50,.28) 0%,transparent 100%)}
a.related-card{text-decoration:none;color:inherit;display:block}
a.related-card:hover .rname,a.related-card .rtag{transition:color .2s}
a.related-card:hover .rtag{color:var(--cyan)}

/* CTA band */
.page-cta{padding:6rem 6%;background:linear-gradient(180deg,rgba(0,0,60,.2) 0%,rgba(0,0,80,.35) 100%);border-top:1px solid var(--w10);border-bottom:1px solid var(--w10)}
.page-cta .ctan{font-size:.78rem;color:var(--w35);margin-top:1.2rem}

/* FAQ */
#faq{padding:5rem 6%}
.faq-list{display:flex;flex-direction:column;gap:.9rem;margin-top:2rem}
.faq-item{background:var(--w06);border:1px solid var(--w10);border-radius:var(--r);padding:1.4rem 1.6rem;transition:border-color .25s,background .25s}
.faq-item.open{border-color:var(--cyan-border);background:var(--cyan-dim)}
.faq-q{font-weight:700;font-size:1rem;margin-bottom:0;color:var(--w);cursor:pointer;position:relative;padding-right:2.2rem;user-select:none}
.faq-q::after{content:'+';position:absolute;right:0;top:-.15rem;font-size:1.5rem;line-height:1;color:var(--cyan);font-weight:400;transition:transform .3s ease}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{color:var(--w55);font-size:.92rem;line-height:1.7;margin:0;overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease,margin-top .35s ease}
.faq-item.open .faq-a{max-height:400px;opacity:1;margin-top:.7rem}
@media (prefers-reduced-motion: reduce){.faq-a{transition:none}.faq-q::after{transition:none}}

/* Keyword tag row (visual only, human-readable SEO term chips) */
.kw-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.6rem 0}
.kw-chip{border:1px solid var(--w18);color:var(--w55);padding:.35rem .9rem;border-radius:50px;font-size:.74rem;letter-spacing:.05em}

/* Pricing range cards (reuse .pk, override price display) */
.pkrange{font-family:'PT Serif',serif;font-size:1.9rem;letter-spacing:.04em;color:var(--w);line-height:1.15}
.pkrange-sub{font-size:.78rem;color:var(--w35);margin-top:.2rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}

/* Icon badge for content sections */
.mini-ico{width:44px;height:44px;border-radius:10px;background:var(--cyan-dim);border:1px solid var(--cyan-border);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}

/* ═══ Mobile hamburger menu ═══ */
.mm-btn{display:none;flex-direction:column;gap:5px;width:26px;cursor:pointer;background:none;border:none;padding:.4rem;z-index:1000}
.mm-btn span{display:block;height:2px;width:100%;background:var(--w);border-radius:2px;transition:transform .3s var(--ease),opacity .3s var(--ease)}
.mm-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mm-btn.open span:nth-child(2){opacity:0}
.mm-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1200px){
  .mm-btn{display:flex}
}
#mobile-nav{position:fixed;top:0;right:0;height:100vh;width:min(340px,86vw);background:rgba(5,5,62,.98);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-left:1px solid var(--w10);z-index:990;transform:translateX(100%);transition:transform .35s cubic-bezier(.22,.84,.44,1);overflow-y:auto;padding:5.5rem 1.3rem 2rem}
#mobile-nav.open{transform:translateX(0)}
#mobile-nav .mm-cat{display:flex;align-items:center;justify-content:space-between;padding:1rem .5rem;color:var(--w);text-decoration:none;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--w10);cursor:pointer}
#mobile-nav .mm-caret{transition:transform .25s var(--ease);opacity:.7;flex-shrink:0}
#mobile-nav .mm-cat.open .mm-caret{transform:rotate(180deg)}
#mobile-nav .mm-sub{max-height:0;overflow:hidden;transition:max-height .3s var(--ease);display:flex;flex-direction:column}
#mobile-nav .mm-sub.open{max-height:600px}
#mobile-nav .mm-sub a{padding:.7rem 1rem;color:var(--w55);text-decoration:none;font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.04)}
#mobile-nav .mm-sub a:hover{color:var(--cyan)}
#mobile-nav .mm-flat{display:block;padding:1rem .5rem;color:var(--w);text-decoration:none;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--w10)}
#mobile-nav .mm-cta{margin-top:1.6rem;display:block;text-align:center;background:var(--cyan);color:var(--bg);font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.86rem;padding:.9rem;border-radius:var(--r);text-decoration:none}
#mm-overlay{position:fixed;inset:0;background:rgba(0,0,20,.55);z-index:980;opacity:0;visibility:hidden;transition:opacity .3s ease}
#mm-overlay.open{opacity:1;visibility:visible}

/* Process steps */
.proc-sec{background:linear-gradient(180deg,rgba(0,0,50,.22) 0%,transparent 100%)}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:2rem}
@media(max-width:1060px){.proc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.proc-grid{grid-template-columns:1fr}}
.proc-step{background:var(--w06);border:1px solid var(--w10);border-radius:var(--rl);padding:1.6rem 1.4rem}
.proc-num{font-family:'PT Serif',serif;font-size:2.2rem;color:var(--cyan);opacity:.6;line-height:1;margin-bottom:.6rem}

/* Quote */
.quote-sec{padding:5rem 6%}

/* Gleiche Text-Ebenen in Karten-Grids: Titel reservieren feste Höhe,
   damit Beschreibungen in einer Reihe auf gleicher Linie starten */
@media(min-width:681px){
  .proc-step .svt{min-height:3.2rem;display:flex;align-items:flex-end}
  .hub-card .svt{min-height:3.2rem;display:flex;align-items:flex-end}
}
/* Hero-Fix: H1-Block zentrieren + Subline-Abstand (gewinnt per Spezifität gegen #subhero .hsub) */
#subhero .h1{margin-left:auto;margin-right:auto}
#subhero h1 .hsub{margin:1.5rem auto 0}
/* Einspaltige Text-Sektionen zentral ausrichten (Grid-/Prozess-Sektionen bleiben unberührt) */
.content-sec .cap>div[data-a]:only-child{max-width:860px;margin:0 auto}
.content-sec .cap>div[data-a]:only-child>h2.sh{text-align:center}
.content-sec .cap>div[data-a]:only-child>h2.sh+p{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.content-sec .cap>div[data-a]:only-child>ul.svl{max-width:680px;margin-left:auto;margin-right:auto}
.content-sec .cap>p.lead:only-child{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}
.content-sec .cap>p.lead:first-child:not(:only-child){text-align:center;max-width:800px;margin:0 auto 2.4rem}
/* Auch gestapelte Serviceblöcke (Geschwister-Divs) zentral ausrichten + Abstand dazwischen */
.content-sec .cap>div[data-a]:not(.sec-head){max-width:860px;margin-left:auto;margin-right:auto}
.content-sec .cap>div[data-a]:not(.sec-head)>h2.sh{text-align:center}
.content-sec .cap>div[data-a]:not(.sec-head)>h2.sh+p{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.content-sec .cap>div[data-a]:not(.sec-head)>ul.svl{max-width:680px;margin-left:auto;margin-right:auto}
.content-sec .cap>div[data-a]+div[data-a]{margin-top:4rem}
/* Listen in Content-Sektionen als Design-Cards statt nackter Bullets */
.content-sec ul.svl{gap:.8rem}
.content-sec .svl li{background:rgba(255,255,255,.045);border:1px solid rgba(78,203,247,.22);border-radius:10px;padding:.95rem 1.2rem .95rem 2.9rem;font-size:.92rem;line-height:1.6;transition:border-color .25s ease,background .25s ease}
.content-sec .svl li::before{content:'◆';left:1.15rem;top:1.15rem;font-size:.5rem;text-shadow:0 0 12px rgba(78,203,247,.65)}
.content-sec .svl li:hover{border-color:rgba(78,203,247,.45);background:rgba(255,255,255,.07)}
/* sv-Cards auf Unterseiten: Grid-Varianten + kompakte Listen innerhalb der Cards */
.content-sec .svgrid{margin-top:2.5rem}
.svgrid.cols-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:1060px){.content-sec .svgrid,.svgrid.cols-2{grid-template-columns:1fr}}
.content-sec .sv .svl{max-width:none;margin:0;gap:.42rem}
.content-sec .sv .svl li{background:transparent;border:none;border-radius:0;padding:.1rem 0 .1rem 1rem;font-size:.84rem;line-height:1.5}
.content-sec .sv .svl li::before{left:0;top:5px;font-size:.44rem;text-shadow:none}
.content-sec .sv .svl li:hover{background:transparent;border:none}
.content-sec .sv .svt{text-align:left}

/* "Typische Herausforderungen"-Blöcke auf den Branchen-Seiten:
   vorher unformatierte <p>-Stapel, jetzt Card-Optik passend zum
   restlichen Design-System (analog .faq-item / .pain-card) */
.challenge-card{
  background:var(--w06);
  border:1px solid var(--w10);
  border-left:2px solid var(--cyan);
  border-radius:var(--r);
  padding:1.1rem 1.3rem;
  margin-bottom:1rem;
  transition:border-color .25s ease,background .25s ease;
}
.challenge-card:hover{background:rgba(62,201,245,.055);border-left-color:rgba(62,201,245,.8)}
.challenge-card:last-child{margin-bottom:0}

/* Referenzvideos — Polaroid-Moodboard-Karten (analog Meta-Ads-Landingpages),
   aber als normales responsives Grid statt frei positioniert. */
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2.6rem}
@media(max-width:1060px){.video-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.video-grid{grid-template-columns:1fr;max-width:280px;margin-left:auto;margin-right:auto}}
.video-card{
  background:#fff;border-radius:10px;padding:7px 7px 9px;
  box-shadow:0 18px 40px rgba(0,0,60,.35);
  transition:transform .3s cubic-bezier(.22,.84,.44,1),box-shadow .3s;
}
.video-grid > .video-card:nth-child(odd){transform:rotate(-2.2deg)}
.video-grid > .video-card:nth-child(even){transform:rotate(2.2deg)}
.video-card:hover{transform:rotate(0deg) translateY(-6px);box-shadow:0 26px 60px rgba(0,0,80,.4);z-index:2}
.video-card video{width:100%;aspect-ratio:9/13;object-fit:cover;border-radius:8px;display:block;background:#000}
@media(prefers-reduced-motion: reduce){
  .video-grid > .video-card{transform:none !important}
}
.sv:hover{transform:translateY(-8px);border-color:var(--cyan-border);box-shadow:0 26px 64px rgba(0,0,80,.35)}

/* ── Cookie Consent Banner (Google Analytics/Ads + Meta Pixel gate) ── */
.cookie-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:950;
  background:rgba(6,6,60,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-top:1px solid var(--w10);
  padding:1.1rem 6%;
  display:none;
  transition:transform .4s var(--ease), opacity .4s var(--ease);
}
.cookie-banner.is-hidden{transform:translateY(120%);opacity:0;pointer-events:none;}
.cookie-banner-inner{
  max-width:1180px;margin:0 auto;
  display:flex;flex-wrap:wrap;gap:1rem 1.6rem;align-items:center;justify-content:space-between;
}
.cookie-banner-inner p{flex:1 1 340px;font-size:.85rem;color:var(--w75);line-height:1.6;margin:0;}
.cookie-banner-inner a{color:var(--cyan);text-decoration:underline;}
.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:.6rem;flex-shrink:0;}
.ck-btn{
  font-family:'PT Serif',serif;font-size:.82rem;font-weight:700;letter-spacing:.03em;
  padding:.6rem 1.2rem;border-radius:var(--r);cursor:pointer;
  border:1px solid var(--w18);background:transparent;color:var(--w90);
  transition:all .2s var(--ease);white-space:nowrap;
}
.ck-btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);}
.ck-btn-primary{background:var(--cyan);border-color:var(--cyan);color:var(--bg);}
.ck-btn-primary:hover{box-shadow:0 0 24px var(--cyan-glow);}
.cookie-overlay{
  display:none;position:fixed;inset:0;z-index:960;
  background:rgba(4,4,40,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.cookie-modal{
  width:100%;max-width:460px;border-radius:var(--rl);padding:2rem;
  background:rgba(8,8,80,.97);border:1px solid var(--w10);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);
}
.cookie-modal h3{font-family:'PT Serif',serif;font-size:1.3rem;margin-bottom:1.3rem;color:var(--w);}
.cookie-row{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem 0;border-bottom:1px solid var(--w06);font-size:.88rem;color:var(--w75);
}
.cookie-row:last-of-type{border-bottom:none;}
.cookie-row input[type="checkbox"]{width:20px;height:20px;accent-color:var(--cyan);flex-shrink:0;}
.cookie-modal-actions{display:flex;gap:.7rem;margin-top:1.5rem;justify-content:flex-end;}
@media(max-width:600px){
  .cookie-banner{padding:.9rem 1rem;max-height:76vh;overflow-y:auto;}
  .cookie-banner-inner{flex-direction:column;align-items:stretch;gap:.8rem;}
  .cookie-banner-inner p{flex:1 1 auto;font-size:.8rem;}
  .cookie-banner-actions{justify-content:stretch;flex-direction:column;gap:.55rem;}
  .ck-btn{flex:1;width:100%;padding:.8rem 1rem;text-align:center;}
  .cookie-modal{padding:1.5rem 1.2rem;max-height:84vh;overflow-y:auto;}
  .cookie-modal-actions{flex-direction:column;}
  .cookie-modal-actions .ck-btn{width:100%;}
}

/* ── Team-Grid (Über-uns-Seite + Startseite) ── */
.team-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem;margin-top:2.4rem}
@media(max-width:1200px){.team-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.team-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.team-grid{grid-template-columns:repeat(2,1fr)}}
.tm{background:var(--w06,rgba(255,255,255,.04));border:1px solid var(--w10,rgba(255,255,255,.1));border-radius:12px;padding:1.4rem .8rem 1.2rem;text-align:center;transition:transform .35s cubic-bezier(.22,.84,.44,1),border-color .35s,box-shadow .35s;position:relative;overflow:hidden}
.tm:hover{transform:translateY(-7px);border-color:rgba(78,203,247,.45);box-shadow:0 22px 50px rgba(0,0,60,.4)}
.tm::after{content:'';position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,transparent,#4ecbf7,transparent);opacity:0;transition:opacity .35s}
.tm:hover::after{opacity:1}
.tm img{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;margin:0 auto .85rem;border:2px solid rgba(78,203,247,.5);box-shadow:0 0 0 5px rgba(78,203,247,.08);transition:box-shadow .35s,border-color .35s}
.tm:hover img{border-color:#4ecbf7;box-shadow:0 0 0 7px rgba(78,203,247,.14)}
.tm-name{font-family:'PT Serif',serif;font-weight:700;font-size:1.02rem;color:#fff;margin-bottom:.35rem}
.tm-role{font-size:.68rem;line-height:1.55;color:rgba(255,255,255,.55);letter-spacing:.03em}
.tm-role strong{color:#4ecbf7;font-weight:700;display:block;margin-bottom:.15rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.tm-partner{display:inline-block;margin-top:.5rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.14);border-radius:50px;padding:.2rem .6rem}

/* ── Werte-Karten (Über-uns-Seite) ── */
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem}
@media(max-width:900px){.value-grid{grid-template-columns:1fr}}
.value-card{background:var(--w06,rgba(255,255,255,.04));border:1px solid var(--w10,rgba(255,255,255,.1));border-radius:12px;padding:1.8rem 1.6rem;transition:transform .35s cubic-bezier(.22,.84,.44,1),border-color .35s}
.value-card:hover{transform:translateY(-6px);border-color:rgba(78,203,247,.4)}
.value-card h3{font-size:1.05rem;color:#fff;margin:.9rem 0 .6rem}
.value-card p{font-size:.9rem;line-height:1.7;color:rgba(255,255,255,.55);margin:0}

/* ── Stats-Reihe (Über-uns-Seite) ── */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.6rem}
@media(max-width:900px){.about-stats{grid-template-columns:1fr 1fr}}
.about-stat{border:1px solid var(--w10,rgba(255,255,255,.1));background:var(--w06,rgba(255,255,255,.04));border-radius:12px;padding:1.4rem 1rem;text-align:center}
.about-stat .num{font-family:'PT Serif',serif;font-weight:700;font-size:2rem;color:#4ecbf7;line-height:1.1}
.about-stat .lbl{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:.35rem}

/* ── Zentrierte Content-Sektionen + saubere Zeilenumbrüche ── */
.sec-center{text-align:center}
.sec-center .stag{justify-content:center}
.sec-center .lead{margin-left:auto;margin-right:auto}
.sh{text-wrap:balance}
.content-sec p.lead,.page-cta p,#subhero .hsub{text-wrap:pretty}

/* ── Ergebnis-Band (aggregierte Meta-Ads-Kennzahlen) ── */
.res-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin:2.4rem 0 0}
@media(max-width:1060px){.res-band{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.res-band{gap:.8rem}}
.res-tile{background:rgba(255,255,255,.035);border:1px solid var(--w10);border-radius:14px;padding:1.5rem 1.2rem;text-align:center}
.res-num{font-size:1.9rem;font-weight:800;color:var(--cyan);line-height:1.1}
.res-lbl{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--w55);margin-top:.5rem}
.res-note{font-size:.75rem;color:var(--w35);margin-top:1.1rem;text-align:center}
/* CTA-Link unter Video-Grid */
.ref-video-cta{text-align:center;margin-top:2.2rem}
.ref-video-cta a{display:inline-flex;align-items:center;gap:.5rem;color:var(--cyan);text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(78,203,247,.5);background:rgba(78,203,247,.06);border-radius:10px;padding:.7rem 1.5rem;transition:background .25s,transform .25s}
.ref-video-cta a:hover{background:rgba(78,203,247,.14);transform:translateY(-2px)}