:root{color:#0b1930;font-synthesis:none;background:#f4f7fb;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}.portal-shell{max-width:1180px;min-height:100vh;margin:0 auto;padding:0 32px}.portal-nav{border-bottom:1px solid #dfe6ef;align-items:center;gap:12px;height:76px;font-weight:750;display:flex}.brand-mark{color:#fff;background:#12427c;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 18px #12427c33}.nav-note{color:#7c899b;margin-left:auto;font-size:13px;font-weight:500}.hero{max-width:720px;padding:86px 0 60px}.eyebrow{color:#2f67a9;letter-spacing:2.4px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-3px;margin:16px 0 20px;font-size:clamp(42px,7vw,76px);line-height:1.08}.hero h1 span{color:#6d7e93}.hero-copy{color:#637287;font-size:17px;line-height:1.8}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding-bottom:80px;display:grid}.demo-card{background:#fff;border:1px solid #dfe6ef;border-radius:24px;flex-direction:column;min-height:390px;padding:28px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 14px 50px #0e264712}.demo-card:hover{transform:translateY(-4px);box-shadow:0 22px 60px #0e26471f}.card-top{justify-content:space-between;align-items:center;display:flex}.card-index{color:#98a6b8;letter-spacing:1px;font-size:12px;font-weight:800}.status{color:#9a6815;background:#fff5dc;border-radius:999px;padding:5px 9px;font-size:11px}.status.ready{color:#247154;background:#e8f7f0}.card-icon{color:#fff;background:linear-gradient(145deg,#174c89,#082e5e);border-radius:17px;place-items:center;width:58px;height:58px;margin-top:34px;font-size:22px;font-weight:700;display:grid}.demo-card h2{margin:22px 0 10px;font-size:24px}.demo-card p{color:#6a788b;margin:0;font-size:14px;line-height:1.7}.tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.tags span{color:#66768a;border:1px solid #e1e8f0;border-radius:7px;padding:5px 8px;font-size:11px}.card-link{color:#174c89;margin-top:auto;padding-top:28px;font-size:13px;font-weight:750}.card-link span{float:right;font-size:20px}footer{color:#93a0b1;border-top:1px solid #dfe6ef;padding:28px 0 40px;font-size:12px}@media (width<=600px){.portal-shell{padding:0 20px}.nav-note{display:none}.hero{padding:60px 0 42px}.hero h1{letter-spacing:-2px}}