/* Advanton Hub 1.107.0: How Advanton works. */
.advhw{--ink:#122840;--green:#1f6f5c;--blue:#165b8a;--paper:#fff;--mist:#eef3f7;--line:#d5dde6;--muted:#5a6672;--amber:#b86e00;max-width:880px;margin:1.5rem auto;color:var(--ink);font-variant-numeric:tabular-nums}
.advhw *{box-sizing:border-box}
.advhw-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.advhw-steps button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:0;border-top:3px solid var(--line);background:none;color:var(--muted);font:inherit;cursor:pointer;text-align:left}
.advhw-steps button[aria-current="step"]{border-top-color:var(--green);color:var(--ink)}
.advhw-steps button:focus-visible,.advhw-btn:focus-visible,.advhw-cta:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.advhw-n{font-size:.78rem;font-weight:700}
.advhw-sl{font-weight:700;font-size:.98rem}
.advhw-progress{height:2px;background:transparent;margin-top:-3px;position:relative}
.advhw-progress span{display:block;height:2px;width:0;background:var(--green)}
.advhw-stage{position:relative;height:330px;margin-top:14px;background:var(--mist);border-radius:14px;overflow:hidden}
.advhw-stage>div{position:absolute;inset:0;padding:28px 32px;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.advhw[data-scene="0"] .advhw-ask,.advhw[data-scene="1"] .advhw-chart,.advhw[data-scene="2"] .advhw-chart,.advhw[data-scene="3"] .advhw-chart,.advhw[data-scene="4"] .advhw-tools,.advhw[data-scene="5"] .advhw-keep{opacity:1;visibility:visible;transition:opacity .45s ease}
/* 1: ask */
.advhw-ask{display:flex;flex-direction:column;justify-content:center;gap:22px}
.advhw-q{display:flex;align-items:center;gap:12px;background:var(--paper);border:2px solid var(--blue);border-radius:999px;padding:14px 20px;font-size:1.15rem;max-width:620px;color:var(--ink)}
.advhw-q svg{color:var(--blue);flex:none}
.advhw-caret{display:inline-block;width:2px;height:1.2em;background:var(--blue);animation:advhw-blink 1s steps(1) infinite}
@keyframes advhw-blink{50%{opacity:0}}
.advhw-answer{display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.advhw-answer.is-on{opacity:1;transform:none}
.advhw-big{font-size:clamp(2rem,6vw,3.2rem);font-weight:800;color:var(--green);line-height:1.05}
.advhw-small{font-size:1rem;max-width:560px}
.advhw-src{font-size:.82rem;color:var(--muted)}
/* 2-4: the shared bars */
.advhw-chart{display:flex;flex-direction:column;gap:12px}
.advhw-chead{font-weight:700;font-size:1.05rem;min-height:1.4em;transition:opacity .3s}
.advhw-bars{display:flex;flex-direction:column;gap:9px;position:relative}
.advhw-row{display:grid;grid-template-columns:170px 1fr 120px;align-items:center;gap:10px;transition:opacity .4s,max-height .4s;max-height:40px}
.advhw-row.is-off{opacity:0;max-height:0;overflow:hidden}
.advhw-lab{font-size:.92rem;transition:opacity .3s}
.advhw-track{height:22px;position:relative;display:flex}
.advhw-bar{display:block;height:100%;width:0;background:var(--blue);border-radius:3px;transition:width .9s cubic-bezier(.2,.7,.2,1),background .4s,margin .9s cubic-bezier(.2,.7,.2,1)}
.advhw-val{font-weight:700;font-size:.92rem;transition:opacity .3s}
.advhw-row.is-hi .advhw-bar{background:var(--amber)}
.advhw-row.is-hi .advhw-val{color:var(--amber)}
.advhw[data-scene="2"] .advhw-bar{background:var(--green)}
.advhw[data-scene="2"] .advhw-row.is-hi .advhw-bar{background:var(--amber)}
.advhw[data-scene="3"] .advhw-bar{height:6px;margin-top:8px;background:var(--line)}
.advhw[data-scene="3"] .advhw-row.is-done .advhw-bar{background:var(--green)}
.advhw[data-scene="3"] .advhw-val{color:var(--green)}
.advhw-avg{position:absolute;left:180px;right:130px;top:-4px;bottom:-4px;pointer-events:none;opacity:0;transition:opacity .4s}
.advhw[data-scene="1"] .advhw-avg{opacity:1}
.advhw-avg span{position:absolute;left:var(--avg,50%);top:0;bottom:0;border-left:2px dashed var(--ink);display:flex;align-items:flex-end;padding-left:6px;font-size:.78rem;white-space:nowrap}
.advhw-cfoot{font-size:.82rem;color:var(--muted);margin-top:auto}
/* 5: tools */
.advhw-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-content:center}
.advhw-tool{background:var(--paper);border-left:4px solid var(--green);border-radius:8px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateX(-10px);transition:opacity .45s,transform .45s}
.advhw-tool span{color:var(--muted);font-size:.92rem}
.advhw[data-scene="4"] .advhw-tool{opacity:1;transform:none}
.advhw[data-scene="4"] .advhw-tool:nth-child(2){transition-delay:.25s}.advhw[data-scene="4"] .advhw-tool:nth-child(3){transition-delay:.5s}.advhw[data-scene="4"] .advhw-tool:nth-child(4){transition-delay:.75s}
/* 6: keep */
.advhw-keep{display:flex;flex-direction:column;justify-content:center;gap:18px}
.advhw-sheet{background:var(--paper);border-radius:10px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 14px;max-width:560px}
.advhw-sheet-t{font-weight:600}
.advhw-sheet-v{font-size:1.8rem;font-weight:800;color:var(--green);grid-row:span 2;align-self:center}
.advhw-badge{font-size:.78rem;color:var(--green);font-weight:700}
.advhw-acts{display:flex;flex-wrap:wrap;gap:10px}
.advhw-act{background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:600;opacity:.35;transition:opacity .4s,border-color .4s,color .4s}
.advhw-act.is-on{opacity:1;border-color:var(--green);color:var(--green)}
/* caption, controls, end */
.advhw-cap{margin-top:16px;min-height:96px}
.advhw-cap h3{margin:0 0 6px;font-size:1.25rem}
.advhw-cap p{margin:0;max-width:62ch;color:var(--ink)}
.advhw-ctrl{display:flex;gap:8px;margin-top:10px}
.advhw-btn{border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:8px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer}
.advhw-btn:hover{background:var(--mist)}
.advhw-end{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.advhw a.advhw-cta,.advhw a.advhw-cta:visited,.advhw a.advhw-cta:hover{background:var(--green);color:#fff;text-decoration:none;font-weight:700;padding:11px 18px;border-radius:8px;border:2px solid var(--green)}
.advhw a.advhw-cta--alt,.advhw a.advhw-cta--alt:visited,.advhw a.advhw-cta--alt:hover{background:var(--paper);color:var(--green)}
@media (max-width:640px){
 .advhw-steps{grid-template-columns:repeat(6,1fr);gap:3px}
 .advhw-steps button{padding:6px 2px;align-items:center;text-align:center}
 .advhw-sl{font-size:.72rem}
 .advhw-stage{height:400px}
 .advhw-stage>div{padding:20px 16px}
 .advhw-row{grid-template-columns:96px 1fr 84px;gap:6px}
 .advhw-lab,.advhw-val{font-size:.8rem}
 .advhw-avg{left:102px;right:90px}
 .advhw-tools{grid-template-columns:1fr}
 .advhw-q{font-size:1rem}
}
@media (prefers-reduced-motion:reduce){
 .advhw *,.advhw-stage>div{transition:none !important;animation:none !important}
}