:root{--bg-primary:#f4f9fc;--bg-secondary:#eaf3f8;--surface:#fff;--ink-primary:#0e1b2a;--ink-secondary:#4a6478;--ink-muted:#6f8799;--line:#0e1b2a24;--accent-cyan:#4fb3d9;--accent-cyan-soft:#8fd3e8;--glow-cyan:#4fb3d92e;--shadow-rest:0 6px 18px #0e1b2a14;--shadow-hover:0 12px 28px #0e1b2a24}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink-primary);background:radial-gradient(900px 520px at 14% 6%,#4fb3d924,transparent 62%),radial-gradient(920px 600px at 86% 18%,#8fd3e824,transparent 64%),linear-gradient(180deg,var(--bg-primary),var(--bg-secondary));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 22px}main{padding:56px 0 88px}.siteHeader{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f4f9fce0;position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brandMark{width:28px;height:28px}.brandText{flex-direction:column;line-height:1.1;display:flex}.brandName{letter-spacing:.2px;font-weight:700}.brandTag{color:var(--ink-muted);font-size:12px}.nav{color:var(--ink-secondary);gap:16px;font-size:14px;display:flex}.nav a{border-radius:10px;padding:8px 10px}.nav a:hover{background:#4fb3d91a;text-decoration:none}.hero{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-rest);border-radius:22px;margin-top:18px;padding:30px 28px}.badge{border:1px solid var(--line);color:var(--ink-secondary);border-radius:999px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:inline-flex}.badgeMark{width:18px;height:18px}.h1{letter-spacing:-.6px;margin:0 0 14px;font-size:44px;line-height:1.12}.sub{max-width:860px;color:var(--ink-secondary);margin-bottom:20px;font-size:18px}.note{color:var(--ink-muted);font-size:14px}.section{margin-top:42px}.h2{letter-spacing:.2px;margin-bottom:14px;font-size:18px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-rest);border-radius:18px;padding:18px;transition:transform .16s,box-shadow .16s,border-color .16s}.card:hover,.card:focus-within{border-color:var(--accent-cyan);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card:active{box-shadow:var(--shadow-hover),0 0 0 6px var(--glow-cyan)}.h3{margin:0 0 6px;font-size:15px}.p{color:var(--ink-secondary);margin:0 0 8px}.siteFooter{border-top:1px solid var(--line);background:#eaf3f8d9}.footerInner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;display:flex}.footerLeft{align-items:center;gap:10px;display:flex}.footerMark{width:22px;height:22px}.footerText{color:var(--ink-muted);font-size:12px}.footerText strong{color:var(--ink-primary)}@media (max-width:960px){.h1{font-size:36px}.grid{grid-template-columns:1fr}.nav{gap:8px}}