/* Teste de processos — usa os tokens de style.css */

.q-page{padding:140px 0 120px;min-height:100dvh;}
.q-page .wrap{max-width:980px;}
#assessment{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease-out), transform .6s var(--ease-out);}
#assessment.is-in{opacity:1;transform:none;}

.q-lead{margin-top:22px;color:var(--muted);font-size:18px;line-height:1.6;max-width:640px;}
.q-hint{font-size:12.5px;color:var(--muted-2);margin-top:8px;line-height:1.5;}

/* ---------- intro ---------- */
.q-intro h1{margin-top:26px;font-size:clamp(40px,6.4vw,80px);line-height:0.98;letter-spacing:-0.05em;font-weight:500;max-width:880px;}
.q-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;}
.q-chips li{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);padding:7px 13px;border-radius:999px;border:1px solid var(--hair-strong);}
.q-start{margin-top:40px;}
.q-honesty{margin-top:28px;font-size:14px;color:var(--muted-2);max-width:520px;line-height:1.55;padding-left:14px;border-left:2px solid rgba(0,200,255,0.35);}

/* ---------- running ---------- */
.q-top{
  display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:end;margin-bottom:22px;
  position:sticky;top:84px;z-index:5;
  padding:14px 18px;margin-left:-18px;margin-right:-18px;border-radius:20px;
  background:rgba(1,3,15,0.92);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.q-count{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);}
.q-bar{margin-top:10px;height:4px;border-radius:4px;background:rgba(255,255,255,0.06);overflow:hidden;}
.q-bar i{display:block;height:100%;background:var(--grad);transform-origin:left;transition:transform .7s var(--ease);}

.q-risk{--risk:var(--accent);}
.q-risk[data-level="1"]{--risk:#f5c542;}
.q-risk[data-level="2"]{--risk:#ff8a3d;}
.q-risk[data-level="3"]{--risk:#ff5c70;}
.q-risk-label{font-family:var(--mono);font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted-2);}
.q-risk-meter{margin-top:8px;height:8px;border-radius:8px;background:rgba(255,255,255,0.06);overflow:hidden;}
.q-risk-meter i{display:block;height:100%;border-radius:inherit;background:var(--risk);box-shadow:0 0 16px var(--risk);transform-origin:left;transition:transform .9s var(--ease), background-color .6s var(--ease);}
.q-risk-value{display:block;margin-top:6px;font-size:13px;color:var(--muted);text-align:right;}
.q-risk-value b{color:var(--risk);font-weight:500;transition:color .6s var(--ease);}

.q-card .bezel-core{padding:40px;}
.q-dim{font-family:var(--mono);font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);}
.q-question{margin-top:14px;font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-0.035em;font-weight:500;}
.q-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px;}
.q-opt{
  display:flex;align-items:center;gap:14px;text-align:left;
  padding:18px 18px;border-radius:18px;
  background:rgba(0,0,0,0.25);border:1px solid var(--hair);
  color:var(--text);font-size:15.5px;line-height:1.35;
  transition:border-color .4s var(--ease), background-color .4s var(--ease), transform .4s var(--ease);
}
.q-opt:hover{border-color:rgba(0,200,255,0.4);background:rgba(0,200,255,0.05);}
.q-opt:active{transform:scale(0.985);}
.q-opt kbd{
  flex:none;width:28px;height:28px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:12px;color:var(--muted);
  border:1px solid var(--hair-strong);
  transition:background-color .4s var(--ease), color .4s var(--ease), border-color .4s var(--ease);
}
.q-opt.is-sel{border-color:var(--accent);background:rgba(0,200,255,0.1);}
.q-opt.is-sel kbd{background:var(--accent);color:#030816;border-color:var(--accent);}

.q-insight{
  margin-top:0;max-height:0;opacity:0;overflow:hidden;
  font-size:15px;line-height:1.55;color:#ffb3bc;
  padding:0 16px;border-radius:14px;
  background:rgba(255,92,112,0.08);border:1px solid transparent;
  transition:opacity .5s var(--ease), max-height .6s var(--ease), margin-top .6s var(--ease), padding .6s var(--ease);
}
.q-insight.is-on{opacity:1;max-height:160px;margin-top:20px;padding:14px 16px;border-color:rgba(255,92,112,0.3);}

.q-nav{display:flex;justify-content:space-between;align-items:center;margin-top:18px;}
.q-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted);font-size:14px;padding:8px 4px;transition:color .4s var(--ease);}
.q-back:hover:not([disabled]){color:var(--text);}
.q-back[disabled]{opacity:0.3;cursor:default;}
.q-back svg{width:16px;height:16px;}
.q-keys{font-family:var(--mono);font-size:11px;color:var(--muted-2);}

