/* DATENCHECK customer concerns: real rotating header slogans and clipped notes.
   All text is UI copy, never purported quotes from real customers. */
.dc-slogan-bar{
  background:linear-gradient(95deg,#0d3969 0%,#114978 48%,#173d71 100%);
  border-top:1px solid #ffffff22;border-bottom:1px solid #d6e8ff3a;
  color:#fff;min-height:47px
}
.dc-slogan-inner{
  max-width:1720px;margin:0 auto;min-height:47px;padding:5px 3.5%;
  display:flex;align-items:center;gap:21px
}
.dc-slogan-kicker{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;
  font-size:10px;font-weight:900;letter-spacing:.13em;color:#ceeafe
}
.dc-kicker-pulse{width:8px;height:8px;border-radius:50%;background:#57d6f2;box-shadow:0 0 0 4px #51dcff24}
.dc-slogan-track{position:relative;flex:1 1 auto;min-width:0;height:31px}
.dc-slogan-slide{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;
  gap:12px;min-width:0;width:100%;border:0;padding:0;background:transparent;
  color:#e5f1fb;text-align:left;cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .4s ease,transform .4s ease,visibility .4s ease;
}
.dc-slogan-slide.active{opacity:1;visibility:visible;transform:translateY(0)}
.dc-slogan-slide>span:first-child{font-size:12px;white-space:nowrap;font-weight:610}
.dc-slogan-slide strong{font-size:12.5px;color:#fff;font-weight:830;white-space:nowrap}
.dc-slogan-link{color:#68d7f4;white-space:nowrap;font-size:11px;font-weight:800;margin-left:9px}
.dc-slogan-slide:hover .dc-slogan-link{text-decoration:underline}
.dc-slogan-slide:focus-visible{outline:2px solid #a7eaff;outline-offset:3px;border-radius:3px}
.dc-slogan-controls{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.dc-slogan-controls button{
  height:28px;min-width:28px;border-radius:6px;border:1px solid #ffffff45;
  background:#ffffff0d;color:white;font-size:21px;line-height:1;
  display:grid;place-items:center;padding:0 5px
}
.dc-slogan-controls button:hover{background:#ffffff2b}
.dc-slogan-count{color:#d0e8fa;font-size:11px;font-weight:740;min-width:47px;text-align:center;font-variant-numeric:tabular-nums}
#dcSloganPause{font-size:14px;margin-left:4px}
.dc-slogan-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Hung-up, hand-written-looking concern cards, not fake testimonial quotes. */
.dc-hanging-notes{
  display:grid!important;
  width:min(420px,34%);
  flex:0 0 min(420px,34%);
  align-self:center;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto repeat(3,minmax(0,1fr)) auto;
  column-gap:13px;row-gap:13px;
  position:relative;padding:3px 4px 0;
  z-index:1
}
.dc-notes-caption{
  grid-column:1/-1;
  color:#edf8ff;font-size:14px;font-weight:830;
  letter-spacing:.02em;margin:0 0 2px;
  display:flex;align-items:center;gap:9px;text-shadow:0 1px 5px #08203d60
}
.dc-notes-pin{width:18px;height:18px;border:2px solid #d5efff;border-radius:50%;position:relative}
.dc-notes-pin:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#76d6f4}
.dc-hanging-note{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  border:0;border-radius:3px;
  padding:12px 13px 12px;
  min-width:0;min-height:103px;
  background:#ffedba;
  color:#243952;text-align:left;overflow:visible;
  box-shadow:2px 5px 0 #0c2c4938,0 11px 22px #051a3566;
  transform:rotate(-2deg);
  transition:transform .18s ease,box-shadow .18s ease;
}
.dc-hanging-note:before{
  content:"";position:absolute;top:-19px;left:48%;height:23px;width:2px;
  background:linear-gradient(#edf8ffbb,#ffffffbb);
  transform:rotate(-4deg);z-index:-1;
}
.dc-hanging-note:after{
  content:"";position:absolute;top:-7px;left:40%;width:46px;height:14px;
  background:#ffffff83;border:1px solid #ffffff70;transform:rotate(5deg);
  box-shadow:0 1px 4px #162d4423
}
.dc-hanging-note:nth-of-type(2){background:#dceffa;transform:rotate(2deg)}
.dc-hanging-note:nth-of-type(3){background:#ffe1e1;transform:rotate(1deg)}
.dc-hanging-note:nth-of-type(4){background:#def2d9;transform:rotate(-2deg)}
.dc-hanging-note:nth-of-type(5){background:#eae1f9;transform:rotate(-1deg)}
.dc-hanging-note:nth-of-type(6){background:#fce7d3;transform:rotate(2deg)}
.dc-hanging-note:hover,.dc-hanging-note:focus-visible{
  transform:rotate(0deg) translateY(-4px) scale(1.025);
  box-shadow:1px 5px 0 #0c2c4950,0 13px 25px #08172b9c;
  z-index:2;
}
.dc-hanging-note:focus-visible{outline:3px solid #9deeff;outline-offset:4px}
.dc-note-number{font-size:9px;font-weight:900;color:#42647d;letter-spacing:.1em;margin-bottom:5px}
.dc-hanging-note strong{font-size:13px;line-height:1.27;font-weight:870;color:#20344c;overflow-wrap:anywhere}
.dc-hanging-note small{font-size:10.5px;line-height:1.34;color:#486074;margin-top:4px;font-weight:590;overflow-wrap:anywhere}
.dc-note-arrow{position:absolute;right:10px;bottom:7px;color:#36698f;font-size:19px;line-height:1}
.dc-notes-legal{grid-column:1/-1;font-size:9px!important;line-height:1.25!important;color:#e3f0fc!important;text-align:right!important;margin:2px 0 0!important}
/* Override superseded hero panel and preserve a bright photo backdrop. */
.dc-hero-issues{display:none!important}
@media(min-width:1181px){
  .hero{padding-top:22px;padding-bottom:23px;min-height:0}
  .hero-content{min-height:402px;gap:19px}
  .dc-hero-copy{width:min(690px,59%)}
  .hero h1{font-size:clamp(36px,3vw,47px)}
}
@media(min-width:861px) and (max-width:1180px){
  .hero-content{min-height:408px}
  .dc-hero-copy{width:59%}
  .hero h1{font-size:36px}
  .dc-hanging-notes{width:39%;flex-basis:39%;gap:10px}
  .dc-hanging-note{padding:10px;min-height:100px}
  .dc-hanging-note strong{font-size:11.5px}
  .dc-hanging-note small{font-size:10px}
}
@media(max-width:1150px){
  .dc-slogan-inner{gap:10px}
  .dc-slogan-slide>span:first-child{font-size:11px}
  .dc-slogan-slide strong{font-size:11.5px}
  .dc-slogan-link{display:none}
  .dc-slogan-kicker{font-size:9px}
}
@media(max-width:860px){
  .dc-slogan-kicker{display:none}
  .dc-slogan-inner{padding:5px 2.5%;gap:9px}
  .dc-slogan-slide{gap:8px}
  .dc-slogan-slide>span:first-child{font-size:11px;white-space:normal}
  .dc-slogan-slide strong{font-size:11px;white-space:normal}
  .hero-content{display:block}
  .dc-hero-copy{width:100%}
  .dc-hanging-notes{
    display:flex!important;
    width:100%;max-width:100%;flex-basis:auto;
    align-self:auto;gap:12px;
    overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;
    padding:16px 6px 12px;margin-top:22px;
    scrollbar-width:thin;scrollbar-color:#91c7e8 transparent;
  }
  .dc-notes-caption{flex:0 0 155px;font-size:12px;align-self:center;margin:0}
  .dc-hanging-note{min-width:155px;flex:0 0 155px;min-height:94px;scroll-snap-align:start;transform:rotate(-1deg)}
  .dc-hanging-note:before{height:15px;top:-12px}
  .dc-hanging-note strong{font-size:12px}
  .dc-hanging-note small{font-size:10px}
  .dc-notes-legal{display:none}
}
@media(max-width:620px){
  .dc-slogan-bar,.dc-slogan-inner{min-height:55px}
  .dc-slogan-inner{padding:4px 10px}
  .dc-slogan-track{height:45px}
  .dc-slogan-slide{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
  .dc-slogan-slide>span:first-child{font-size:10px;line-height:1.17}
  .dc-slogan-slide strong{font-size:10.5px;line-height:1.2}
  .dc-slogan-controls{gap:2px}
  .dc-slogan-controls button{height:25px;min-width:23px;font-size:18px}
  .dc-slogan-count{min-width:36px;font-size:9px}
  #dcSloganPause{font-size:12px;min-width:23px;margin-left:1px}
  .dc-hanging-notes{margin-top:14px;padding-top:13px;gap:11px}
  .dc-notes-caption{display:none}
  .dc-hanging-note{flex:0 0 145px;min-width:145px;min-height:96px}
  .dc-hanging-note strong{font-size:11.5px}
  .dc-hanging-note small{font-size:10px}
  .hero{padding-bottom:15px}
}
@media(prefers-reduced-motion:reduce){
  .dc-slogan-slide,.dc-hanging-note{transition:none}
  .dc-hanging-note:hover,.dc-hanging-note:focus-visible{transform:none}
}