.title{font-size:clamp(32px,5.5vw,52px);line-height:1.05;letter-spacing:-.02em}
.sub{font-size:20px;color:var(--ak-text-2)}
.ak-controls .ak-chip{min-height:48px;font-size:20px;padding:0 20px}
.layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.span{grid-column:1/-1}
.form{display:grid;gap:20px}
.form label,.lbl{font-size:18px;font-weight:600;color:var(--ak-grey-90)}
.form label small{font-weight:400;color:var(--ak-text-3)}
.form label b{font-size:24px;margin-left:8px}
.pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:16px}
.ak-input{min-height:52px;font-size:24px;font-weight:600;width:100%;box-sizing:border-box}
input[type=range]{width:100%;height:44px;accent-color:var(--ak-grey-90)}
.seg{display:flex;gap:4px;padding:4px;border:1px solid var(--ak-stroke);border-radius:999px;background:var(--ak-white)}
.seg button{flex:1;min-height:48px;border:0;border-radius:999px;background:transparent;font:inherit;font-size:18px;font-weight:600;color:var(--ak-grey-90);cursor:pointer}
.seg button[aria-pressed=true]{background:var(--ak-grey-90);color:#fff}
.wrap{flex-wrap:wrap;gap:8px}
.tog{min-height:48px;font-size:18px}
.big{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.big b{font-size:clamp(72px,11vw,112px);line-height:.9;font-weight:800;letter-spacing:-.04em;color:var(--ak-text)}
.big .ak-tag{font-size:24px;font-weight:700;padding:8px 16px}
.bar{position:relative;display:grid;grid-template-columns:25fr 50fr 25fr;height:16px;margin:8px 0}
.z.lo{background:var(--ak-green-10);border-radius:999px 0 0 999px}.z.mid{background:var(--ak-amber-10)}.z.hi{background:var(--ak-red-tint);border-radius:0 999px 999px 0}
#mk{position:absolute;top:-8px;width:8px;height:32px;border-radius:4px;background:var(--ak-grey-90);box-shadow:0 0 0 3px #fff;transform:translateX(-50%);transition:left .4s var(--ak-ease)}
.ticks{display:grid;grid-template-columns:25fr 50fr 25fr;font-size:15px;color:var(--ak-text-2)}
.ticks span:nth-child(2){text-align:center}.ticks span:nth-child(3){text-align:right}
.ak-card.result .explain{font-size:22px;line-height:1.45;color:var(--ak-grey-90);margin:28px 0 20px}
.people{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:clamp(4px,.8vw,10px);width:100%;margin:8px 0 12px}
.people i{aspect-ratio:1;border-radius:50%;background:var(--ak-grey-30)}
.people i.on{background:var(--ak-grey-90)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.steps li{background:var(--ak-subtle);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}
.steps li b{font-size:20px}
.steps li span{font-size:18px;line-height:1.45;color:var(--ak-grey-90)}
.steps li.key{background:var(--ak-grey-90)}.steps li.key b,.steps li.key span{color:#fff}
.src{margin-top:16px}
.aha-logo{height:60px;width:auto;display:block}
.ak-brand{flex-wrap:wrap;row-gap:8px}
@media (max-width:600px){.people{grid-template-columns:repeat(10,minmax(0,1fr))}.aha-logo{height:48px}.ak-controls{display:grid;grid-template-columns:1fr}.explain{font-size:20px}}