@layer spartan{*{margin:0;padding:0;box-sizing:border-box;font-family:Inter Variable,Inter,Space Grotesk,system-ui,sans-serif}:root{--line:#1a1a1a;--muted:#9c9c9c;--green:#2E9E5B;--lime:#6CFF80}html,body{background:#000;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:clip;scroll-behavior:auto}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}@media(min-width:1920px){.wrap{max-width:1640px}}@media(max-width:640px){.wrap{padding-left:22px;padding-right:22px}}.nav-dd{position:relative;display:flex;align-items:center}.nav-dd>a{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.nav-dd>a:after{content:"";width:5px;height:5px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;transition:transform .2s}.nav-dd:hover>a:after{transform:rotate(225deg) translateY(-2px)}.nav-dd:after{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:22px}.nav-panel{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%) translateY(8px);width:540px;background:#0a0a0c;border:1px solid #1a1a1a;border-radius:14px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 24px 60px #0009;z-index:60}.nav-dd:hover .nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-pcard{display:flex;flex-direction:column;gap:7px;padding:15px;border-radius:10px;background:transparent;border:1px solid #1a1a1a;transition:border-color .2s}.nav-pcard:hover{border-color:#2ea45f}.nav-pcard .pt{display:flex;align-items:center;gap:8px;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-size:14.5px;color:#f2f2f2}.nav-pcard .pt .i{width:20px;height:20px;border-radius:6px;display:inline-block;flex:none}.nav-pcard .pt .product-logo{display:block;width:auto;height:22px;max-width:142px}.nav-pcard .pd{font-family:Inter Variable,Inter,sans-serif;font-size:11.5px;color:#9c9c9c;line-height:1.5}.bd{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:80px;justify-content:center;padding:44px 0 90px}@media(max-width:980px){.bd{grid-template-columns:1fr;gap:40px}}.art .crumb{font-family:Space Grotesk,monospace;font-size:12px;letter-spacing:.04em;color:#9c9c9c;margin-bottom:22px}.art .crumb b{color:var(--green);font-weight:500;text-transform:uppercase}.art h1{font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:38px;line-height:1.12;letter-spacing:-.01em;margin-bottom:20px}@media(min-width:1920px){.art h1{font-size:44px}}.art .sub{font-size:16px;line-height:1.6;color:#c4c4ca;max-width:640px;margin-bottom:28px}.art .by{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:26px}.art .by .who{display:flex;align-items:center;gap:10px;font-size:14px;color:#e6e6e6}.art .by .av{display:flex}.art .by .av span{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#2a2f3a,#12141a);border:2px solid #000}.art .by .av span+span{margin-left:-8px}.art .by .date{font-family:Space Grotesk,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#9c9c9c}.art-hero{aspect-ratio:16/8.4;border-radius:12px;background:#111;margin-bottom:30px;position:relative;overflow:hidden}.art-hero img{width:100%;height:100%;object-fit:cover;display:block}.note{border:1px solid var(--line);border-radius:12px;background:#050506;padding:20px 22px;margin-bottom:30px}.note .h{display:flex;align-items:center;gap:8px;font-family:Space Grotesk,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:12px}.note p{font-size:13.5px;line-height:1.65;color:#b6b6bc}.note a{color:#fff;text-decoration:underline;text-underline-offset:2px}.body p{font-size:15.5px;line-height:1.78;color:#c4c4ca;margin-bottom:20px}.body h2{font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:22px;color:#fff;margin:40px 0 14px;scroll-margin-top:90px}.body ul{margin:0 0 20px 4px;list-style:none;display:flex;flex-direction:column;gap:10px}.body ul li{display:flex;gap:12px;font-size:15px;line-height:1.6;color:#b6b6bc}.body ul li .mk{width:7px;height:7px;margin-top:8px;background:linear-gradient(135deg,var(--green),var(--lime));flex:none}.body b{color:#fff}.fig{margin:26px 0 30px;border:1px solid var(--line);background:#050506;border-radius:12px;padding:22px}.fig img{display:block;width:100%;height:auto;border-radius:7px}.fig .cap{font-size:12px;color:#9c9c9c;margin-top:14px;text-align:center}.code{background:#0a0a0c;border:1px solid #1c1c20;border-radius:10px;padding:16px 18px;font-family:Space Grotesk,ui-monospace,monospace;font-size:12.5px;color:#c9c9cf;overflow-x:auto;margin:20px 0}.code .c{color:#5a5a60}.code .k{color:#b388eb}.code .s{color:#6cff80}.side{position:sticky;top:96px;align-self:start}@media(max-width:980px){.side{position:static}}.side .toc-h{display:flex;align-items:center;gap:9px;font-size:14px;color:#e6e6e6;margin-bottom:16px}.side .toc-h svg{width:15px;height:15px;stroke:#9c9c9c;fill:none}.side .toc{display:flex;flex-direction:column;gap:14px;padding-bottom:8px}.side .toc a{font-size:13px;line-height:1.4;color:#9c9c9c;transition:color .2s}.side .toc a:hover,.side .toc a.on{color:#fff}.side .share{display:flex;align-items:center;gap:14px;padding:22px 0;border-top:1px solid var(--line);margin-top:22px}.side .share .lb{font-size:13px;color:#9c9c9c;margin-right:auto}.side .share a svg{width:17px;height:17px;fill:#9c9c9c;transition:fill .2s}.side .share a:hover svg{fill:#fff}.side .sub{border:1px solid var(--line);border-radius:12px;padding:20px;background:#050506}.side .sub h4{font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:16px;color:#fff;margin-bottom:8px}.side .sub p{font-size:12.5px;color:#9c9c9c;line-height:1.5;margin-bottom:16px}.side .sub form{display:flex;align-items:center;gap:8px;background:#0d0d0f;border:1px solid var(--line);border-radius:9px;padding:6px 6px 6px 12px}.side .sub input{flex:1;background:none;border:none;outline:none;color:#ccc;font-size:13px}.side .sub button{width:34px;height:30px;border:none;border-radius:7px;background:#e5e5e5;color:#0a0a0a;cursor:pointer;display:flex;align-items:center;justify-content:center}.side .sub button svg{width:15px;height:15px;fill:#0a0a0a}.nav-actions{display:flex;align-items:center;gap:12px}.nav-burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:none;border:1px solid #2a2a2e;border-radius:8px;cursor:pointer;padding:0;flex:none}.nav-burger b{position:relative;display:block;width:16px;height:2px;background:#e6e6e6;transition:background .2s}.nav-burger b:before,.nav-burger b:after{content:"";position:absolute;left:0;width:16px;height:2px;background:#e6e6e6;transition:transform .25s,top .25s}.nav-burger b:before{top:-5px}.nav-burger b:after{top:5px}body.nav-open .nav-burger b{background:transparent}body.nav-open .nav-burger b:before{top:0;transform:rotate(45deg)}body.nav-open .nav-burger b:after{top:0;transform:rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;z-index:49;flex-direction:column;background:#000;backdrop-filter:blur(12px);border-bottom:1px solid #1a1a1a;padding:10px 24px 20px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s,visibility .22s}.mobile-menu a{padding:12px 2px;font-size:16px;color:#e6e6e6;border-bottom:1px solid #141416}.mobile-menu a.mm-sub{padding-left:16px;font-size:14px;color:#9c9c9c}.mobile-menu a:last-child{border-bottom:none}@media(max-width:1023px){.nav-burger{display:inline-flex}.mobile-menu{display:flex}body.nav-open .mobile-menu{opacity:1;visibility:visible;transform:none}}}