:root{font-family:system-ui,-apple-system,sans-serif;color:#18384a;background:#edf5f7;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #008779;outline-offset:3px}.header{background:#fff;border-bottom:1px solid #dce9ed;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:16px max(24px,calc((100% - 1200px)/2));position:sticky;top:0;z-index:2}.logo img{width:26px;height:26px;vertical-align:middle;margin-right:7px}.logo{font-size:21px;font-weight:800;white-space:nowrap}.logo span{color:#008779}.header nav,.footer nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:14px}.header nav a:hover,.footer nav a:hover{color:#008779}.login{justify-self:end;border:1px solid #c9dfe4;border-radius:9px;padding:8px 13px;font-size:14px}.wrap{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:80px;padding-bottom:80px}.tag{font-size:12px;color:#008779;letter-spacing:.08em;font-weight:800}h1{font-size:clamp(32px,4vw,52px);line-height:1.25;letter-spacing:-.04em;margin:14px 0}h2{font-size:28px;letter-spacing:-.03em;margin:0 0 8px}h3{font-size:16px;margin:10px 0 4px}p{color:#587382;margin:0}.intro{font-size:17px;max-width:520px}.actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.primary,.secondary{border-radius:9px;padding:12px 18px;font-weight:700;font-size:14px}.primary{background:#008779;color:#fff}.secondary{background:#fff;border:1px solid #c9dfe4}.demo{background:#fff;border:1px solid #d4e6e8;border-radius:18px;padding:24px;box-shadow:0 18px 38px #31594f12}.demo strong{font-size:13px;color:#008779}.demo pre{background:#edf5f7;border-radius:10px;padding:18px;line-height:1.9;overflow:auto}.demo pre b{color:#007d70}.demo table{width:100%;border-collapse:collapse;text-align:left}.demo th,.demo td{padding:9px;border-bottom:1px solid #dce9ed}.demo th{background:#edf5f7}.demo small{color:#6b8590}.section{padding-top:52px;padding-bottom:52px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.steps article{background:#fff;border:1px solid #d7e9e8;border-radius:12px;padding:20px}.steps article p{font-size:14px}.num{display:inline-grid;place-items:center;width:30px;height:30px;background:#d7f2ea;color:#007d70;border-radius:50%;font-weight:800}.future{background:#d7f2ea;border-radius:16px;padding-top:26px;padding-bottom:26px}.future h2{font-size:22px}.faq{background:#fff;border:1px solid #d7e7eb;border-radius:12px;padding:0 20px;margin-top:24px}.faq details{padding:16px 0;border-bottom:1px solid #e4eeee}.faq details:last-child{border:0}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin-top:10px}footer{background:#fff;border-top:1px solid #dce9ed}.footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:28px;padding-bottom:28px}.footer nav{justify-content:flex-end;font-size:13px}@media(max-width:850px){.header{grid-template-columns:1fr auto}.header nav{grid-column:1/-1;grid-row:2;justify-content:center}.hero{grid-template-columns:1fr;gap:30px;padding-top:45px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.header nav{justify-content:flex-start;gap:12px}.steps{grid-template-columns:1fr}.footer{align-items:flex-start;flex-direction:column}.footer nav{justify-content:flex-start}}
.ranking-page{min-height:70vh;padding-top:58px;padding-bottom:72px}.ranking-page h1{font-size:clamp(30px,4vw,44px)}.ranking-card{background:#fff;border:1px solid #d7e9e8;border-radius:16px;padding:24px;margin:30px 0;box-shadow:0 10px 30px #31594f0a}.ranking-filters{display:flex;gap:16px;flex-wrap:wrap}.ranking-filters label{display:flex;flex-direction:column;gap:6px;color:#587382;font-size:14px}.ranking-filters label[hidden]{display:none}.ranking-filters select{border:1px solid #c9dfe4;border-radius:9px;background:#fff;color:#18384a;padding:10px 12px;font:inherit}.ranking-rule{font-size:14px;margin:18px 0 22px}.ranking-table{width:100%;border-collapse:collapse;text-align:left}.ranking-table th,.ranking-table td{padding:14px 12px;border-bottom:1px solid #dce9ed}.ranking-table th{background:#edf5f7;color:#587382}.ranking-table th:first-child,.ranking-table td:first-child{width:90px}.ranking-table th:last-child,.ranking-table td:last-child{text-align:right}.ranking-note{margin-top:12px;font-size:13px}.ranking-start{display:inline-block}#ranking-retry{cursor:pointer;margin-top:16px}#ranking-retry[hidden]{display:none}