.ubc-landing{background:#fff;color:#303030;font-weight:400;min-height:100vh}.ubc-landing .ld-wrap{max-width:1080px;margin:0 auto;padding-left:16px;padding-right:16px}.ubc-landing h1,.ubc-landing h2,.ubc-landing h3{color:#2a2a2a;text-wrap:balance}.ubc-landing .ld-top{position:sticky;top:0;z-index:10;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #eef0ef}.ubc-landing .ld-top .ld-top-in{height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ubc-landing .ld-top .ld-nav{display:flex;align-items:center;gap:8px}.ubc-landing .ld-top .ld-nav .ant-btn-circle{box-shadow:none;border-color:#eef0ef}.ubc-landing .ld-logo{text-decoration:none;font-size:20px;font-weight:500;letter-spacing:-.02em;color:#27c49e}.ubc-landing .ld-logo.small{font-size:16px}.ubc-landing .ld-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:72px;padding-bottom:72px}.ubc-landing .ld-hero h1{font-size:clamp(40px,6vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.03em;margin:0 0 20px}.ubc-landing .ld-hero h1 b{font-weight:500;color:#27c49e}.ubc-landing .ld-hero p{font-size:17px;line-height:1.7;color:#595959;max-width:34em;margin:0 0 28px}.ubc-landing .ld-hero .ld-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ubc-landing .ld-hero .ld-cta .ant-btn-primary{height:48px;padding:0 28px;border-radius:8px}@media(max-width:860px){.ubc-landing .ld-hero{grid-template-columns:1fr;gap:40px;padding-top:40px;padding-bottom:48px}}.ubc-landing .ld-hero-visual{position:relative;min-height:340px}.ubc-landing .ld-hero-visual .hv-card{position:absolute;width:78%;background:#fff;border:1px solid #eef0ef;border-radius:14px;box-shadow:0 12px 32px #143c3214;padding:14px 16px}.ubc-landing .ld-hero-visual .hv-todo{top:0;left:0}.ubc-landing .ld-hero-visual .hv-list{bottom:0;right:0}.ubc-landing .ld-hero-visual .hv-head{font-size:12px;color:#595959;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.ubc-landing .ld-hero-visual .hv-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f7f7f7}.ubc-landing .ld-hero-visual .hv-row:first-of-type{border-top:0}.ubc-landing .ld-hero-visual .hv-row.done .hv-title{color:#767676;text-decoration:line-through}.ubc-landing .ld-hero-visual .hv-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ubc-landing .ld-hero-visual .hv-box{width:16px;height:16px;border:1px solid #d9d9d9;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px}.ubc-landing .ld-hero-visual .done .hv-box{background:#27c49e;border-color:#27c49e;color:#fff}.ubc-landing .ld-hero-visual .hv-tag{font-size:12px;color:#444;background:#f5f5f5;border-radius:2px;padding:1px 6px}.ubc-landing .ld-hero-visual .hv-rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;background:#27c49e}.ubc-landing .ld-hero-visual .hv-pt{font-size:12px;color:#17755e}@media(max-width:860px){.ubc-landing .ld-hero-visual{min-height:0;display:grid;gap:12px}.ubc-landing .ld-hero-visual .hv-card{position:static;width:auto}.ubc-landing .ld-hero-visual .hv-list{margin-left:24px}}.ubc-landing .ld-feature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:72px}@media(max-width:860px){.ubc-landing .ld-feature{grid-template-columns:1fr;padding-bottom:48px}}.ubc-landing .ld-card{border:1px solid #eef0ef;border-radius:14px;padding:20px}.ubc-landing .ld-card h3{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:500;margin:16px 0 6px}.ubc-landing .ld-card p{color:#595959;line-height:1.7;margin:0}.ubc-landing .ld-card .ld-card-icon{color:#27c49e}.ubc-landing .ld-card .ld-card-visual{background:#f3fbf8;border-radius:10px;padding:16px;min-height:76px;display:flex;align-items:center}.ubc-landing .ld-card .mini-tags{display:flex;flex-wrap:wrap;gap:6px}.ubc-landing .ld-card .mini-tags span{font-size:12px;color:#444;background:#fff;border-radius:2px;padding:2px 8px}.ubc-landing .ld-card .mini-copy{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border-radius:8px;padding:8px 10px}.ubc-landing .ld-card .mini-copy em{font-style:normal;font-size:12px;color:#fff;background:#27c49e;border-radius:6px;padding:4px 10px;white-space:nowrap}.ubc-landing .ld-card .mini-rank{display:flex;flex-wrap:wrap;gap:12px}.ubc-landing .ld-card .mini-rank span{display:flex;align-items:center;gap:6px;font-size:13px;color:#17755e}.ubc-landing .ld-card .mini-rank i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#27c49e;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}.ubc-landing .ld-score{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:40px;align-items:center;padding-bottom:72px}.ubc-landing .ld-score h2{font-size:28px;font-weight:400;margin:0 0 8px}.ubc-landing .ld-score p{color:#595959;line-height:1.7;margin:0}@media(max-width:860px){.ubc-landing .ld-score{grid-template-columns:1fr;gap:20px;padding-bottom:48px}}.ubc-landing .ld-score-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}@media(max-width:520px){.ubc-landing .ld-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ubc-landing .ld-score-grid .score-cell{border:1px solid #eef0ef;border-radius:10px;padding:12px 6px;text-align:center;display:grid;gap:2px}.ubc-landing .ld-score-grid .score-cell.top{background:#f3fbf8;border-color:#a8e7d8}.ubc-landing .ld-score-grid .score-rank{font-size:12px;color:#595959}.ubc-landing .ld-score-grid .score-pt{font-size:18px;color:#17755e;font-variant-numeric:tabular-nums}.ubc-landing .ld-lists{padding-bottom:72px}.ubc-landing .ld-lists h2{font-size:28px;font-weight:400;margin:0 0 4px}.ubc-landing .ld-lists .ld-lists-sub{color:#595959;margin:0 0 20px}.ubc-landing .ld-lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ubc-landing .ld-list{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;border:1px solid #eef0ef;border-radius:14px;padding:18px}.ubc-landing .ld-list:hover{border-color:#7ddbc4}.ubc-landing .ld-list:focus-visible{outline:2px solid #27C49E}.ubc-landing .ld-list .ld-list-title{font-size:17px;color:#2a2a2a;font-weight:400}.ubc-landing .ld-list .ld-list-meta{font-size:12px;color:#595959}.ubc-landing .ld-list .ld-list-label{font-size:12px;color:#595959;margin:10px 0 2px;letter-spacing:.04em;text-transform:uppercase}.ubc-landing .ld-list .ld-list-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 0}.ubc-landing .ld-list .ld-list-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ubc-landing .ld-list .ld-list-row i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#d3f3eb;color:#17755e;font-size:12px;display:flex;align-items:center;justify-content:center}.ubc-landing .ld-list .ld-list-row em{font-style:normal;font-size:12px;color:#17755e}.ubc-landing .ld-final{background:#f3fbf8;text-align:center;padding:64px 0}.ubc-landing .ld-final h2{font-size:32px;font-weight:400;margin:0 0 8px}.ubc-landing .ld-final p{color:#595959;margin:0 0 24px}.ubc-landing .ld-final .ant-btn-primary{height:48px;padding:0 32px;border-radius:8px}.ubc-landing .ld-foot{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-top:24px;padding-bottom:32px;font-size:13px}.ubc-landing .ld-foot a{color:#595959;cursor:pointer}.ubc-landing .ld-foot .ld-copy{margin-left:auto;color:#767676}