:root{--bg:#f6f8fb;--surface:#fff;--ink:#151f2b;--muted:#51606f;--line:#dbe2ea;--accent:#d6177a;--accent-ink:#fff;--cyan:#12c9de;--navy:#151f2b;--shadow:0 10px 30px rgba(21,31,43,.12)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e151d;--surface:#16202b;--ink:#eaf0f6;--muted:#9fb0c1;--line:#26343f;--shadow:0 10px 30px rgba(0,0,0,.45)}}
:root[data-theme=dark]{--bg:#0e151d;--surface:#16202b;--ink:#eaf0f6;--muted:#9fb0c1;--line:#26343f;--shadow:0 10px 30px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent)}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
header.top{position:sticky;top:0;z-index:10;background:var(--navy);color:#fff}
header.top .wrap{display:flex;align-items:center;gap:20px;height:60px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;color:#fff;text-decoration:none}
.brand img{width:34px;height:34px;border-radius:8px}
nav{display:flex;gap:18px;margin-left:auto;align-items:center}
nav a{color:#cfd9e3;text-decoration:none;font-size:.95rem}nav a:hover{color:#fff}
.lang{border:1px solid #3a4a5a;border-radius:6px;padding:2px 9px}
.hero{background:linear-gradient(160deg,#151f2b 0%,#16355a 100%);color:#fff;padding:72px 0 0;overflow:hidden}
.hero .wrap{display:grid;gap:36px;grid-template-columns:1fr}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.12;margin:0 0 16px}
.hero h1 span{color:var(--cyan)}
.hero p.lead{font-size:1.15rem;color:#cfd9e3;max-width:56ch;margin:0 0 28px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none}
.btn.ghost{background:transparent;border:1px solid #4a6a8a;color:#fff}
.btn:hover{filter:brightness(1.1)}
.btn.ghost{border-color:#617b92}
.changelog-hero{background:linear-gradient(145deg,#151f2b 0%,#1b4654 100%);color:#fff;padding:64px 0}
.changelog-hero .wrap{max-width:920px}
.changelog-hero .eyebrow{color:#63d6df;font-size:.9rem;font-weight:700;margin:0 0 12px}
.changelog-hero h1{font-size:clamp(2rem,5vw,3rem);line-height:1.12;margin:0 0 14px}
.changelog-hero p:not(.eyebrow){color:#d5e0e5;max-width:68ch;margin:0 0 24px}
.release-section h2{margin-bottom:28px}
.release-list{list-style:none;padding:0;margin:0}
.release{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:28px 0;border-top:1px solid var(--line)}
.release-meta h3{font-size:1.35rem;margin:0 0 4px}
.release-meta time{color:var(--muted);font-size:.92rem}
.release-current{display:block;width:max-content;max-width:100%;margin-top:12px;padding:3px 8px;border-left:3px solid #159aa6;background:color-mix(in srgb,var(--surface) 82%,#12c9de);color:var(--ink);font-size:.78rem;font-weight:700}
.release-body{border-left:3px solid var(--line);padding-left:22px}
.release:first-child .release-body{border-color:#159aa6}
.release-body h4{font-size:1.13rem;margin:0 0 10px}
.release-body ul{padding-left:1.1em;margin:0 0 12px;color:var(--muted)}
.release-body li{padding:2px 0}
.release-body>a{font-size:.92rem;font-weight:600;text-decoration:none}
.release-body>a:hover{text-decoration:underline}
.issue-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:36px;padding:22px 0;border-top:1px solid var(--line)}
.issue-note h3{margin:0 0 4px;font-size:1.15rem}
.issue-note p{margin:0;color:var(--muted)}
.issue-note .btn{flex:none}
.shot{border-radius:12px 12px 0 0;box-shadow:0 -4px 40px rgba(0,0,0,.4);border:1px solid #2c4a6a;border-bottom:0;margin-top:36px}
section{padding:72px 0}
section h2{font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 8px}
section .sub{color:var(--muted);margin:0 0 36px;max-width:62ch}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}
.card h3{margin:0 0 6px;font-size:1.08rem}.card p{margin:0;color:var(--muted);font-size:.97rem}
.ico{font-size:1.6rem;margin-bottom:8px}
.split{display:grid;gap:32px;align-items:center;grid-template-columns:1fr}
.split img{border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow)}
.split.rev>:first-child{order:0}
@media(min-width:860px){.split{grid-template-columns:1fr 1fr}.split.rev>:first-child{order:2}}
.split h2{font-size:1.7rem}
.split ul{padding-left:1.1em;color:var(--muted)}.split li{margin:4px 0}
.alt{background:var(--surface);border-block:1px solid var(--line)}
.steps{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 8px}
.steps li{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 16px;font-weight:600}
.steps li::before{content:"✓ ";color:#1fa971}
pre{background:var(--navy);color:#e6eef6;border-radius:10px;padding:16px;overflow:auto;font-size:.92rem}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.dl{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.demo-section{padding:34px 0;background:var(--surface);border-block:1px solid var(--line)}
.demo-band{display:flex;align-items:center;justify-content:space-between;gap:28px}
.demo-band h2{font-size:1.55rem;margin:0 0 6px}
.demo-band p{margin:0;color:var(--muted);max-width:68ch}
.demo-access{display:flex;align-items:center;gap:24px;flex:none}
.demo-access dl{display:flex;gap:18px;margin:0}
.demo-access dt{font-size:.8rem;color:var(--muted)}
.demo-access dd{margin:0;font-weight:700}
.demo-access code{color:var(--ink)}
footer{background:var(--navy);color:#9fb0c1;padding:36px 0;font-size:.93rem}
footer a{color:#cfd9e3}footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
@media(max-width:640px){nav a:not(.lang):not(.changelog-link):not(.nav-mobile):not(.demo-link){display:none}.hero{padding-top:44px}.changelog-hero{padding:44px 0}section{padding:52px 0}.release{grid-template-columns:1fr;gap:12px}.release-body{padding-left:16px}.issue-note{align-items:flex-start;flex-direction:column}.demo-band,.demo-access{align-items:flex-start;flex-direction:column}.demo-access{gap:14px}}
.hero .wrap>*,.split>*,.grid>*,.dl>*{min-width:0}
pre{max-width:100%}
.corner{position:absolute;top:0;right:0;z-index:20;width:84px;height:84px;background:var(--cyan);clip-path:polygon(0 0,100% 0,100% 100%);color:var(--navy);text-decoration:none;transition:filter .15s}
.corner:hover,.corner:focus-visible{filter:brightness(1.12)}
.corner svg{position:absolute;top:12px;right:12px;width:30px;height:30px;fill:currentColor}
header.top .wrap{padding-right:96px}
@media(max-width:640px){.corner{width:64px;height:64px}.corner svg{top:8px;right:8px;width:24px;height:24px}header.top .wrap{padding-right:72px}}