/* style-quote.css — quote-page subset of style.css (purgecss-generated
   from quote.html + quote.njk + 7 quote JS). style.css is the legacy
   quote-flow stylesheet, almost fully superseded by q-* in quote.css +
   quote-layout.css; quote retains only reset/body/container/footer/
   code/fadeIn/sr-only + legacy selectors purgecss kept defensively.
   Replaces style.css on quote.html to cut ~16KB render-blocking CSS.
   Regenerate via /tmp/purge-style.config.cjs if style.css changes. */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.hero{background:var(--bg);color:var(--text);padding:80px 0 60px;position:relative;overflow:hidden;text-align:center}
.hero::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:40px;background:var(--bg);border-radius:50% 50% 0 0/100% 100% 0 0}
.hero h1{font-size:52px;font-weight:800;margin-bottom:16px;letter-spacing:-1.5px;color:var(--text)}
.hero p{font-size:18px;color:var(--text2);max-width:600px;margin:0 auto 32px;line-height:1.7}
.trust{padding:60px 0;background:#6b7280;text-align:center}
.trust h2{color:#fff;font-size:28px;margin-bottom:32px;font-weight:700}
footer{background:#e5e7eb;color:var(--text2);padding:32px 0;text-align:center;font-size:13px}
footer a{color:var(--text2);text-decoration:none;font-size:12px}
footer a:hover{color:var(--text)}
.field label{font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.3px}
.field span{font-weight:600;font-size:14px;display:block}
code{font-size:12px;background:var(--bg);padding:2px 6px;border-radius:4px;color:var(--primary-dark);font-family:"SF Mono","Fira Code",monospace}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){
  .hero{padding:50px 0 40px}
  .hero h1{font-size:28px}
  .hero p{font-size:15px}
}
@media(max-width:480px){
  .hero h1{font-size:22px}
  .hero p{font-size:14px}
  .container{padding:0 12px}
}
[data-theme="dark"] .trust{background:#374151}
[data-theme="dark"] footer{background:#1f2937}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}