.hq-journey{padding:30px 0 12px}.hq-journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hq-step{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid #dfeaff;border-radius:20px;background:#fff;box-shadow:0 11px 28px rgba(4,28,90,.08)}.hq-step b{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:#0757d8;color:#fff}.hq-step:nth-child(2) b{background:#7a39dc}.hq-step:nth-child(3) b{background:#ff8a00;color:#211000}.hq-step strong{display:block;color:#061a55}.hq-step span{display:block;margin-top:3px;color:#5a6b86;font-size:.78rem;font-weight:750}.hq-tools{margin:24px auto;padding:18px;border:1px solid #dfeaff;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(4,28,90,.09)}.hq-tools-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}.hq-tools-head h2{margin:0;color:#061a55;font-size:clamp(1.35rem,3vw,2rem)}.hq-tools-head p{max-width:520px;margin:0;color:#5a6b86;font-size:.86rem;font-weight:750}.hq-tools-grid{display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:10px}.hq-field label{display:block;margin-bottom:5px;color:#5a6b86;font-size:.67rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.hq-field input,.hq-field select{width:100%;min-height:44px;padding:9px 11px;border:1px solid #cfe1ff;border-radius:11px;background:#fff;color:#061a55;font-weight:800}.hq-tools-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.hq-filter-status{margin:0;color:#5a6b86;font-size:.76rem;font-weight:800}.hq-reset{min-height:38px;padding:7px 12px;border:1px solid #cfe1ff;border-radius:999px;background:#eef6ff;color:#0757d8;font-weight:900;cursor:pointer}.catalog-item.is-filtered{display:none!important}.filter-empty{margin:18px 0 0;padding:18px;border:1px dashed #b8ccef;border-radius:16px;background:#f7faff;color:#415879;font-weight:850;text-align:center}.purchase-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.purchase-option{padding:16px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.1);color:#fff}.purchase-option strong{display:block;margin-bottom:5px}.purchase-option span{font-size:.8rem;font-weight:700;line-height:1.4}.sample-notice{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.1)}.sample-notice p{margin:0;color:#fff;font-size:.9rem}.sample-notice .btn{box-shadow:none;white-space:nowrap}@media(max-width:980px){.hq-tools-grid{grid-template-columns:1fr 1fr}.hq-field:first-child{grid-column:1/-1}.purchase-options{grid-template-columns:1fr}.hq-tools-head{display:block}.hq-tools-head p{margin-top:6px}}@media(max-width:680px){.hq-journey-grid,.hq-tools-grid{grid-template-columns:1fr}.hq-field:first-child{grid-column:auto}.hq-tools-actions,.sample-notice{align-items:stretch;flex-direction:column}.hq-reset,.sample-notice .btn{width:100%}}@media print{.top,.hq-journey,.hq-tools,.buy,.footer{display:none!important}.real-preview{box-shadow:none}.comic-row{grid-template-columns:repeat(2,1fr)}}

/* REORGANIZAÇÃO VISUAL — Turma da Hubmat — 2026-08-09 */
@media(min-width:821px){
  .top .links{gap:5px}
  .top .links>a:not(.btn){padding:9px 10px}
}
.hero-grid{gap:46px}
.hero h1{font-size:clamp(2.55rem,6vw,5rem);line-height:.95;letter-spacing:-.065em}
.hero-art{border-radius:30px;box-shadow:0 20px 54px rgba(4,28,90,.15)}
.hq-journey{padding-top:24px}
.hq-journey-grid{gap:16px}
.hq-step{min-height:112px;padding:20px;transition:transform .18s ease,box-shadow .18s ease}
.hq-step:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(4,28,90,.12)}
.hq-tools{padding:22px;border-radius:24px;box-shadow:0 16px 36px rgba(4,28,90,.09)}
.characters{gap:20px}
.char{min-height:0;padding:22px;border-radius:26px}
.char-figure{min-height:235px;border-radius:22px}
.world-grid{gap:20px}
.world-card{padding:24px;border-radius:28px}
.real-preview{border-radius:34px}
.buy{border-radius:34px}
@media(max-width:700px){
  .hero h1{font-size:clamp(2.35rem,12vw,3.7rem);line-height:.98}
  .hq-step{min-height:0}
  .hq-tools{padding:17px}
  .char,.world-card{padding:18px}
}