:root{--bone:#e9e7de;--raised:#f1efe6;--ink:#18191c;--ink-soft:#3a3d42;--muted:#6c706a;--accent:#c8412a;--accent-soft:rgba(200,65,42,.12);--line:rgba(24,25,28,.14);--line-strong:rgba(24,25,28,.32);--max:1180px;--gut:clamp(22px,5vw,64px);--serif:"Fraunces","Iowan Old Style","Songti SC",Georgia,serif;--sans:"Hanken Grotesk","PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace}*{box-sizing:border-box}html{color:var(--ink);background:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{margin:0;min-height:100%;background:radial-gradient(120% 80% at 85% -10%,rgba(200,65,42,.06),transparent 55%),var(--bone);overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl,dd{margin:0}p{text-wrap:pretty}ol{margin:0;padding:0;list-style:none}::selection{background:var(--accent);color:var(--bone)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.frame{position:fixed;inset:0;z-index:5;pointer-events:none}.crop{position:absolute;width:14px;height:14px;border-color:var(--line-strong);border-style:solid;border-width:0}.crop.tl{top:10px;left:10px;border-top-width:1px;border-left-width:1px}.crop.tr{top:10px;right:10px;border-top-width:1px;border-right-width:1px}.crop.bl{bottom:10px;left:10px;border-bottom-width:1px;border-left-width:1px}.crop.br{bottom:10px;right:10px;border-bottom-width:1px;border-right-width:1px}.ruler{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px var(--gut);border-bottom:1px solid var(--line);font:500 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ruler-mark{color:var(--accent);font-size:.6rem}.ruler-label{flex:1;text-align:center}.masthead{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(var(--max),calc(100% - var(--gut)*2));margin:0 auto;padding:20px 0;background:linear-gradient(var(--bone),rgba(233,231,222,.86));backdrop-filter:blur(6px)}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font:500 .72rem var(--mono)}.brand:hover .brand-mark{background:var(--ink);color:var(--bone)}.brand-name{font:500 1.1rem var(--serif)}.masthead-right{display:flex;align-items:center;gap:18px}.masthead nav{display:flex;flex-wrap:wrap;gap:2px}.masthead nav a{padding:8px 12px;font:500 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.masthead nav a:hover{color:var(--accent)}.lang-toggle{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);font:500 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.lang-toggle:hover{border-color:var(--accent)}.lang-opt{color:var(--muted)}.lang-opt.on{color:var(--accent)}main,footer{width:min(var(--max),calc(100% - var(--gut)*2));margin:0 auto}.eyebrow,.tag,.coord,.code,.status{font:500 .7rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase}.hero{display:grid;gap:26px;padding:clamp(70px,12vw,150px) 0 clamp(60px,9vw,110px);border-bottom:1px solid var(--line)}.eyebrow,.tag{color:var(--accent)}.display{font:300 clamp(3rem,8.2vw,6.6rem)/.98 var(--serif);letter-spacing:-.035em;font-variation-settings:"opsz" 120}.display em{font-style:italic;font-weight:400;color:var(--accent)}.lede{max-width:48ch;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.7;color:var(--ink-soft)}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line-strong);font:500 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;background:transparent}.btn:hover{color:var(--accent);border-color:var(--accent)}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bone)}.btn.primary:hover{background:var(--accent);border-color:var(--accent)}.hero-meta{display:flex;flex-wrap:wrap;gap:38px;margin-top:6px;padding-top:22px;border-top:1px solid var(--line)}.hero-meta div{display:grid;gap:4px}.hero-meta dt{font:500 .66rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero-meta dd{font-size:.95rem;font-weight:500}.release-note{display:grid;grid-template-columns:84px 1fr;gap:28px;margin-top:18px;padding:22px;border:1px solid var(--line);background:var(--raised)}.release-note .coord{color:var(--accent)}.release-note p{max-width:68ch;color:var(--ink-soft);line-height:1.7}.runtime-line{display:flex;align-items:center;justify-content:center;gap:32px;min-width:max-content;padding:24px 20px;border-bottom:1px solid var(--line);font:500 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;overflow:hidden}.runtime-line i{font-style:normal;color:var(--accent)}.section-head{display:grid;grid-template-columns:minmax(140px,.4fr) minmax(0,1.6fr);gap:clamp(28px,6vw,80px);align-items:end;padding:clamp(64px,8vw,110px) 0 clamp(36px,4vw,56px)}.code{color:var(--muted);align-self:start}.section-head h2,.video-copy h2{font:400 clamp(2.2rem,5vw,4rem)/1 var(--serif);letter-spacing:-.03em}.section-note{grid-column:2;margin-top:14px;max-width:52ch;color:var(--muted);font-size:.98rem;line-height:1.7}.register{border-top:1px solid var(--ink)}.entry{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:clamp(20px,4vw,56px);align-items:start;padding:clamp(30px,4vw,52px) 0 clamp(30px,4vw,52px) 22px;border-bottom:1px solid var(--line)}.entry:hover{background:var(--raised)}.coord,.status{color:var(--muted);padding-top:6px}.entry-body{display:grid;gap:14px;max-width:64ch}.entry-body h3{font:400 clamp(1.6rem,2.8vw,2.6rem)/1.05 var(--serif);letter-spacing:-.025em}.entry-body p{color:var(--ink-soft);font-size:1rem;line-height:1.7}.architecture{border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.arch-row{display:grid;grid-template-columns:84px 180px 1fr auto;gap:28px;align-items:center;padding:28px 22px;border-bottom:1px solid var(--line)}.arch-row:last-child{border-bottom:0}.arch-row strong{font:400 1.55rem var(--serif)}.arch-row p{color:var(--ink-soft)}.arch-row small{font:500 .66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.arch-row.accent{background:var(--accent);color:var(--bone)}.arch-row.accent .coord,.arch-row.accent p,.arch-row.accent small{color:var(--bone)}.arch-link{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;height:42px;color:var(--muted);font:500 .62rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.arch-link i{height:1px;background:var(--line)}.architecture-note{max-width:68ch;margin:28px auto 0;color:var(--muted);line-height:1.7;text-align:center}.two-col{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.two-col article{padding:36px}.two-col article+article{border-left:1px solid var(--line);background:var(--raised)}.two-col ul{list-style:none;margin:22px 0 0;padding:0}.two-col li{position:relative;padding:15px 0 15px 25px;border-top:1px solid var(--line);color:var(--ink-soft);line-height:1.6}.two-col li:before{content:"+";position:absolute;left:0;color:var(--accent)}.two-col article+article li:before{content:"—"}.video-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,6vw,80px);align-items:stretch;margin-top:clamp(80px,10vw,130px);padding:clamp(50px,7vw,85px);border:1px solid var(--line);background:var(--raised)}.video-copy{align-self:center}.video-copy .code{display:block;margin-bottom:24px}.video-copy p{max-width:46ch;margin-top:24px;color:var(--ink-soft);line-height:1.7}.pending{display:inline-flex;align-items:center;gap:9px;margin-top:25px;font:500 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.pending i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.video-placeholder{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:repeating-linear-gradient(135deg,transparent 0,transparent 12px,rgba(24,25,28,.035) 12px,rgba(24,25,28,.035) 13px)}.video-placeholder>span{width:70px;height:70px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;padding-left:4px}.video-placeholder p{margin-top:20px;font:500 .68rem var(--mono);letter-spacing:.14em}.video-placeholder small{margin-top:5px;color:var(--muted);font:500 .6rem var(--mono);letter-spacing:.16em}.install{padding-bottom:clamp(70px,9vw,120px)}.install-code{display:flex;align-items:center;gap:24px;padding:24px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);background:var(--raised)}.install-code code{font:500 .75rem/1.7 var(--mono);overflow-wrap:anywhere}.copy{margin-left:auto;padding:8px 12px;border:1px solid var(--line-strong);background:transparent;font:500 .68rem var(--mono);text-transform:uppercase;cursor:pointer}.install .actions{margin-top:22px}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:26px 0 70px;border-top:1px solid var(--line);font:500 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}footer a:hover{color:var(--accent)}@media(prefers-reduced-motion:no-preference){[data-rise].rise{opacity:0;transform:translateY(16px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i)*100ms + 80ms)}@keyframes rise{to{opacity:1;transform:none}}}@media(max-width:860px){.ruler-coord{display:none}.section-head{grid-template-columns:1fr;gap:14px}.section-note{grid-column:1}.entry,.arch-row{grid-template-columns:1fr;gap:14px}.status{padding:0}.two-col{grid-template-columns:1fr}.two-col article+article{border-left:0;border-top:1px solid var(--line)}.video-section{grid-template-columns:1fr;padding:35px}.runtime-line{justify-content:flex-start}.masthead nav{display:none}}@media(max-width:560px){.masthead{padding:14px 0}.masthead-right{gap:8px}.display{font-size:clamp(3rem,15vw,4.6rem)}.release-note{grid-template-columns:1fr;gap:8px}.hero-meta{gap:24px}.video-section{margin-inline:0;padding:24px}.video-placeholder{min-height:240px}.install-code{align-items:flex-start;flex-direction:column}.copy{margin-left:0}.runtime-line{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
