.pyh{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(30px,5vw,80px);padding:clamp(40px,6vw,80px) 0 clamp(50px,6vw,80px);display:grid}.pyh h1{max-width:16ch;margin:18px 0 22px;font-size:clamp(36px,5vw,68px);line-height:1.02}.pyh h1 span{color:var(--violet)}.qs{gap:12px;display:grid}.qs div{background:var(--white);border:var(--bd);box-shadow:4px 4px 0 var(--ink);border-radius:20px 20px 20px 6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 14px;padding:16px 18px;display:grid}.qs div:nth-child(2){margin-left:clamp(0px,3vw,36px)}.qs div:nth-child(3){margin-left:clamp(0px,6vw,72px)}.qs small{font:600 13px var(--body);color:var(--mute);grid-column:2}.qs b{font:700 clamp(17px,1.7vw,21px)/1.2 var(--mono);overflow-wrap:anywhere;grid-column:2}.qs svg{border:2px solid var(--ink);background:var(--lav);border-radius:12px;grid-row:1/3;width:40px;height:40px;padding:8px}.demo{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);margin-top:36px;display:grid}.inv{gap:0;padding:clamp(18px,2.6vw,30px)}.inv-top{border-bottom:1.5px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:16px;display:flex}.inv-top b{font:800 clamp(20px,2vw,26px)/1.1 var(--disp);letter-spacing:-.02em}.inv-top small{font:500 13.5px var(--mono);color:var(--mute);margin-top:6px;display:block}.inv-total{text-align:right}.inv-total span{font:600 13px var(--body);color:var(--mute);display:block}.inv-total b{font-size:clamp(22px,2.4vw,30px)}.inv-pay{background:var(--blush);border:var(--bd);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 8px;padding:14px 16px;display:flex}.inv-pay span{font:600 13px var(--body)}.inv-pay b{font:700 clamp(18px,2vw,23px) var(--mono);overflow-wrap:anywhere;display:block}.inv-pay em{font:600 13px var(--body);background:var(--ink);color:var(--white);border-radius:999px;padding:7px 13px;font-style:normal}.inv .d1-row{grid-template-columns:120px minmax(0,1fr)}.inv h3{font:700 15px var(--disp);margin:20px 0 10px}.bar{border:2px solid var(--ink);border-radius:999px;height:16px;display:flex;overflow:hidden}.bar i{height:100%;display:block}.bar i+i{border-left:2px solid var(--ink)}.c1{background:var(--violet)}.c2{background:var(--blush)}.c3{background:var(--mint)}.parts{gap:2px;margin:12px 0 0;padding:0;list-style:none;display:grid}.parts li{border-bottom:1px solid #f0eef6;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;font-size:14.5px;display:grid}.parts li>i{border:2px solid var(--ink);border-radius:4px;width:12px;height:12px;display:block}.parts b{font-weight:600}.parts small{font:500 13px var(--mono);color:var(--mute);overflow-wrap:anywhere;display:block}.parts strong{font:700 15px var(--disp)}.sig{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.sig span{font:600 13px var(--body);border:2px solid var(--ink);background:var(--white);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.sig span.done{background:var(--mint)}.sig span.next{color:var(--mute);border-style:dashed;border-color:#bdb8d6}.sig svg{flex:none;width:14px;height:14px}.notes{counter-reset:n;gap:16px;margin:0;padding:0;list-style:none;display:grid}.notes li{border-bottom:1.5px solid var(--line);color:var(--mute);counter-increment:n;padding:0 0 16px 50px;font-size:16.5px;position:relative}.notes li:before{content:counter(n);border:2px solid var(--ink);background:var(--lav);width:34px;height:34px;font:700 14px var(--disp);color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.notes b{color:var(--ink);font:700 17px/1.3 var(--disp);margin-bottom:4px;display:block}.ill{margin-top:16px;font-size:14px}.py-steps{border:var(--bd);background:var(--white);border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:30px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.py-steps li{flex-direction:column;gap:6px;min-width:0;padding:20px;display:flex}.py-steps li+li{border-left:1.5px dashed var(--line)}.py-steps b{font:700 17px/1.25 var(--disp)}.py-steps span{color:var(--mute);font-size:15px}.py-steps i{font:700 13px var(--mono);color:var(--violet);font-style:normal}.aud .card .tag{align-self:flex-start}.aud .card .more+.more{padding-top:0}.py-lim{border-left:4px solid var(--flare);max-width:900px;margin:0;padding:4px 0 4px 20px;font-size:16.5px}.proof{border-top:1.5px solid var(--line);gap:0;max-width:900px;margin:30px 0 0;padding:0;list-style:none;display:grid}.proof li{border-bottom:1.5px solid var(--line);grid-template-columns:minmax(200px,300px) 1fr;gap:20px;padding:16px 0;font-size:16px;display:grid}.proof a{color:var(--violet);text-underline-offset:3px;overflow-wrap:anywhere;font-weight:600;text-decoration:underline}.proof span{color:var(--mute)}@media (width<=1000px){.pyh,.demo{grid-template-columns:1fr}.qs div:nth-child(n){margin-left:0}.py-steps{grid-template-columns:1fr 1fr}.py-steps li:nth-child(3){border-left:0}.py-steps li:nth-child(n+3){border-top:1.5px dashed var(--line)}}@media (width<=640px){.proof li{grid-template-columns:1fr;gap:4px}.inv .d1-row{grid-template-columns:96px minmax(0,1fr)}.inv-total{text-align:left}.py-steps{grid-template-columns:1fr}.py-steps li+li{border-left:0;border-top:1.5px dashed var(--line)}}
