/* ============================================================
   Tenvora — custom-quote block (replaces the old fixed-price cards)
   planet-3d/quote.css
   ============================================================ */

.pricing-grid.quote-only{grid-template-columns:1fr;margin-top:8px}

.quote-box{
  position:relative;overflow:hidden;
  padding:44px;border-radius:28px;
  background:
    radial-gradient(ellipse 90% 120% at 0% 0%,rgba(122,184,255,0.09) 0%,rgba(255,255,255,0.015) 65%),
    rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.08);
  transition:border-color .5s ease,box-shadow .5s ease;
}
.quote-box:hover{border-color:rgba(122,184,255,0.22);box-shadow:0 24px 70px rgba(0,0,0,0.4)}

/* soft glow orbs behind */
.quote-box::before{
  content:'';position:absolute;top:-90px;left:-60px;width:280px;height:280px;
  border-radius:50%;filter:blur(60px);opacity:.45;pointer-events:none;
  background:radial-gradient(circle,rgba(122,184,255,0.22),transparent 70%);
}
.quote-box::after{
  content:'';position:absolute;bottom:-100px;right:-70px;width:300px;height:300px;
  border-radius:50%;filter:blur(70px);opacity:.32;pointer-events:none;
  background:radial-gradient(circle,rgba(160,120,255,0.18),transparent 70%);
}

.quote-box__icon{
  width:56px;height:56px;border-radius:16px;margin-bottom:22px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(122,184,255,0.1);border:1px solid rgba(122,184,255,0.22);
}
.quote-box__icon svg{width:26px;height:26px;stroke:#7ab8ff;fill:none}

.quote-box h3{
  position:relative;z-index:1;
  font-size:clamp(20px,2.4vw,26px);font-weight:900;color:#fff;
  margin-bottom:12px;letter-spacing:-0.3px;
}
.quote-box > p{
  position:relative;z-index:1;
  font-size:15px;color:#a0a0a0;line-height:1.9;max-width:760px;
}

.quote-factors{
  position:relative;z-index:1;
  list-style:none;margin:32px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:14px;
}
.quote-factors li{
  position:relative;padding:18px 20px 18px 22px;border-radius:14px;
  font-size:13.5px;color:#a0a0a0;line-height:1.75;
  background:rgba(255,255,255,0.025);
  border:1px solid rgba(255,255,255,0.055);
  transition:all .4s cubic-bezier(.22,1,.36,1);
}
.quote-factors li::before{
  content:'';position:absolute;top:18px;right:0;bottom:18px;width:2px;
  border-radius:2px;background:linear-gradient(to bottom,var(--accent),transparent);
  opacity:.5;transition:opacity .4s;
}
.quote-factors li:hover{
  background:rgba(122,184,255,0.06);
  border-color:rgba(122,184,255,0.2);
  transform:translateX(-3px);
}
.quote-factors li:hover::before{opacity:1}
.quote-factors strong{color:#fff;font-weight:700;display:block;margin-bottom:3px;font-size:14px}

.quote-box__cta{
  position:relative;z-index:1;
  display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;
  padding-top:30px;border-top:1px solid rgba(255,255,255,0.06);
}
.quote-box__cta .btn-pill,.quote-box__cta .btn-outline{text-decoration:none}

.quote-box__note{
  position:relative;z-index:1;
  display:flex;align-items:flex-start;gap:12px;
  margin-top:24px;font-size:13px;color:rgba(255,255,255,0.5);line-height:1.75;
}
.quote-box__note svg{width:17px;height:17px;stroke:#7ab8ff;fill:none;flex-shrink:0;margin-top:3px}
.quote-box__note strong{color:#fff;font-weight:700}

@media(max-width:900px){
  .quote-factors{grid-template-columns:1fr}
  .quote-box{padding:32px 24px}
}
@media(max-width:600px){
  .quote-box{padding:26px 20px;border-radius:22px}
  .quote-box__cta{flex-direction:column}
  .quote-box__cta a{justify-content:center;width:100%}
  .quote-box__icon{width:46px;height:46px;border-radius:13px}
  .quote-box__icon svg{width:22px;height:22px}
}