.gq-page{padding:56px 0 100px;display:flex;flex-direction:column;align-items:center}
.gq-intro{text-align:center;max-width:46ch;margin-bottom:20px}
.gq-intro .hero__eyebrow{margin-bottom:18px}
.gq-intro h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-0.02em;margin:0 0 10px}
.gq-intro p{color:var(--ink-soft);margin:0;line-height:1.6}
.gq-calc-wrap{width:100%;max-width:440px}
.gq-calculator{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:14px}
.gq-input-group{display:flex;flex-direction:column;gap:4px;flex:1}
.gq-input-group label{font-size:.74rem;font-weight:600;color:var(--ink-soft)}
.gq-textarea{border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-family:var(--font-mono);font-size:.9rem;background:var(--bg);color:var(--ink);resize:vertical;transition:border-color var(--dur-fast) var(--ease)}
.gq-textarea:focus{outline:none;border-color:var(--accent)}
.gq-input{border:1px solid var(--line);border-radius:10px;padding:10px;font-family:var(--font-mono);font-size:.9rem;font-weight:600;background:var(--bg);color:var(--ink);text-align:center;transition:border-color var(--dur-fast) var(--ease)}
.gq-input:focus{outline:none;border-color:var(--accent)}
.gq-color-input{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.gq-row{display:flex;gap:8px}
.gq-qr-wrap{display:flex;justify-content:center;padding:16px;background:#fff;border-radius:12px}
#gq-canvas{max-width:100%;height:auto}
.gq-download-btn{border:none;background:var(--ink);color:#fff;padding:12px;border-radius:999px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--dur-fast) var(--ease)}
.gq-download-btn:hover{background:var(--accent)}