:root { color-scheme:light; --ink:#172033; --muted:#5d6678; --line:#e6eaf1; --blue:#1677ff; --purple:#6547e8; --soft:#f5f7fb; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","PingFang TC",sans-serif; color:var(--ink); background:#fff; }
a { color:#075fd1; text-underline-offset:3px; }
header, main, footer { width:min(920px,calc(100% - 40px)); margin:auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 0; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:14px; font-weight:750; letter-spacing:-.02em; }
.mark { width:44px; height:44px; border-radius:12px; background:linear-gradient(145deg,var(--purple),var(--blue)); box-shadow:0 7px 22px #2568dd33; position:relative; }
.mark:before,.mark:after { content:""; position:absolute; background:#fff; border-radius:3px; }
.mark:before { width:11px; height:11px; left:10px; top:10px; box-shadow:13px 0 #b7d9ff,0 13px #b7d9ff,13px 13px #fff; }
.mark:after { width:8px; height:7px; left:12px; bottom:5px; transform:skew(-25deg); }
nav { display:flex; gap:14px; flex-wrap:wrap; justify-content:flex-end; }
main { padding:70px 0 64px; }
h1 { font-size:clamp(34px,6vw,58px); line-height:1.12; letter-spacing:-.04em; margin:0 0 20px; }
h2 { font-size:25px; line-height:1.3; margin:0 0 14px; }
h3 { font-size:18px; margin:0 0 8px; }
p { margin:0 0 14px; }
.lead { max-width:760px; font-size:20px; color:var(--muted); margin-bottom:36px; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:64px; }
.button { display:inline-block; padding:11px 17px; border-radius:11px; font-weight:700; text-decoration:none; background:var(--blue); color:#fff; }
.button.secondary { background:var(--soft); color:var(--ink); border:1px solid var(--line); }
section { padding:34px 0; border-top:1px solid var(--line); }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.card,.summary { border:1px solid var(--line); background:var(--soft); border-radius:16px; padding:22px; }
.summary { font-size:19px; margin-bottom:34px; }
ol { margin:0; padding-left:23px; }
li+li { margin-top:8px; }
.note { border-left:4px solid var(--blue); padding:16px 18px; background:#eef6ff; border-radius:0 12px 12px 0; }
.date { color:var(--muted); margin-bottom:28px; }
footer { padding:26px 0 42px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; }
@media(max-width:680px){header{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}main{padding-top:48px}.grid{grid-template-columns:1fr}}