/* ---------- calculator ---------- */
.q-calc .h2{margin-top:22px;}
.q-calc .q-card{margin-top:36px;}
.q-field{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:baseline;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--hair);}
.q-field label{font-size:15.5px;color:var(--text);}
.q-field output{font-family:var(--mono);font-size:14px;color:var(--accent);}
.q-field input[type=range]{grid-column:1 / -1;}
.q-field .q-money,.q-field .q-hint{grid-column:1 / -1;}
input[type=range]{
  -webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;margin:8px 0;
  background:linear-gradient(90deg,var(--accent) var(--fill,0%),rgba(255,255,255,0.08) var(--fill,0%));
}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--text);border:4px solid var(--accent);cursor:pointer;}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text);border:4px solid var(--accent);cursor:pointer;}
.q-money{display:flex;align-items:center;gap:10px;max-width:220px;padding:0 16px;border-radius:14px;border:1px solid var(--hair-strong);background:rgba(0,0,0,0.3);}
.q-money span{font-family:var(--mono);color:var(--muted);}
.q-money input{flex:1;min-width:0;background:none;border:none;color:var(--text);font-family:var(--font);font-size:18px;padding:12px 0;}
.q-money input:focus{outline:none;}
.q-money:focus-within{border-color:rgba(0,200,255,0.5);}
.q-preview{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;}
.q-preview span{color:var(--muted);font-size:15px;}
.q-preview b{font-size:40px;font-weight:500;letter-spacing:-0.04em;color:#ff8a3d;}
.q-submit{width:100%;justify-content:space-between;}

/* ---------- result ---------- */
.q-res-hero{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center;margin-top:28px;}
.q-res-copy h1{font-size:clamp(38px,5.4vw,68px);line-height:1;letter-spacing:-0.05em;font-weight:500;}
.q-gap{margin-top:18px;font-size:16px;color:var(--text);padding:14px 16px;border-radius:14px;background:rgba(255,138,61,0.08);border:1px solid rgba(255,138,61,0.28);}

.q-score-card{--lvl:#ff5c70;}
.q-score-card[data-level="1"]{--lvl:#ff8a3d;}
.q-score-card[data-level="2"]{--lvl:#f5c542;}
.q-score-card[data-level="3"]{--lvl:var(--accent-2);}
.q-score-card[data-level="4"]{--lvl:var(--accent);}
.q-score-card .bezel-core{padding:28px;text-align:center;}
.q-score-label{font-family:var(--mono);font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted-2);}
.q-gauge{position:relative;width:190px;height:190px;margin:18px auto 10px;}
.q-gauge svg{width:100%;height:100%;transform:rotate(-90deg);}
.q-gauge circle{fill:none;stroke-width:9;stroke-linecap:round;}
.q-gauge-bg{stroke:rgba(255,255,255,0.07);}
.q-gauge-fg{stroke:var(--lvl);stroke-dasharray:0 100;filter:drop-shadow(0 0 8px var(--lvl));transition:stroke-dasharray 1.4s var(--ease-out);}
.q-gauge.is-on .q-gauge-fg{stroke-dasharray:var(--v) 100;}
.q-gauge-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;}
.q-gauge-num b{font-size:58px;font-weight:500;letter-spacing:-0.05em;color:var(--lvl);}
.q-gauge-num span{font-size:15px;color:var(--muted-2);margin-top:22px;}
.q-level{font-size:14px;color:var(--muted);}
.q-level strong{color:var(--text);font-weight:500;}

.q-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:14px;margin-top:40px;}
.q-cost .bezel-core,.q-ladder-card .bezel-core,.q-dims-card .bezel-core{padding:32px;}
.q-cost .spec-title,.q-ladder-card .spec-title,.q-dims-card .spec-title{margin-top:0;}
.q-cost-big{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.q-cost-big b{font-size:clamp(52px,7vw,80px);font-weight:500;letter-spacing:-0.05em;line-height:1;color:#ff8a3d;}
.q-cost-big span{color:var(--muted);font-size:15px;max-width:180px;}
.q-cost-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;}
.q-cost-row div{padding:16px;border-radius:16px;background:rgba(0,0,0,0.3);border:1px solid var(--hair);}
.q-cost-row b{display:block;font-size:24px;font-weight:500;letter-spacing:-0.03em;}
.q-cost-row span{font-size:13px;color:var(--muted-2);}
.q-fte{margin-top:18px;font-size:15px;color:var(--muted);line-height:1.55;}
.q-fte strong{color:var(--text);font-weight:500;}

.q-ladder{display:flex;flex-direction:column-reverse;gap:8px;}
.q-ladder li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--hair);color:var(--muted-2);}
.q-ladder b{font-weight:500;font-size:14.5px;}
.q-ladder em{display:block;font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:#ff8a3d;margin-top:2px;}
.q-lvl-n{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;border:1px solid var(--hair-strong);}
.q-ladder li.is-past{color:var(--muted);}
.q-ladder li.is-here{color:var(--text);border-color:rgba(255,138,61,0.5);background:rgba(255,138,61,0.08);}
.q-ladder li.is-here .q-lvl-n{background:#ff8a3d;border-color:#ff8a3d;color:#030816;}

.q-dims-card{margin-top:14px;}
.q-dims{display:flex;flex-direction:column;gap:14px;}
.q-dims li{display:grid;grid-template-columns:200px 1fr 40px;gap:16px;align-items:center;font-size:14.5px;color:var(--muted);}
.q-dims b{font-family:var(--mono);font-weight:400;font-size:13px;text-align:right;color:var(--text);}
.q-dimbar{height:8px;border-radius:8px;background:rgba(255,255,255,0.06);overflow:hidden;}
.q-dimbar i{display:block;height:100%;border-radius:inherit;transform-origin:left;}
.q-dims li.is-bad .q-dimbar i{background:#ff5c70;}
.q-dims li.is-mid .q-dimbar i{background:#f5c542;}
.q-dims li.is-ok .q-dimbar i{background:var(--accent);}

.q-flags-wrap{margin-top:56px;}
.q-flags{display:flex;flex-direction:column;gap:12px;}
.q-flags .bezel-core{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:26px 28px;}
.q-flag-n{font-family:var(--mono);font-size:12px;color:#ff5c70;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,92,112,0.35);background:rgba(255,92,112,0.08);}
.q-flags h3{font-size:20px;letter-spacing:-0.03em;font-weight:500;}
.q-flag-why{margin-top:8px;color:var(--muted);font-size:15px;line-height:1.55;}
.q-flag-fix{margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(0,200,255,0.06);border:1px solid rgba(0,200,255,0.2);font-size:14.5px;color:var(--text);line-height:1.55;}
.q-flag-fix span{display:block;margin-bottom:4px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);}

.q-cta{margin-top:56px;}
.q-cta .band-side{display:flex;flex-direction:column;gap:10px;}
.q-cta .btn-ghost{justify-content:center;}
.q-method{margin:28px 7px 0;}

@media (max-width:860px){
  .q-top{grid-template-columns:1fr 1fr;gap:14px;top:76px;margin-left:-8px;margin-right:-8px;padding:10px 14px;align-items:start;}
  .q-risk-label{display:none;}
  .q-risk-meter{margin-top:0;height:6px;}
  .q-risk .q-risk-meter{order:2;}
  .q-risk{display:flex;flex-direction:column-reverse;gap:10px;}
  .q-risk-value{text-align:right;margin-top:0;font-size:11px;font-family:var(--mono);letter-spacing:0.06em;}
  .q-bar{height:6px;}
  .q-count{font-size:10.5px;}
  .q-res-hero,.q-grid{grid-template-columns:1fr;gap:20px;}
  .q-score-card{max-width:340px;}
}
@media (max-width:767px){
  .q-page{padding:110px 0 80px;}
  .q-card .bezel-core{padding:24px 18px;}
  .q-options{grid-template-columns:1fr;}
  .q-keys{display:none;}
  .q-cost .bezel-core,.q-ladder-card .bezel-core,.q-dims-card .bezel-core{padding:24px 18px;}
  .q-dims li{grid-template-columns:1fr 36px;gap:6px 12px;}
  .q-dims li .q-dimbar{grid-column:1 / -1;grid-row:2;}
  .q-dims li b{grid-row:1;grid-column:2;}
  .q-flags .bezel-core{grid-template-columns:1fr;padding:22px 18px;}
  .q-preview b{font-size:32px;}
}