:root{color-scheme:dark;--bg:#09090c;--surface:#101014;--panel:#141419;--border:#25252c;--muted:#9797a4;--text:#f2f2f5;--red:#ff343b;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}button:hover,a:hover{color:var(--red)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--red);color:white;z-index:10}.skip:focus{top:12px}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border);background:#0c0c10;padding:32px 22px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:12px;font:700 19px/1.3 var(--mono);letter-spacing:1px}.brand img{object-fit:contain}.brand-sub{display:block;font-size:9px;letter-spacing:1.2px;color:var(--muted);margin-top:5px}.nav-caption{font:10px/1.4 var(--mono);letter-spacing:1.6px;color:#737380;margin:47px 10px 17px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 10px;border:1px solid transparent;border-radius:5px;color:#b1b1bd;display:flex;align-items:center;gap:12px}.sidebar nav a.active{background:#ff343b0c;border-color:#ff343b36;color:#ff5b60}.nav-icon{white-space:nowrap;font:18px/1 var(--mono);width:22px;text-align:center}.nav-number{margin-left:auto;font:10px var(--mono);color:#63636f}.sidebar-source{margin-top:16px}.sidebar-source .nav-caption{display:block;margin-top:29px}.sidebar-source>a{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:16px 10px}.sidebar-bottom{margin-top:auto;padding-top:35px;font:9px var(--mono);letter-spacing:1px;color:#ceced5}.tiny{display:block;color:#747480;font-size:10px;letter-spacing:0;margin-top:9px}.signal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 9px #ff343b70;vertical-align:middle;margin-right:8px}.workspace{margin-left:236px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--border);font:12px var(--mono);color:#d4d4df;gap:20px}.topbar a{font-size:11px;color:var(--muted)}.top-path{color:#747482}.tag{display:inline-block;font:9px/1 var(--mono);letter-spacing:1px;border:1px solid #35353f;padding:6px 8px;border-radius:3px;color:#9c9cab;margin-left:10px}.red-tag{color:#ff646a;border-color:#ff343b55;background:#ff343b0b}main{padding:0 48px 52px;max-width:1540px;margin:auto}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;min-height:530px;padding:52px 0 30px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.9px;color:#b5b5c1}.hero h1,.page-heading h1{font-size:clamp(40px,4.6vw,68px);line-height:1.08;letter-spacing:-3px;font-weight:700;margin:23px 0}.hero h1 span,.page-heading h1 span{color:var(--red)}.lead{max-width:475px;color:#a5a5b3;font-size:15px;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.button{display:inline-flex;justify-content:center;align-items:center;gap:23px;min-height:43px;padding:11px 18px;font:11px/1.5 var(--mono);border:1px solid var(--border);border-radius:4px;transition:background .18s,box-shadow .18s}.button.primary{background:#ee2931;border-color:#ff4a51;color:#fff}.button.primary:hover{background:#ff3d44;box-shadow:0 0 22px #ff343b20}.button.ghost{background:#111116;color:#c0c0ce}.button.ghost:hover{border-color:#ff343b70;color:#fff}.hero-notes{display:flex;gap:21px;flex-wrap:wrap;font:8px var(--mono);letter-spacing:1.2px;color:#757581;margin-top:27px}.hero-notes span:before{content:'+';color:#ff343b;margin-right:6px}.hero-art{position:relative;min-height:425px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse,#ff202915,transparent 66%)}.hero-art:before{content:'';position:absolute;inset:20px;background-image:linear-gradient(#ff343b09 1px,transparent 1px),linear-gradient(90deg,#ff343b09 1px,transparent 1px);background-size:35px 35px;z-index:-1;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.hero-art img{width:min(83%,350px);height:auto;position:relative;filter:drop-shadow(0 0 25px #ff101018)}.orbit{position:absolute;width:370px;height:370px;max-width:96%;aspect-ratio:1;border:1px solid #ff343b24;border-radius:50%;z-index:-1}.orbit-one:before{content:'';position:absolute;inset:-8px;border:1px dashed #ff343b20;border-radius:50%}.orbit-two{width:410px;height:410px;border-color:#ff343b0a}.art-coordinate{position:absolute;left:0;right:0;text-align:center;font:8px var(--mono);letter-spacing:2px;color:#824b51}.coordinate-top{top:0}.coordinate-bottom{bottom:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:linear-gradient(130deg,#131318,#101014);border-radius:6px}.metrics>div{padding:24px 25px;border-right:1px solid var(--border)}.metrics>div:last-child{border-right:0}.metric-label{font:9px var(--mono);letter-spacing:1.3px;color:#9999a9}.metrics strong{display:block;font:600 31px/1.5 var(--sans);letter-spacing:-1px;margin:5px 0}.metrics strong span{font-size:22px;color:#858590;margin-left:2px}.metrics>div>span:last-child{font-size:11px;color:#7f7f90}.measurement-note{font:10px/1.8 var(--mono);color:#7d7d8c;margin-top:14px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:49px 0 22px}.section-heading h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:9px 0 0}.section-code{font:9px var(--mono);color:#666674;margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:26px;display:flex;flex-direction:column}.feature-icon{font:21px var(--mono);color:#ff4d56;display:block;margin-bottom:22px}.feature h3{font-size:15px;font-weight:600;margin:0 0 9px}.feature p{font-size:12px;color:var(--muted);line-height:1.85;margin:0 0 23px}.feature a{font:10px var(--mono);color:#ccccd7;margin-top:auto}.feature a span{float:right;color:var(--red)}.source-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #ff343b32;border-left:3px solid var(--red);border-radius:4px;background:linear-gradient(90deg,#ff343b07,#101014);padding:26px 29px;margin-top:27px}.source-banner h3{margin:8px 0 6px;font-size:18px;letter-spacing:-.3px}.source-banner p{font-size:12px;max-width:510px;color:#92929f;margin:0}.source-banner .button{white-space:nowrap}.page-heading{padding:62px 0 35px;max-width:760px}.page-heading h1{font-size:clamp(36px,4vw,55px);letter-spacing:-2px}.page-heading p{color:#a5a5b3;font-size:15px;max-width:660px}.release-strip{padding:15px 19px;border:1px solid var(--border);border-radius:4px;background:#111116;display:flex;align-items:center;gap:4px;font:10px/1.6 var(--mono);color:#c6c6d0;margin-bottom:23px}.release-strip a{margin-left:auto;color:#9595a4}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.download-card{padding:29px;border:1px solid var(--border);background:var(--surface);border-radius:6px}.download-card.recommended{border-color:#ff343b4d;background:linear-gradient(140deg,#ff343b06,#111115 60%)}.file-heading{display:flex;align-items:center;justify-content:space-between}.file-icon{display:grid;place-items:center;border:1px solid #393942;border-radius:4px;width:39px;height:45px;color:#ff666e;font:13px var(--mono);background:#ff343b09}.download-card h2{font-size:22px;letter-spacing:-.5px;margin:20px 0 7px}.download-card p{color:var(--muted);font-size:12px;min-height:40px}.download-size{font:600 43px var(--sans);letter-spacing:-1.5px;display:block;margin:26px 0 5px}.download-size small{font-size:16px;color:#828290;font-weight:400;letter-spacing:0}.file-name{font:10px/1.6 var(--mono);color:#848491;overflow-wrap:anywhere;margin:9px 0 24px}.download-card>.button{width:100%;justify-content:space-between}.checksum{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.checksum>span{font:9px var(--mono);color:#9595a3;display:flex;justify-content:space-between;align-items:center;letter-spacing:1px}.checksum code{display:block;font:9px/1.8 var(--mono);color:#80808f;overflow-wrap:anywhere;user-select:all;margin-top:10px}.copy-text,.terminal button{border:1px solid #383842;border-radius:3px;background:#19191f;color:#a0a0ae;padding:4px 8px;font:9px var(--mono);letter-spacing:.7px}.compression-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:25px;background:#111116;border:1px solid var(--border);border-radius:5px;padding:27px;margin-top:20px}.compression-panel strong{display:block;font-size:25px;letter-spacing:-.8px;margin:7px 0;color:#ff686f}.compression-panel p{font:10px var(--mono);color:#8e8e9c}.size-bars{display:flex;flex-direction:column;justify-content:center;gap:15px}.size-bars>div{display:grid;grid-template-columns:40px 1fr 75px;align-items:center;gap:12px;font:9px var(--mono);color:#a0a0ae}.bar-track{height:8px;background:#222229;border-radius:2px}.bar{height:100%;border-radius:2px}.bar.raw{width:100%;background:#565661}.bar.compressed{width:39.26%;background:var(--red)}.terminal{border:1px solid var(--border);border-radius:5px;background:#0d0d12;overflow:hidden;margin-top:19px}.terminal-title{height:43px;display:flex;align-items:center;gap:15px;background:#15151a;border-bottom:1px solid var(--border);padding:0 19px;font:9px var(--mono);color:#8d8d9d}.terminal-dots{font-size:8px;color:#555560;letter-spacing:3px}.terminal-title button{margin-left:auto}.terminal pre{margin:0;padding:23px;overflow:auto;color:#d1b9bd;font:11px/1.85 var(--mono);tab-size:2}.terminal code{font:inherit}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.detail-grid article{border:1px solid var(--border);border-radius:5px;background:#101014;padding:26px}.detail-grid h3{font-size:15px;margin:0 0 12px}.detail-grid p{color:#9a9aa9;font-size:12px;line-height:1.9;margin:10px 0}.detail-grid p code,.pipeline-flow p code{font:11px/1.8 var(--mono);color:#cc9ca3}dl{font:10px/1.8 var(--mono)}dt{color:#78788a;margin-top:13px}dd{margin:2px 0;color:#bebecb;overflow-wrap:anywhere}.inline-link{font:10px var(--mono);color:#ff686f}.pipeline-flow{display:grid;gap:15px}.pipeline-flow article{display:grid;grid-template-columns:48px 1fr auto;gap:20px;padding:29px;border:1px solid var(--border);border-radius:5px;background:#111116;align-items:start}.step-number{font:22px var(--mono);color:#ff535e}.pipeline-flow h2{font-size:19px;line-height:1.4;margin:0 0 10px;letter-spacing:-.3px}.pipeline-flow p{font-size:12px;color:#9393a4;max-width:780px;margin:0}.step-tag{font:9px var(--mono);letter-spacing:1px;border:1px solid #383840;padding:5px 7px;color:#808090}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:5px;margin-top:25px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}caption{text-align:left;background:#15151a;padding:15px 20px;font:11px var(--mono);color:#a0a0b0}th{font:10px var(--mono);color:#92929f;letter-spacing:.7px;background:#101014}td,th{padding:14px 21px;border-top:1px solid var(--border)}td{color:#9999a8}td code{font:11px var(--mono);color:#d5a3a8}footer{border-top:1px solid var(--border);padding:26px 48px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;color:#727282;font:9px/1.8 var(--mono)}footer>div{display:flex;align-items:center;gap:22px}.footer-brand{color:#bebeca;letter-spacing:1px}.footer-brand span{color:var(--red)}footer p{margin:0;flex-basis:100%;font-size:8px;color:#686879}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#24242e;border:1px solid #ff343b60;border-radius:5px;box-shadow:0 10px 30px #0008;padding:12px 20px;font:11px var(--mono);opacity:0;pointer-events:none;z-index:9}#toast.visible{opacity:1}.view{animation:appear .2s ease-out}@keyframes appear{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:590px}.hero-art img{width:380px}.hero-art{min-height:460px}.hero h1{font-size:76px}.orbit{width:410px;height:410px}.orbit-two{width:455px;height:455px}}
@media(max-width:1150px){.sidebar{width:210px;padding:28px 17px}.workspace{margin-left:210px}main{padding-left:30px;padding-right:30px}.topbar{padding:0 30px}.hero h1{font-size:48px}.hero{gap:0;min-height:500px}.hero-art{min-height:340px}.orbit{width:300px;height:300px}.orbit-two{width:335px;height:335px}.hero-art img{width:86%}.feature{padding:21px}.metrics>div{padding:20px}.metrics strong{font-size:26px}.source-banner{padding:23px}.source-banner .button{gap:12px}footer{padding:26px 30px}}
@media(max-width:900px){.sidebar{width:180px;padding:26px 12px}.workspace{margin-left:180px}.brand{font-size:16px;gap:8px}.brand img{width:35px;height:35px}.brand-sub{font-size:8px}.sidebar nav a{font-size:12px;gap:8px}.nav-number{display:none}.hero{grid-template-columns:1fr .85fr;min-height:450px}.hero h1{font-size:39px;letter-spacing:-2px}.lead{font-size:13px}.hero-art{min-height:295px}.orbit{width:240px;height:240px}.orbit-two{width:270px;height:270px}.hero-actions{gap:9px}.hero-actions .button{padding:10px 12px;gap:10px;font-size:10px}.hero-notes{gap:10px;font-size:7px}.feature-grid{grid-template-columns:1fr}.feature{display:block}.feature-icon{margin-bottom:12px}.feature p{margin-bottom:14px}.feature a span{float:none;margin-left:10px}.source-banner{flex-direction:column;align-items:start}.metrics{grid-template-columns:1fr 1fr}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.download-card{padding:22px}.download-card h2{font-size:19px}.file-heading .tag{font-size:7px;padding:5px}.download-grid,.detail-grid,.compression-panel{grid-template-columns:1fr}.section-code{display:none}.topbar{font-size:10px}.topbar a{font-size:9px}.topbar .tag{display:none}.art-coordinate{font-size:6px;letter-spacing:1px}}
@media(max-width:650px){.sidebar{position:relative;width:100%;padding:17px 20px 12px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:18px}.brand img{width:39px;height:39px}.brand-sub{font-size:8px}.nav-caption,.sidebar-source,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:4px;overflow:auto;margin-top:19px}.sidebar nav a{flex:1;justify-content:center;gap:6px;padding:10px 7px;white-space:nowrap;font-size:10px}.nav-icon{font-size:13px;width:14px}.workspace{margin-left:0}.topbar{height:53px;padding:0 22px;font-size:9px}main{padding:0 22px 35px}.hero{grid-template-columns:1fr;padding-top:35px;gap:28px;min-height:0}.hero h1{font-size:46px;letter-spacing:-2px}.lead{font-size:14px;max-width:450px}.eyebrow{font-size:9px}.hero-actions .button{font-size:10px;padding:11px 15px;gap:17px}.hero-notes{font-size:8px;gap:19px}.hero-art{min-height:340px;margin:5px 0 25px}.hero-art img{width:260px}.orbit{width:290px;height:290px}.orbit-two{width:325px;height:325px}.art-coordinate{font-size:7px;letter-spacing:1.5px}.metrics>div{padding:19px}.metrics strong{font-size:28px}.metric-label{font-size:8px}.measurement-note{font-size:9px}.section-heading{margin-top:36px}.section-heading h2{font-size:24px}.feature{padding:23px}.source-banner{padding:22px;margin-top:22px}.page-heading{padding:37px 0 25px}.page-heading h1{font-size:38px}.page-heading p{font-size:13px}.release-strip{font-size:9px;padding:13px;flex-wrap:wrap}.release-strip a{margin-left:15px}.download-card{padding:25px}.file-heading .tag{font-size:8px}.download-card h2{font-size:23px}.download-card p{min-height:0}.download-size{margin-top:20px}.compression-panel{padding:22px;gap:15px}.size-bars>div{gap:9px;font-size:8px;grid-template-columns:35px 1fr 65px}.terminal pre{font-size:10px;padding:19px}.terminal-title{font-size:8px;padding:0 14px;gap:9px}.terminal-dots{display:none}.pipeline-flow article{grid-template-columns:30px 1fr;gap:15px;padding:22px}.step-number{font-size:20px}.step-tag{display:none}.pipeline-flow h2{font-size:17px}.detail-grid article{padding:23px}.table-wrap td,.table-wrap th{padding:13px 15px}footer{padding:24px 22px;gap:13px}footer>div{flex-wrap:wrap;gap:15px}footer p{font-size:8px}#toast{width:calc(100% - 40px);text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view{animation:none}*{transition:none!important}}
