.crumbs{font-family:var(--mono);font-size:12px;color:var(--ink3);padding-top:22px}.crumbs a{color:var(--ink3)}.crumbs a:hover{color:var(--ink)}
.hero{padding-top:36px}
.price-chip{font-family:var(--mono);font-size:13px;color:var(--ink2)}
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.flow button{all:unset;cursor:pointer;background:#fff;padding:16px;display:flex;flex-direction:column;gap:6px;transition:background .2s}
.flow button span{font-family:var(--mono);font-size:11px;color:var(--ink3)}.flow button b{font-size:14px;font-weight:600}
.flow button[aria-selected=true]{background:#EEF2FB;box-shadow:inset 0 -3px 0 var(--blue)}
.flow button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px}
.panel[hidden]{display:none}
.code{font-family:var(--mono);font-size:12.5px;line-height:1.7;background:#0E131D;color:#D5DAE3;border-radius:8px;padding:16px;white-space:pre-wrap}
.bars{display:flex;flex-direction:column;gap:10px}
.bar{display:grid;grid-template-columns:150px minmax(0,1fr) 54px;gap:12px;align-items:center;font-size:14px;color:var(--ink2)}
.bar i{display:block;height:10px;border-radius:2px;background:var(--line2);overflow:hidden}.bar i em{display:block;height:100%}
.bar b{font-family:var(--mono);font-weight:500;text-align:right;color:var(--ink)}
.calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px}
.calc label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--ink2)}
.calc label b{font-family:var(--mono);font-size:20px;color:var(--ink);font-weight:500}
.calc input[type=range]{width:100%;accent-color:var(--blue)}
.out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.out div{background:#fff;padding:18px;display:flex;flex-direction:column;gap:4px}.out b{font-family:var(--mono);font-size:26px;font-weight:500}.out span{font-size:12.5px;color:var(--ink3)}
.price{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:24px;align-items:start}
.timeline{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.timeline div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.timeline span{font-family:var(--mono);font-size:12px;color:var(--blue);padding-top:2px}
.plan{background:#fff;border:1px solid var(--blue);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:16px}
.plan .amt{font-family:var(--mono);font-size:44px;font-weight:500;letter-spacing:-.02em}
.plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:14.5px;color:var(--ink2)}
.plan li:before{content:"✓  ";color:var(--green);font-weight:600}
table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line2);vertical-align:top}th{font-size:12px;font-family:var(--mono);color:var(--ink3);font-weight:500;background:#F9FAFB}
.tbl{overflow-x:auto;border-radius:10px}
.fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.fit div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--ink2)}
.guide{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start}
.toc{position:sticky;top:80px;display:flex;flex-direction:column;gap:8px;font-size:13.5px}.toc a{color:var(--ink2)}.toc a:hover{color:var(--ink)}
.article{max-width:720px;display:flex;flex-direction:column;gap:14px}
.article h2{font-size:26px;margin-top:22px;scroll-margin-top:72px}.article h3{font-size:18px;margin-top:8px}
.article p,.article li{font-size:16.5px;line-height:1.75;color:#2A3242}
.article ul,.article ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.article a{text-decoration:underline}
.note{font-size:13px;color:var(--ink3)}
details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-size:16px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:16px}summary::-webkit-details-marker{display:none}
summary:after{content:"+";font-family:var(--mono);color:var(--ink3)}details[open] summary:after{content:"−"}
details p{font-size:15px;line-height:1.65;color:var(--ink2);margin-top:10px}
@media (max-width:760px){.panel{grid-template-columns:1fr;padding:20px}.guide{grid-template-columns:1fr}.toc{position:static}.bar{grid-template-columns:110px minmax(0,1fr) 44px}}