:root{
  --dq-success:#28a745;
  --dq-error:#d9534f;
  --dq-colors:#f44336,#ff9800,#ffeb3b,#4caf50,#2196f3,#e91e63;
}
#dq-modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.9);
  display:none;align-items:center;justify-content:center;z-index:1000;
  padding: 16px;               
}
#dq-modal-overlay.dq-visible{display:flex;}
#dq-modal{
  position:relative;
  background:var(--color_white);border:1px solid var(--color_primary);
  border-left:6px solid var(--color_primary);border-radius:6px;
  padding:30px;margin:0;color:var(--color_black);
  box-shadow:rgba(0,0,0,.3) 0 3px 14px;
  width:100%;max-width:520px; 
  max-height: 90dvh;             
  overflow-y: auto;                
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;    
  box-sizing: border-box;
}
@supports not (height: 1dvh){
  #dq-modal{ max-height: 90vh; }
}
@media(max-width:640px){ 
  #dq-modal{border-radius:0;width:100%;max-height:90dvh;padding:20px;} }
.dq-close{
  position:absolute;top:0px;right:5px;background:none;border:none;
  color:var(--color_primary);font-size:1.2rem;line-height:1;cursor:pointer;
}
#dq-modal h1,#dq-modal h2{margin:0 0 20px;font-size:1.4rem;color:var(--color_black)}
.dq-btn{
  width:100%;padding:.6rem .9rem;margin:.5rem 0;
  background:var(--color_primary);color:var(--color_white);border:0;border-radius:6px;
  font-weight:600;transition:transform .2s;
}
.dq-btn:hover:not([disabled]){transform:scale(1.05)}
.dq-btn[disabled]{opacity:.55}
.correct{background:var(--dq-success)!important}
.wrong  {background:var(--dq-error)!important}
.dq-question{font-weight:600;margin-bottom:.6rem;font-size:1.05rem}
.dq-options li{list-style:none;margin-bottom:.5rem}
.dq-progress{height:6px;background:var(--color_light_grey);border-radius:3px;margin-bottom:1rem;overflow:hidden}
.dq-bar{height:100%;width:0;background:var(--dq-success);transition:width .3s}
.width-0{width:0%}.width-10{width:10%}.width-20{width:20%}.width-30{width:30%}
.width-40{width:40%}.width-50{width:50%}.width-60{width:60%}.width-70{width:70%}
.width-80{width:80%}.width-90{width:90%}.width-100{width:100%}
.dq-expl{background:var(--color_darker_white);border-left:4px solid var(--color_primary);
         padding:.9rem 1rem;margin:.9rem 0 .6rem;font-size:.93rem;color:var(--color_black)}
.dq-result{text-align:center}
.dq-badge{font-size:1.6rem;margin:.6rem 0; font-weight: 900;}
.bronze{color:#cd7f32}.silber{color:#c0c0c0}.gold{color:#e6b800}
.dq-cta{margin-top:1.8rem;display:flex;flex-direction:column;gap:1rem}
.dq-cta a{display:inline-block;padding:.7rem 1.1rem;border-radius:6px; transition: all 0.5s ease-in-out;
          font-weight:600;text-decoration:none;color:var(--color_white);}
.dq-cta a:hover { scale: 1.05; }          
.access{background:var(--color_primary)}
.saas{background:var(--dq-success)}
.confetti-piece{
  position:fixed;width:8px;height:8px;border-radius:2px;
  pointer-events:none;z-index:11010;opacity:0;
  background:var(--clr,#ffeb3b);box-shadow:0 0 6px var(--clr,#ffeb3b);
  animation:confMini .8s forwards;
  --dx:0;--dy:0;left:var(--x);top:var(--y);
}
@keyframes confMini{
  0%{opacity:1;transform:translate(0,0) rotate(0deg) scale(1)}
  100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(720deg) scale(.6)}
}
.big-piece{
  position:fixed;top:-12px;width:10px;height:10px;border-radius:2px;
  pointer-events:none;z-index:11010;
  background:var(--clr,#4caf50);box-shadow:0 0 7px var(--clr,#4caf50);
  animation:confBig 2.4s forwards;left:var(--x);
}
@keyframes confBig{
  0%{transform:translateY(0) rotate(0deg);opacity:1}
  100%{transform:translateY(calc(100vh + 20px)) rotate(720deg);opacity:0}
}
.awareness-ctas{ display:flex; flex-direction:column; gap:1.2rem; padding:0; margin-left: 20px; margin-right: 20px; }
.awareness-cta{
  flex:1 1 100%;
  padding:1.4rem 1.6rem;
  background:var(--color_white,#fff);
  border:1px solid var(--color_primary,#5c2d91);
  border-left:6px solid var(--color_primary,#5c2d91);
  border-radius:8px;
  color:var(--color_black,#151515);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  display:flex;
  flex-direction:column;   
   transition: all 0.5s ease-in-out; 
}
.awareness-alt-note {  
  margin-top:40px!important;
  font-size:1rem;
  color:var(--color_black);
  text-align: center;
 
  margin-left: 20px; margin-right: 20px;
}
.awareness-cta h3{
  margin:0 0 .6rem;
  font-size:1.25rem;
  color:var(--color_primary,#5c2d91);
}
.awareness-cta p{
  flex:1 0 auto;  
  margin:0 0 1rem;
  line-height:1.45;
  font-size:1rem;
  color:inherit;
}
.awareness-cta .awareness-btn{
  align-self:flex-start; 
  padding:.65rem 1.2rem;
  font-size:1rem;
  border:none;
  border-radius:1.5rem;
  background:var(--color_primary,#5c2d91);
  color:var(--color_white,#fff);
  font-weight:600;
  cursor:pointer;
    transition: all 0.5s ease-in-out; 
}
.awareness-cta .awareness-btn:hover{ transform:scale(1.1); }
.awareness-cta-note {
  display:block;
  margin-top:0px;
  font-size:.9rem;
  color:var(--color_dark_grey,#666);
}
.awareness-alt-note-btn{
  padding:.65rem 1.2rem;
  margin-top: 20px;
  font-size:1rem;
  border:2px solid var(--color_troublemaker);
  border-radius:1.5rem;
  background-color: var(--color_white);
  color:var(--color_black);
  font-weight:600;
  cursor:pointer;
  transition: all 0.5s ease-in-out; 
  display: inline-block;  
}
.awareness-alt-note-btn-mobile {
  margin-bottom: 0px;
}
.awareness-alt-note-btn:hover{  
  border:2px solid var(--color_primary);
  background-color: var(--color_primary);
  color:var(--color_white);
}
.awareness_image {
  text-align: center;
  width:100%;
  display: block;
  max-width:200px!important;
  height:auto;
  margin: 0 auto;  
  border: 1px solid var(--color_black);  
  border-bottom: 0px;
  background-color: var(--color_white);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
}
.trust-ribbon { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin-top:.5rem; padding:0; list-style:none; }
.trust-ribbon li { display:flex; align-items:center; gap:.5rem; background:#ffffff; border:1px solid var(--color_black); border-radius:999px; padding:.35rem .75rem; font-weight:600; }
.trust-ribbon li i { font-size:1rem; color:var(--color_black); }
.awareness-compare-wrap { margin-top:2rem; }
.awareness-compare-wrap h3 { font-size:1.25rem; margin-bottom:1rem; font-weight:900; }
.awareness-compare { width:100%; border-collapse:collapse; background:#fff; border:2px solid var(--color_black); border-radius:6px; overflow:hidden; }
.awareness-compare th, .awareness-compare td { border-bottom:1px solid var(--color_light_grey); padding:.85rem; text-align:left; vertical-align:top; }
.awareness-compare thead th { background:var(--color_troublemaker); color:var(--color_black); font-weight:900; }
.awareness-compare tbody tr:nth-child(even) td { background: #fafafa; }
.awareness-compare-container { overflow-x:auto; padding-left: 10px; padding-right: 10px; width: 100%; }
.pricecalc { margin-top:2rem; background:#fff; border:2px solid var(--color_black); border-radius:6px; padding:1rem; }
.pricecalc input { border:2px solid var(--color_black); border-radius:4px; padding:.5rem; width:100%; max-width:320px; margin:.5rem 0 1rem 0; font-weight:600; }
.pricecalc_result { display:grid; grid-template-columns:1fr; gap:.35rem; font-weight:700; margin-bottom:.5rem; }
.pricecalc_note { display:block; color:#4e4e4e; }
.pricecalc_cta { margin-top:1rem; }
.persona-cards { display:grid; grid-template-columns:1fr; gap:1rem; margin-top:2rem; }
.persona-card { background:#fff; border:2px solid var(--color_black); border-radius:6px; padding:1rem; box-shadow: rgba(50,50,93,.1) 0 6px 12px -2px, rgba(0,0,0,.08) 0 3px 7px -3px; }
.persona-card h4 { margin-bottom:.25rem; font-weight:900; }
@media (min-width: 720px) { .persona-cards { grid-template-columns:repeat(4,1fr); } }
.steps-intro h3 { font-size:1.25rem; font-weight:900; margin-bottom:.75rem; }
.steps-list { list-style:decimal inside; background:#fff; border:2px solid var(--color_black); border-radius:6px; padding:1rem; }
.steps-list li { margin:.35rem 0; }
.trust-block { margin-top:1rem; }
.trust-list { display:grid; grid-template-columns:1fr; gap:.75rem; list-style:none; padding:0; }
.trust-item { display:flex; gap:.75rem; align-items:flex-start; background:#fff; border:2px solid var(--color_black); border-radius:6px; padding:.75rem; }
.trust-item i { font-size:1.25rem; color:var(--color_black); }
@media (min-width: 768px) { .trust-list { grid-template-columns:repeat(2,1fr); } }
.proof-block { margin-top:2rem; }
.proof-pre { background:#111; color:#0f0; padding:1rem; border-radius:6px; overflow:auto; border:2px solid var(--color_black); }
#sticky_cta { display:none; }
.awareness-compare a:focus-visible,
.pricecalc a:focus-visible,
.persona-card a:focus-visible,
.trust-item a:focus-visible { outline:2px solid var(--a11y-focus)!important; outline-offset:3px; }
@media(min-width:768px){
  .awareness-ctas { flex-direction:row; flex-wrap:wrap; }
  .awareness-cta { flex:1 1 calc(50% - .6rem); }
  .awareness_splitter { display: flex; justify-content: stretch; align-items: flex-start; flex-direction: row; }
  .awareness_splitter_left { align-self: flex-start; width: 60%; }
  .awareness_splitter_right { align-self: flex-start!important; width: 40%; text-align: right; display: flex; justify-content: flex-end; }
  .awareness_splitter_right img { max-width: 100%; }
  .awareness_image {
    text-align: right;
    width:100%;
    display: block;
    max-width:350px!important;
    height:auto;
    margin: 0px;
    margin-right: 0px!important;
    margin-left: 40px;      
    border: 1px solid var(--color_black);
  }
  .awareness-alt-note-btn-mobile { margin-bottom: 20px; }
}
@media(min-width:1024px){
  .vrs-cta{ padding:2rem 2.2rem; }
  .vrs-cta h3{ font-size:1.35rem }
  .vrs-cta p { font-size:1.05rem }
  .vrs-cta .vrs-btn{ font-size:1.05rem }
  .awareness_splitter_right { align-self: flex-start!important }
}
@media(min-width:1260px){
  .awareness-ctas { margin-left: 0px; margin-right: 0px; }
  .awareness-compare-container { padding-left: 0px; padding-right: 0px; }
  .awareness-alt-note { margin-left: 0px; margin-right: 0px; }
}
#dq-modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.9);
  display:flex;align-items:center;justify-content:center;
  z-index:1000;opacity:0;pointer-events:none;
  transition:opacity .45s ease;
}
#dq-modal-overlay.dq-visible{ opacity:1;pointer-events:auto; }
#dq-modal{ transform:scale(.85);opacity:0; transition: transform .38s cubic-bezier(.34,1.56,.64,1) .05s, opacity .28s ease .05s; }
#dq-modal-overlay.dq-visible #dq-modal{ transform:scale(1);opacity:1; }
@keyframes slideFade{
  0%  {opacity:0;transform:translateY(-8px)}
  100%{opacity:1;transform:translateY(0)}
}
.dq-expl, #nextBtn{ animation:slideFade .35s ease forwards; }
.dq-bar { transition:width .3s ease, transform .3s cubic-bezier(.25,.75,.5,1.2); }
#dq-modal-overlay.dq-visible .dq-bar { transform:scaleY(1.2); }
.premium-offer{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:1rem;margin:0;padding:1.4rem 1.6rem; margin-top: 20px;
  background-color:rgb(173, 255, 47);
  border:1px solid #000000;
  border-left:6px solid #000000;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
  margin-left: 20px;
  margin-right: 20px;
}
.premium-text { flex:1 1 auto;min-width:260px; }
.premium-text h4 { margin:.2rem 0 .4rem;font-size:1.25rem;color:#000000; }
.premium-text p { margin:0 0 .8rem;font-size:.95rem;line-height:1.4; }
.premium-btn{
  display:inline-block;padding:.6rem 1.2rem;
  background-color:#000000;color:rgb(173, 255, 47);
  border-radius:1.5rem;font-weight:600;text-decoration:none;
  transition:transform .2s;
}
.premium-btn:hover{transform:scale(1.05)}
@media(min-width:768px){
.premium-offer{ margin-top: 60px; }
}
@media(min-width:1260px){
.premium-offer{ margin-left: 0px; margin-right: 0px;}
}
.quiz_cta_container {
  margin-top: 20px;     
}
#dq-modal{ scrollbar-gutter: stable; }
.quiz_cta_container .awareness-cta{
  position: relative;
  overflow: hidden;
  isolation: isolate;        
  z-index: 0;
}
.quiz_cta_container .awareness-cta::before{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(110deg,
              transparent 0%,
              rgba(101, 169, 255,.08) 40%,
              rgba(101, 169, 255,.22) 50%,
              rgba(101, 169, 255,.08) 60%,
              transparent 100%);
  transform: translateX(-120%);
  opacity: 0;
  will-change: transform, opacity;
  animation: cta-sheen 7s ease-in-out infinite;
}
.quiz_cta_container:nth-of-type(1) .awareness-cta::before{ animation-delay: 0s; }
.quiz_cta_container:nth-of-type(2) .awareness-cta::before{ animation-delay: 3.5s; }
.quiz_cta_container .awareness-cta:hover::before,
.quiz_cta_container .awareness-cta:focus-within::before{ animation-duration: 1.2s; opacity: .95;
}
@media (prefers-reduced-motion: reduce){
  .quiz_cta_container .awareness-cta::before{
    animation: none;
    opacity: 0;
  }
}
@keyframes cta-sheen{
  0%   { transform: translateX(-120%); opacity: 0; }
  8%   { opacity: .85; }
  16%  { transform: translateX(120%);  opacity: 0; }
  100% { transform: translateX(120%);  opacity: 0; }
}