/* Premium conversion cards for the free PDF and article quiz. Functionality is unchanged. */
.pdf-offer-card,
.quiz-offer-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:104px;
  padding:18px 20px;
  gap:16px;
  border:1px solid color-mix(in srgb,var(--green) 28%,var(--line));
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 12%,rgba(214,161,59,.16),transparent 30%),
    linear-gradient(120deg,color-mix(in srgb,var(--green) 10%,var(--card)),var(--card) 56%,color-mix(in srgb,#d6a13b 7%,var(--card)));
  box-shadow:0 16px 42px rgba(33,73,40,.13);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.pdf-offer-card::before,
.quiz-offer-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#2e7d32,#d6a13b);
}
.pdf-offer-card::after,
.quiz-offer-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-44px;
  bottom:-62px;
  width:150px;
  height:150px;
  border-radius:50%;
  border:1px solid rgba(46,125,50,.12);
  background:rgba(46,125,50,.045);
}
.pdf-offer-card:hover,
.quiz-offer-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--green) 45%,var(--line));
  box-shadow:0 21px 50px rgba(33,73,40,.17);
}
.pdf-offer-card .inline-offer-icon,
.quiz-offer-card .inline-offer-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(145deg,#36a852,#1e6b2b);
  color:#fff;
  font-size:1.45rem;
  box-shadow:0 10px 24px rgba(46,125,50,.25),inset 0 1px 0 rgba(255,255,255,.25);
}
.quiz-offer-card .inline-offer-icon{background:linear-gradient(145deg,#d6a13b,#a36d14);box-shadow:0 10px 24px rgba(163,109,20,.24),inset 0 1px 0 rgba(255,255,255,.28)}
.pdf-offer-card .inline-offer-copy strong,
.quiz-offer-card .inline-offer-copy strong{font-size:1.02rem;line-height:1.3;letter-spacing:-.01em}
.pdf-offer-card .inline-offer-copy small,
.quiz-offer-card .inline-offer-copy small{margin-top:5px;font-size:.82rem;line-height:1.4}
.pdf-offer-card>a,
.quiz-offer-card>button{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:112px;
  padding:11px 18px;
  border:1px solid rgba(255,255,255,.25);
  background:linear-gradient(135deg,#2e7d32,#1b5e20);
  box-shadow:0 9px 20px rgba(46,125,50,.24);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.quiz-offer-card>button{background:linear-gradient(135deg,#d6a13b,#bd801c);color:#211805;box-shadow:0 9px 20px rgba(189,128,28,.24)}
.pdf-offer-card>a:hover,
.quiz-offer-card>button:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 12px 25px rgba(46,125,50,.29)}
.pdf-offer-card>a i,
.quiz-offer-card>button i{font-size:1rem;transition:transform .2s ease}
.pdf-offer-card>a:hover i{transform:translateX(3px)}
.quiz-offer-card>button:hover i{transform:scale(1.12)}

/* Open quiz experience */
.article-quiz .quiz-flow{
  position:relative;
  overflow:hidden;
  padding:28px;
  border:1px solid color-mix(in srgb,var(--green) 30%,var(--line));
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0,rgba(214,161,59,.15),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--green) 7%,var(--card)),var(--card));
  box-shadow:0 18px 48px rgba(33,73,40,.14);
}
.article-quiz .quiz-flow::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,#2e7d32,#69b873,#d6a13b);
}
.article-quiz .quiz-progress{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 11px;
  border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--green) 9%,var(--card));
  letter-spacing:.07em;
}
.article-quiz .quiz-progress::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}
.article-quiz .quiz-question{margin:14px 0 20px!important;font-size:clamp(1.18rem,2.5vw,1.45rem)!important;line-height:1.4!important;color:var(--ink)}
.article-quiz .quiz-options{gap:12px}
.article-quiz .quiz-options button{
  position:relative;
  min-height:58px;
  gap:13px;
  padding:12px 15px;
  border:1px solid color-mix(in srgb,var(--green) 18%,var(--line));
  border-radius:16px;
  background:color-mix(in srgb,var(--green) 3%,var(--card));
  box-shadow:0 6px 16px rgba(33,73,40,.055);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.article-quiz .quiz-options button:hover{
  transform:translateY(-1px);
  border-color:var(--green);
  background:color-mix(in srgb,var(--green) 8%,var(--card));
  box-shadow:0 10px 22px rgba(33,73,40,.10);
}
.article-quiz .quiz-option-number{
  min-width:86px;
  border-color:color-mix(in srgb,var(--green) 30%,var(--line));
  background:color-mix(in srgb,var(--green) 10%,var(--card));
  color:var(--green-dark);
}
.article-quiz .quiz-options button.selected{
  border-color:var(--green);
  background:linear-gradient(135deg,color-mix(in srgb,var(--green) 16%,var(--card)),color-mix(in srgb,#d6a13b 8%,var(--card)));
  color:var(--ink);
  box-shadow:0 10px 24px rgba(46,125,50,.14);
}
.article-quiz .quiz-result{
  position:relative;
  margin-top:6px;
  padding:24px;
  border:1px solid color-mix(in srgb,var(--green) 32%,var(--line));
  border-radius:19px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--green) 11%,var(--card)),color-mix(in srgb,#d6a13b 9%,var(--card)));
}
.article-quiz .quiz-result::before{content:"✓";float:right;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#2e7d32,#1b5e20);color:#fff;font:800 1.2rem var(--display);box-shadow:0 8px 18px rgba(46,125,50,.22)}
.article-quiz .quiz-result h3{font-size:1.45rem!important;color:var(--green-dark)!important}
.article-quiz .quiz-result-actions{margin-top:18px}
.article-quiz .quiz-result-actions button,
.article-quiz .quiz-result-actions a{min-height:44px;border-radius:999px;padding:11px 17px;font-weight:750}
.article-quiz .quiz-result-actions button{border-color:color-mix(in srgb,var(--green) 28%,var(--line));background:var(--card);color:var(--green-dark)}
.article-quiz .quiz-result-actions a{background:linear-gradient(135deg,#25d366,#128c45);box-shadow:0 8px 18px rgba(37,211,102,.22)}

/* PDF lead dialog */
.pdf-lead-dialog{overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 26%,var(--line));border-radius:24px;box-shadow:0 30px 85px rgba(10,28,17,.34)}
.pdf-lead-dialog::backdrop{background:rgba(10,28,17,.66);backdrop-filter:blur(5px)}
.pdf-lead-dialog form{
  gap:13px;
  padding:30px;
  background:
    radial-gradient(circle at 50% -8%,rgba(214,161,59,.18),transparent 31%),
    linear-gradient(155deg,color-mix(in srgb,var(--green) 7%,var(--card)),var(--card));
}
.pdf-lead-dialog form::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#2e7d32,#69b873,#d6a13b)}
.pdf-lead-dialog .pdf-lead-icon{width:58px;height:58px;margin:0 auto;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#2e7d32,#1b5e20);color:#fff;box-shadow:0 10px 24px rgba(46,125,50,.24)}
.pdf-lead-dialog h2{color:var(--green-dark);letter-spacing:-.02em}
.pdf-lead-dialog input{min-height:46px;border-radius:13px;background:var(--card);transition:border-color .2s ease,box-shadow .2s ease}
.pdf-lead-dialog input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 15%,transparent)}
.pdf-lead-dialog .pdf-lead-submit{min-height:46px;background:linear-gradient(135deg,#2e7d32,#1b5e20);box-shadow:0 9px 21px rgba(46,125,50,.23);transition:transform .2s ease,box-shadow .2s ease}
.pdf-lead-dialog .pdf-lead-submit:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(46,125,50,.28)}
.pdf-lead-dialog .pdf-lead-close{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--green) 8%,var(--card));transition:background .2s ease,transform .2s ease}
.pdf-lead-dialog .pdf-lead-close:hover{background:color-mix(in srgb,var(--green) 15%,var(--card));transform:rotate(4deg)}

@media(max-width:640px){
  .pdf-offer-card,.quiz-offer-card{grid-template-columns:50px minmax(0,1fr);min-height:0;padding:15px 14px;gap:12px;border-radius:20px}
  .pdf-offer-card .inline-offer-icon,.quiz-offer-card .inline-offer-icon{width:50px;height:50px;border-radius:15px}
  .pdf-offer-card>a,.quiz-offer-card>button{grid-column:1/-1;width:100%;min-height:44px;margin-top:2px}
  .article-quiz .quiz-flow{padding:23px 15px 18px;border-radius:20px}
  .article-quiz .quiz-question{margin-bottom:16px!important}
  .article-quiz .quiz-options button{align-items:flex-start;min-height:56px;padding:11px}
  .article-quiz .quiz-option-number{min-width:78px}
  .article-quiz .quiz-result{padding:19px 15px}
  .article-quiz .quiz-result-actions{display:grid}
  .article-quiz .quiz-result-actions button,.article-quiz .quiz-result-actions a{width:100%;justify-content:center;text-align:center}
  .pdf-lead-dialog form{padding:27px 19px 22px}
}
@media(prefers-reduced-motion:reduce){
  .pdf-offer-card,.quiz-offer-card,.pdf-offer-card>a,.quiz-offer-card>button,.article-quiz .quiz-options button,.pdf-lead-dialog .pdf-lead-submit{transition:none!important}
}