/*
  PaperMod v8+
  License: MIT https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE
  Copyright (c) 2020 nanxiaobei and adityatelange
  Copyright (c) 2021-2026 adityatelange
*/
:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:rgb(255, 255, 255);--entry:rgb(255, 255, 255);--primary:rgb(30, 30, 30);--secondary:rgb(108, 108, 108);--tertiary:rgb(214, 214, 214);--content:rgb(31, 31, 31);--code-block-bg:rgb(28, 29, 33);--code-bg:rgb(245, 245, 245);--border:rgb(238, 238, 238);color-scheme:light}:root[data-theme=dark]{--theme:rgb(29, 30, 32);--entry:rgb(46, 46, 51);--primary:rgb(218, 218, 219);--secondary:rgb(155, 156, 157);--tertiary:rgb(65, 66, 68);--content:rgb(196, 196, 197);--code-block-bg:rgb(46, 46, 51);--code-bg:rgb(55, 56, 62);--border:rgb(51, 51, 51);color-scheme:dark}.list{background:var(--code-bg)}[data-theme=dark] .list{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:25px 0;width:200px}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.footer,.top-link{font-size:12px;color:var(--secondary)}.footer{max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:calc((var(--footer-height) - var(--gap))/2)var(--gap);text-align:center;line-height:24px}.footer span{margin-inline-start:1px;margin-inline-end:1px}.footer span:last-child{white-space:nowrap}.footer a{color:inherit;text-underline-offset:.25rem;text-decoration:underline}.top-link{position:fixed;bottom:4rem;right:2rem;z-index:99;background:var(--tertiary);width:2.5rem;height:2.5rem;padding:10px;border-radius:64px;transition:visibility .3s,opacity .3s cubic-bezier(.4,0,1,1)}.hidden{visibility:hidden;opacity:0}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--primary)}.header-nav{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin:auto;line-height:var(--header-height);padding:0 var(--gap);column-gap:var(--gap)}.header-nav a{display:block}.logo,.menu{display:flex}.logo{align-items:center;column-gap:.55rem;flex-wrap:wrap}.logo a{font-size:24px;font-weight:700;display:flex;align-items:center;column-gap:.55rem}.logo a img,.logo a svg{pointer-events:none;border-radius:6px}.theme-toggle{padding:0 .4rem}[data-theme=dark] .moon{display:none}[data-theme=light] .sun{display:none}.logo-switches{display:inline-flex;gap:.4rem;align-items:inherit;min-height:stretch;flex-wrap:inherit}.logo-switches>*{min-height:inherit;align-items:center;display:inline-flex}.nav-sep{color:var(--secondary)}.lang-menu *{display:inherit;min-height:inherit;align-items:inherit}.lang-menu a{font-size:1rem;font-weight:500;padding:0 .4rem;display:inline-flex}.menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap;column-gap:var(--gap)}.menu a{font-size:16px}.menu .active{font-weight:500;text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:2px}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}.page-header h1{font-size:40px}.pagination{display:flex}.pagination a{color:var(--theme);font-size:13px;line-height:36px;background:var(--primary);border-radius:calc(36px/2);padding:0 16px}.pagination .next{margin-inline-start:auto}.social-icons a{display:inline-flex;padding:10px}.social-icons a svg{height:26px;width:26px}code{direction:ltr}div.highlight,pre{position:relative}.copy-code{display:none;position:absolute;top:4px;right:4px;color:rgba(255,255,255,.8);background:rgba(78,78,78,.8);border-radius:var(--radius);padding:0 5px;font-size:14px;user-select:none}div.highlight:hover .copy-code,pre:hover .copy-code{display:block}.md-content h3,.md-content h4,.md-content h5,.md-content h6{margin:24px 0 16px}.md-content h1{margin:40px auto 32px;font-size:40px}.md-content h2{margin:32px auto 24px;font-size:32px}.md-content h3{font-size:24px}.md-content h4{font-size:16px}.md-content h5{font-size:14px}.md-content h6{font-size:12px}.md-content a:not(.anchor){text-underline-offset:.3rem;text-decoration:underline}.md-content del{text-decoration:line-through}.md-content dl:not(:last-child),.md-content ol:not(:last-child),.md-content p:not(:last-child),.md-content figure:not(:last-child),.md-content ul:not(:last-child){margin-bottom:var(--content-gap)}.md-content ol,.md-content ul{padding-inline-start:1.25rem}.md-content li{margin-top:.3rem}.md-content li p{margin-bottom:0}.md-content dl{display:flex;flex-wrap:wrap;margin:0}.md-content dt{width:25%;font-weight:700}.md-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.md-content dd~dd,.md-content dt~dt{margin-top:10px}.md-content table{margin-bottom:var(--content-gap)}.md-content table th,.md-content table:not(.highlight table,.gist .highlight) td{min-width:80px;padding:6px 13px;line-height:1.5;border:1px solid var(--border)}.md-content table th{text-align:start}.md-content table td code:only-child{margin:auto 0}.md-content .highlight table{border-radius:var(--radius)}.md-content .highlight:not(table){margin-bottom:var(--content-gap);background:var(--code-block-bg)!important;border-radius:var(--radius);direction:ltr}.md-content .highlight pre{margin:0}.post-content code{padding:.2rem .3rem;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:.2rem}.md-content pre code{display:grid;margin:auto 0;padding:10px;color:#d5d5d6;background:var(--code-block-bg)!important;border-radius:var(--radius);overflow-x:auto;word-break:break-all}.md-content blockquote{margin:1rem 0;padding-inline-start:1rem;border-inline-start:.3rem solid var(--content)}.md-content hr{margin:30px 0;height:2px;background:var(--tertiary);border:0}.md-content iframe{max-width:100%}.md-content img{border-radius:var(--radius);margin:1rem 0}.md-content img[src*="#center"]{margin:1rem auto}.md-content figure.align-center{text-align:center}.md-content figure>figcaption{color:var(--primary);font-size:16px;font-weight:700;margin:8px 0 16px}.md-content figure>figcaption>p{color:var(--secondary);font-size:14px;font-weight:400}.md-content h1:hover .anchor,.md-content h2:hover .anchor,.md-content h3:hover .anchor,.md-content h4:hover .anchor,.md-content h5:hover .anchor,.md-content h6:hover .anchor{display:inline-flex;color:var(--secondary);margin-inline-start:.5em;font-weight:500;user-select:none}.anchor:hover{color:var(--content)!important}.md-content img.in-text{display:inline;margin:auto}mark{border-radius:2px;padding:0 2px}audio{display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;height:2.5rem;margin-bottom:var(--content-gap)}audio::-webkit-media-controls-enclosure{border-radius:0}video{border:1px solid var(--code-bg);border-radius:var(--radius);max-width:100%}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:320px;margin:var(--gap)0 calc(var(--gap) * 2)}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h1{font-size:34px;line-height:1.3}.first-entry .entry-header h2{font-size:40px}.first-entry .entry-content{margin:14px 0;font-size:16px;-webkit-line-clamp:3}.first-entry .entry-footer{font-size:14px}.home-info .entry-content{--content-gap:0.5rem;-webkit-line-clamp:unset;margin:0}.home-info .social-icons a:first-of-type{padding-inline-start:0}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .25s ease;border:1px solid var(--border)}.post-entry:hover,.post-entry:focus-within{transform:translateY(-2px);border-color:var(--tertiary)}.tag-entry .entry-cover{display:none}.entry-header h2{font-size:24px;line-height:1.3}.entry-content{margin:8px 0;color:var(--secondary);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-info .entry-content p{margin-block-start:1em;margin-block-end:1em}.entry-footer{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--radius)}.entry-hint{color:var(--secondary)}.entry-hint-parent{display:flex;justify-content:space-between}.entry-cover{font-size:14px;margin-bottom:var(--gap);text-align:center;display:flex;flex-direction:column;gap:.5rem}.entry-cover img{border-radius:var(--radius);width:100%;height:auto}.entry-cover a{text-underline-offset:.3rem;text-decoration:underline}.page-header,.post-header{margin:24px auto var(--content-gap)}.post-title{font-size:40px}.post-description{margin-top:10px}.post-meta{margin-top:5px}.post-meta,.breadcrumbs{color:var(--secondary);font-size:14px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.breadcrumbs a{font-size:16px}.breadcrumbs svg{height:1em}.i18n_list{display:inline-flex}.post-meta .i18n_list li{list-style:none;margin:auto 3px}.post-meta a,.toc a:hover{text-underline-offset:.3rem;text-decoration:underline}.post-meta a{color:var(--secondary);text-decoration-style:dotted}details.toc{margin-bottom:var(--content-gap);background:var(--code-bg);border-radius:var(--radius);border:1px solid var(--border)}[data-theme=dark] details.toc{background:var(--entry)}details.toc summary{padding:.3rem 1.2rem;border-radius:var(--radius)}details summary{cursor:pointer;display:list-item;width:100%;margin-inline-start:0;user-select:none}details .title{display:inline;font-weight:500;margin-inline-start:.2rem}details{interpolate-size:allow-keywords}details::details-content{height:0;opacity:0;overflow:clip;transition:height 150ms ease,opacity 150ms ease,content-visibility 150ms allow-discrete}details[open]::details-content{height:auto;opacity:1}details .inner{margin:0 2.4rem;padding-bottom:.6rem}details li ul{margin-inline-start:var(--gap)}.post-content{color:var(--content);margin:30px 0}.post-footer{margin-top:var(--content-gap)}.post-footer>*{margin-bottom:10px}.post-tags{display:flex;flex-wrap:wrap;gap:10px}.post-tags li{display:inline-block}.post-tags a,.share-buttons,.paginav{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border)}.post-tags a{display:block;padding:0 14px;color:var(--secondary);font-size:14px;line-height:34px;background:var(--code-bg)}.post-tags a:hover,.paginav a:hover{background:var(--border)}.share-buttons{padding:10px;display:flex;justify-content:center;overflow-x:auto;gap:10px}.share-buttons li,.share-buttons a{display:inline-flex}.share-buttons a:not(:last-of-type){margin-inline-end:12px}.paginav{display:flex;line-height:1.2}.paginav .title{letter-spacing:1px;text-transform:uppercase;font-size:.8rem;color:var(--secondary)}.paginav a{width:50%;display:flex;flex-direction:column;gap:.5rem;padding:.8rem;border-radius:var(--radius)}.paginav span:hover:not(.title){text-underline-offset:.2rem;text-decoration:underline}.paginav .next{margin-inline-start:auto;text-align:right}[dir=rtl] .paginav .next{text-align:left}h1>a>svg{display:inline}.buttons,.main .profile{display:flex;justify-content:center}.main .profile{align-items:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - (var(--gap) * 2));text-align:center}.profile .profile_inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile img{border-radius:50%}.buttons{flex-wrap:wrap;max-width:400px;gap:1rem}.button{background:var(--tertiary);border-radius:var(--radius);padding:.4rem .8rem}.searchbox input{padding:4px 10px;width:100%;color:var(--primary);font-weight:700;border:2px solid var(--tertiary);border-radius:var(--radius)}.searchResults li{list-style:none;border-radius:var(--radius);padding:10px 15px;position:relative;font-weight:500;display:flex;align-items:center;justify-content:space-between;background:var(--entry);transition:transform .25s ease;border:1px solid var(--border)}.searchResults{margin:var(--content-gap)0;width:100%;display:flex;flex-direction:column;gap:10px}.searchResults li:hover,.searchResults li:focus-within{transform:translateY(-2px);border-color:var(--tertiary)}.searchResults li .entry-link:focus{outline:2px solid var(--secondary);outline-offset:-2px}.terms-tags{display:flex;flex-wrap:wrap;gap:1em;margin-top:var(--content-gap)}.terms-tags li{display:inline-block;font-weight:500}.terms-tags a{display:block;padding:4px 10px;background:var(--tertiary);border-radius:var(--radius);transition:transform .1s}.bg{color:#cad3f5;background-color:#24273a}.chroma{color:#cad3f5;background-color:#24273a}.chroma .err{color:#ed8796}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#474733}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .line{display:flex}.chroma .k{color:#c6a0f6}.chroma .kc{color:#f5a97f}.chroma .kd{color:#ed8796}.chroma .kn{color:#8bd5ca}.chroma .kp{color:#c6a0f6}.chroma .kr{color:#c6a0f6}.chroma .kt{color:#ed8796}.chroma .na{color:#8aadf4}.chroma .nb{color:#91d7e3}.chroma .bp{color:#91d7e3}.chroma .nc{color:#eed49f}.chroma .no{color:#eed49f}.chroma .nd{color:#8aadf4;font-weight:700}.chroma .ni{color:#8bd5ca}.chroma .ne{color:#f5a97f}.chroma .nf{color:#8aadf4}.chroma .fm{color:#8aadf4}.chroma .nl{color:#91d7e3}.chroma .nn{color:#f5a97f}.chroma .py{color:#f5a97f}.chroma .nt{color:#c6a0f6}.chroma .nv{color:#f4dbd6}.chroma .vc{color:#f4dbd6}.chroma .vg{color:#f4dbd6}.chroma .vi{color:#f4dbd6}.chroma .vm{color:#f4dbd6}.chroma .s{color:#a6da95}.chroma .sa{color:#ed8796}.chroma .sb{color:#a6da95}.chroma .sc{color:#a6da95}.chroma .dl{color:#8aadf4}.chroma .sd{color:#6e738d}.chroma .s2{color:#a6da95}.chroma .se{color:#8aadf4}.chroma .sh{color:#6e738d}.chroma .si{color:#a6da95}.chroma .sx{color:#a6da95}.chroma .sr{color:#8bd5ca}.chroma .s1{color:#a6da95}.chroma .ss{color:#a6da95}.chroma .m{color:#f5a97f}.chroma .mb{color:#f5a97f}.chroma .mf{color:#f5a97f}.chroma .mh{color:#f5a97f}.chroma .mi{color:#f5a97f}.chroma .il{color:#f5a97f}.chroma .mo{color:#f5a97f}.chroma .o{color:#91d7e3;font-weight:700}.chroma .ow{color:#91d7e3;font-weight:700}.chroma .c{color:#6e738d;font-style:italic}.chroma .ch{color:#6e738d;font-style:italic}.chroma .cm{color:#6e738d;font-style:italic}.chroma .c1{color:#6e738d;font-style:italic}.chroma .cs{color:#6e738d;font-style:italic}.chroma .cp{color:#6e738d;font-style:italic}.chroma .cpf{color:#6e738d;font-weight:700;font-style:italic}.chroma .gd{color:#ed8796;background-color:#363a4f}.chroma .ge{font-style:italic}.chroma .gr{color:#ed8796}.chroma .gh{color:#f5a97f;font-weight:700}.chroma .gi{color:#a6da95;background-color:#363a4f}.chroma .gs{font-weight:700}.chroma .gu{color:#f5a97f;font-weight:700}.chroma .gt{color:#ed8796}.chroma .gl{text-decoration:underline}.chroma{background-color:unset!important}.chroma .hl{display:flex}.chroma .lnt{padding:0 0 0 12px}.highlight pre.chroma code{padding:8px 0}.highlight pre.chroma .line .cl,.chroma .ln{padding:0 10px}.chroma .lntd:last-of-type{width:100%}@media screen and (max-width:768px){:root{--gap:14px}.profile img{transform:scale(.85)}.first-entry{min-height:260px}.archive-month{flex-direction:column}.archive-year{margin-top:20px}.footer{padding:calc((var(--footer-height) - var(--gap) - 10px)/2)var(--gap)}}@media screen and (max-width:900px){.list .top-link{transform:translateY(-5rem)}}@media screen and (max-width:340px){.share-buttons{justify-content:unset}}@media(prefers-reduced-motion){.terms-tags a:active,.button:active,.post-entry:active,.top-link,.searchResults .focus,.searchResults li:active{transform:none}}:root{--nav-width:1180px;--site-width:1180px;--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:rgba(79, 70, 229, 0.09);--accent-line:rgba(79, 70, 229, 0.28);--accent-2:#0891b2;--ok:#15803d;--ok-soft:rgba(21, 128, 61, 0.1);--err:#b91c1c;--err-soft:rgba(185, 28, 28, 0.09);--warn:#b45309;--warn-soft:rgba(180, 83, 9, 0.1);--surface:var(--entry);--surface-2:rgb(248, 248, 250);--shadow-sm:0 1px 2px rgba(16, 24, 40, 0.05);--shadow-md:0 8px 28px -12px rgba(16, 24, 40, 0.18);--mono:ui-monospace, "Cascadia Code", "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace}:root[data-theme=dark]{--accent:#8b8ff8;--accent-strong:#a5a8fb;--accent-soft:rgba(139, 143, 248, 0.12);--accent-line:rgba(139, 143, 248, 0.35);--accent-2:#22d3ee;--ok:#4ade80;--ok-soft:rgba(74, 222, 128, 0.12);--err:#f87171;--err-soft:rgba(248, 113, 113, 0.13);--warn:#fbbf24;--warn-soft:rgba(251, 191, 36, 0.12);--surface-2:rgb(38, 39, 43);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 10px 30px -12px rgba(0, 0, 0, 0.6)}.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--theme) 86%,transparent);backdrop-filter:saturate(160%)blur(10px);-webkit-backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--border)}.list .header{background:color-mix(in srgb,var(--code-bg) 86%,transparent)}[data-theme=dark] .list .header{background:color-mix(in srgb,var(--theme) 86%,transparent)}.logo a{font-size:21px;letter-spacing:-.3px}.menu a{font-size:15.5px;font-weight:500}.menu .active{border-bottom:2px solid var(--accent);font-weight:600}.brand-mark{flex:none}.wide .main{max-width:none;padding:0}.wrap{max-width:calc(var(--site-width) + 48px);margin:0 auto;padding:0 24px}.wide .footer{max-width:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);border-radius:100px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.cta{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;font-weight:650;font-size:.97rem;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;text-decoration:none!important}.cta:hover{transform:translateY(-1px)}.cta.primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px -8px var(--accent)}[data-theme=dark] .cta.primary{color:#111}.cta.primary:hover{background:var(--accent-strong)}.cta.secondary{background:var(--surface);border-color:var(--border);color:var(--primary)}.cta.secondary:hover{border-color:var(--accent-line)}.cta.link{padding-left:4px;padding-right:4px;color:var(--primary)}.cta svg{width:16px;height:16px}.sec{padding:88px 0}.sec+.sec{border-top:1px solid var(--border)}.sec-head{max-width:720px;margin-bottom:44px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-head .kicker{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.sec-head h2{font-size:clamp(1.7rem,3.2vw,2.35rem);line-height:1.15;letter-spacing:-.02em;margin:10px 0 14px;font-weight:800}.sec-head p{color:var(--secondary);font-size:1.07rem;line-height:1.65}.row-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:32px}.row-head .sec-head{margin-bottom:0}.more-link{font-weight:600;color:var(--accent);white-space:nowrap}.more-link:hover{text-decoration:underline;text-underline-offset:4px}.hero{position:relative;padding:84px 0 76px;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 60% at 70% 30%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 70% 30%,#000 20%,transparent 75%);opacity:.7;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero-grid>*{min-width:0}.hero h1{font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.035em;font-weight:850;margin:20px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lead{font-size:1.16rem;line-height:1.65;color:var(--secondary);max-width:560px}.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero .facts{display:flex;gap:28px;flex-wrap:wrap;margin-top:40px;padding-top:26px;border-top:1px dashed var(--border)}.hero .facts div{font-size:.86rem;color:var(--secondary);line-height:1.35}.hero .facts b{display:block;font-size:1.45rem;color:var(--primary);letter-spacing:-.02em}.code-card{position:relative;border-radius:14px;background:#16171d;color:#d6d7e0;border:1px solid rgba(255,255,255,8%);box-shadow:0 30px 60px -30px rgba(15,18,40,.55),0 0 0 1px rgba(0,0,0,3%);overflow:hidden;font-family:var(--mono);font-size:13px}.code-card .bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#1d1f27;border-bottom:1px solid rgba(255,255,255,6%)}.code-card .bar i{width:10px;height:10px;border-radius:50%;background:#3a3d4a;display:block}.code-card .bar span{margin-left:10px;color:#8b8fa3;font-size:12px}.code-card pre{margin:0;padding:18px 20px;background:0 0;line-height:1.7;white-space:pre;overflow-x:auto;border-radius:0}.code-card code{background:0 0;color:inherit;padding:0;font-size:inherit}.code-card .k{color:#c792ea}.code-card .t{color:#82aaff}.code-card .s{color:#c3e88d}.code-card .n{color:#f78c6c}.code-card .c{color:#697098;font-style:italic}.code-card .m{color:#ffcb6b}.trace{border-top:1px solid rgba(255,255,255,6%);padding:14px 20px 18px;display:grid;gap:9px}.trace .tl{display:grid;grid-template-columns:74px 1fr 64px;gap:12px;align-items:center;font-size:12px;color:#9ea3b8}.trace .bar-x{height:8px;border-radius:4px;background:#262936;position:relative;overflow:hidden}.trace .bar-x b{position:absolute;top:0;bottom:0;border-radius:4px}.trace .fail b{background:#f07178}.trace .okk b{background:#7fd88f}.trace .st{text-align:right;font-weight:700}.trace .fail .st{color:#f07178}.trace .okk .st{color:#7fd88f}.hero-visual{position:relative;margin-bottom:30px}.hero-badge{position:absolute;right:28px;bottom:-48px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px;box-shadow:var(--shadow-md);font-size:.86rem;display:flex;gap:10px;align-items:center}.hero-badge b{display:block;font-size:.95rem}.hero-badge small{color:var(--secondary)}.hero-badge .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--ok-soft);color:var(--ok);font-weight:800}.strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.strip .wrap{display:flex;align-items:center;gap:28px;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}.strip .lbl{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--secondary)}.strip ul{display:flex;gap:10px 30px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.strip li{font-weight:650;color:var(--primary);opacity:.82;display:flex;align-items:center;gap:9px}.strip li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--accent);opacity:.7}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.svc{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px 24px 24px;transition:border-color .2s,transform .2s,box-shadow .2s}.svc:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:var(--shadow-md)}.svc .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:18px}.svc .ic svg{width:22px;height:22px}.svc h3{font-size:1.12rem;margin:0 0 8px;letter-spacing:-.01em}.svc p{color:var(--secondary);font-size:.95rem;line-height:1.6;margin:0 0 14px}.svc ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.svc li{font-size:.76rem;font-weight:600;padding:3px 9px;border-radius:6px;background:var(--surface-2);color:var(--secondary);border:1px solid var(--border)}.list .svc li{background:var(--code-bg)}.band{background:var(--surface)}.nums{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.nums>div{padding:30px 26px;border-right:1px solid var(--border)}.nums>div:last-child{border-right:0}.nums b{display:block;font-size:2.3rem;letter-spacing:-.03em;line-height:1;margin-bottom:10px}.nums span{color:var(--secondary);font-size:.93rem;line-height:1.5}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.step{position:relative;padding:24px 22px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.step::before{counter-increment:step;content:"0" counter(step);display:block;font-family:var(--mono);font-weight:700;font-size:.85rem;color:var(--accent);margin-bottom:14px}.step h3{margin:0 0 8px;font-size:1.05rem}.step p{margin:0;color:var(--secondary);font-size:.93rem;line-height:1.6}.engage{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.engage>div{padding:22px;border-radius:14px;background:var(--accent-soft);border:1px solid var(--accent-line)}.engage h4{margin:0 0 6px;font-size:1rem}.engage p{margin:0;font-size:.92rem;color:var(--secondary);line-height:1.55}.stack{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stack>div{padding:20px 0;border-top:2px solid var(--primary)}.stack h4{margin:0 0 12px;font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;color:var(--secondary)}.stack p{margin:0;line-height:1.85;font-weight:550}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.tile{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:border-color .15s,transform .15s,box-shadow .15s;text-decoration:none!important;color:inherit}.tile:hover{border-color:var(--accent-line);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tile .glyph{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:-.02em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line)}.tile b{display:block;font-size:.97rem;margin-bottom:3px;color:var(--primary)}.tile small{display:block;color:var(--secondary);font-size:.83rem;line-height:1.45}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pcard{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.pcard:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pcard img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;display:block;border-bottom:1px solid var(--border);margin:0}.pcard .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.pcard .cat{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.pcard h3{font-size:1.08rem;line-height:1.35;margin:0;letter-spacing:-.01em}.pcard p{color:var(--secondary);font-size:.9rem;line-height:1.55;margin:0;flex:1}.pcard .meta{font-size:.8rem;color:var(--secondary);margin-top:6px}.pcard>a.cover-link{position:absolute;inset:0;z-index:1}.pcard[hidden]{display:none}.contact-card{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:48px;border-radius:20px;background:radial-gradient(600px 300px at 100% 0%,var(--accent-soft),transparent 70%),var(--surface);border:1px solid var(--border)}.contact-card h2{font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.02em;line-height:1.15;margin:10px 0 14px}.contact-card p{color:var(--secondary);line-height:1.65}.contact-list{display:grid;gap:10px;align-content:center}.contact-list a{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:12px;border:1px solid var(--border);background:var(--theme);font-weight:600;transition:border-color .15s}.contact-list a:hover{border-color:var(--accent-line)}.contact-list a span{color:var(--secondary);font-weight:500;font-size:.88rem}.site-footer{text-align:left;border-top:1px solid var(--border);padding:56px 24px 26px;margin-top:0;font-size:.92rem;line-height:1.6}.sf-grid{max-width:var(--site-width);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}.sf-grid h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin:4px 0 12px}.sf-grid a{display:block;text-decoration:none!important;padding:3px 0;color:var(--secondary)}.sf-grid a:hover{color:var(--primary)}.sf-brand p{max-width:330px;margin:12px 0 14px}.sf-logo{display:inline-flex!important;align-items:center;gap:9px;font-size:1.15rem;font-weight:800;color:var(--primary)!important}.sf-mail{display:inline-block!important;font-weight:600;color:var(--primary)!important;margin-bottom:8px}.sf-social{display:flex;gap:14px;flex-wrap:wrap}.sf-social a{display:inline}.sf-bottom{max-width:var(--site-width);margin:40px auto 0;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem}.sf-bottom a{text-decoration:underline}.page-hero{padding:64px 0 34px}.page-hero h1{font-size:clamp(2rem,4vw,2.9rem);letter-spacing:-.03em;line-height:1.1;margin:14px 0 12px;font-weight:850}.page-hero p{color:var(--secondary);font-size:1.1rem;line-height:1.6;max-width:680px}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0 26px}.chip{padding:7px 14px;border-radius:100px;border:1px solid var(--border);background:var(--surface);font-size:.88rem;font-weight:600;color:var(--secondary);cursor:pointer;transition:all .15s}.chip:hover{color:var(--primary);border-color:var(--accent-line)}.chip[aria-pressed=true]{background:var(--primary);color:var(--theme);border-color:var(--primary)}.chip .n{opacity:.6;margin-left:4px;font-weight:500}.search-box{margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);min-width:240px}.search-box input{border:0;background:0 0;padding:9px 0;width:100%;color:var(--primary);font-size:.93rem;outline:none}.search-box svg{width:16px;height:16px;color:var(--secondary);flex:none}.series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.scard{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:border-color .2s,transform .2s}.scard:hover{border-color:var(--accent-line);transform:translateY(-2px)}.scard img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;display:block;margin:0}.scard div{padding:12px 14px 14px}.scard b{display:block;font-size:.95rem}.scard small{color:var(--secondary);font-size:.8rem}.scard a{position:absolute;inset:0}.side-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.empty-state{text-align:center;padding:50px 0;color:var(--secondary)}.try-tool{display:flex;align-items:center;gap:16px;padding:16px 18px;margin:28px 0;border-radius:12px;border:1px solid var(--accent-line);background:var(--accent-soft);text-decoration:none!important;box-shadow:none!important}.try-tool .glyph{flex:none;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:12px;background:var(--accent);color:#fff}[data-theme=dark] .try-tool .glyph{color:#111}.try-tool b{display:block;color:var(--primary)}.try-tool small{color:var(--secondary);font-size:.88rem}.try-tool .go{margin-left:auto;font-weight:700;color:var(--accent);white-space:nowrap}.post-tools h3{font-size:1.05rem;margin:36px 0 10px}.post-tools .try-tool{margin:10px 0}@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}.svc-grid,.post-grid{grid-template-columns:repeat(2,1fr)}.steps,.stack,.series-grid{grid-template-columns:repeat(2,1fr)}.nums{grid-template-columns:repeat(2,1fr)}.nums>div:nth-child(2){border-right:0}.nums>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.contact-card{grid-template-columns:1fr;padding:32px}.sf-grid{grid-template-columns:1fr 1fr}.hero-badge{right:8px}}@media(max-width:640px){.wrap{padding:0 16px}.sec{padding:60px 0}.hero{padding:48px 0 56px}.svc-grid,.post-grid,.steps,.engage,.stack,.series-grid{grid-template-columns:1fr}.nums{grid-template-columns:1fr 1fr}.nums>div{padding:22px 18px}.nums b{font-size:1.8rem}.search-box{margin-left:0;width:100%}.contact-card{padding:24px}.sf-grid{grid-template-columns:1fr}.code-card{font-size:11.5px}.hero-badge{position:static;margin-top:14px}}.lang-dd{position:relative}.lang-dd summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--secondary);padding:4px 8px;border-radius:8px;line-height:1;user-select:none}.lang-dd summary::-webkit-details-marker{display:none}.lang-dd summary:hover,.lang-dd[open] summary{color:var(--primary);background:var(--accent-soft)}.lang-dd ul{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:170px;margin:0;padding:6px;list-style:none;background:var(--entry);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);line-height:1.3}.lang-dd li a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:7px;font-size:14px;color:var(--primary)}.lang-dd li a b{font-size:11px;color:var(--secondary);width:20px}.lang-dd li a:hover{background:var(--accent-soft)}.lang-dd li a[aria-current=true]{background:var(--accent-soft);font-weight:600}@media(max-width:760px){.menu{flex-wrap:wrap;overflow-x:visible;white-space:normal;column-gap:2px}.menu li+li{margin-inline-start:0}.menu a{line-height:38px;padding:0 8px 0 0}.lang-dd ul{left:auto;right:-40px}}:root{--navy-950:#060a1f;--navy-900:#0a1030;--navy-800:#121a48;--ink-200:#c9cdf2;--ink-300:#a9b0e0;--grad:linear-gradient(120deg, #6366f1 0%, #8b5cf6 45%, #06b6d4 100%);--grad-warm:linear-gradient(120deg, #8b5cf6 0%, #ec4899 55%, #f59e0b 100%);--c-indigo:#6366f1;--c-emerald:#10b981;--c-amber:#f59e0b;--c-rose:#f43f5e;--c-cyan:#06b6d4;--c-violet:#8b5cf6;--c-pink:#ec4899;--c-orange:#f97316;--c-sky:#0ea5e9;--c-dotnet:#7c4dff;--c-red:#ef4444}.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}.js .reveal.in{opacity:1;transform:none}.home:not(.scrolled) .header{background:0 0;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.home:not(.scrolled) .header .logo a,.home:not(.scrolled) .header .menu a,.home:not(.scrolled) .header .theme-toggle,.home:not(.scrolled) .header .lang-dd summary{color:#fff}.home:not(.scrolled) .header .lang-dd summary:hover{background:rgba(255,255,255,.1)}.home:not(.scrolled) .menu .active{border-bottom-color:#22d3ee}.home .header{transition:background-color .3s,border-color .3s,backdrop-filter .3s}.hero-dark{margin-top:calc(-1 * var(--hdr,var(--header-height)));padding:calc(96px + var(--hdr,var(--header-height)))0 96px;color:#e8ebff;background:radial-gradient(1100px 620px at 85% -10%,rgba(124,77,255,.45) 0%,transparent 60%),radial-gradient(900px 520px at -10% 110%,rgba(6,182,212,.32) 0%,transparent 60%),linear-gradient(180deg,var(--navy-950) 0%,var(--navy-900) 100%);isolation:isolate}.hero-dark::before{background-image:linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.055) 1px,transparent 1px);opacity:1;z-index:-1}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:floaty 18s ease-in-out infinite alternate;will-change:transform}.blob.b1{width:540px;height:540px;background:#6d28d9;top:-200px;right:-120px}.blob.b2{width:440px;height:440px;background:#0891b2;bottom:-220px;left:-140px;animation-duration:23s}.blob.b3{width:320px;height:320px;background:#db2777;top:35%;left:42%;opacity:.22;animation-duration:27s}@keyframes floaty{to{transform:translate3d(50px,36px,0)scale(1.14)}}.net{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.net .lines path{stroke:rgba(165,180,252,.28);stroke-width:1.2;fill:none;stroke-dasharray:5 9;animation:dashmove 26s linear infinite}.net .nodes circle{fill:#a5b4fc;opacity:.55}.net .pulse{fill:#22d3ee;filter:drop-shadow(0 0 6px #22d3ee)}.net .pulse.p2{fill:#f472b6;filter:drop-shadow(0 0 6px #f472b6)}@keyframes dashmove{to{stroke-dashoffset:-420}}.hero-dark h1{color:#fff}.hero-dark h1 em{background:linear-gradient(100deg,#a5b4fc 0%,#c084fc 30%,#22d3ee 60%,#a5b4fc 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 8s ease-in-out infinite alternate}@keyframes sheen{to{background-position:100% 0}}.hero-dark .lead{color:var(--ink-300)}.hero-dark .eyebrow{background:rgba(255,255,255,7%);border-color:rgba(255,255,255,.16);color:#d6d9ff}.hero-dark .eyebrow .dot{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.2);animation:ping 2.2s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 rgba(52,211,153,.55)}100%{box-shadow:0 0 0 10px rgba(52,211,153,0)}}.hero-dark .cta.primary{background:var(--grad);background-size:160% 100%;color:#fff;box-shadow:0 12px 30px -10px rgba(124,77,255,.8);transition:background-position .4s,transform .15s,box-shadow .2s}.hero-dark .cta.primary:hover{background-position:100% 0;box-shadow:0 16px 36px -10px rgba(6,182,212,.75)}.hero-dark .cta.secondary{background:rgba(255,255,255,7%);border-color:rgba(255,255,255,.2);color:#fff}.hero-dark .cta.secondary:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}.hero-dark .cta.link{color:#e0e7ff}.hero-dark .facts{border-top-color:rgba(255,255,255,.14)}.hero-dark .facts div{color:var(--ink-300)}.hero-dark .facts b{color:#fff}.hero-visual{animation:bob 7s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-10px)}}.hero-dark .code-card{background:rgba(14,18,45,.82);border-color:rgba(255,255,255,.1);box-shadow:0 40px 90px -30px rgba(99,102,241,.65),0 0 0 1px rgba(255,255,255,4%);backdrop-filter:blur(6px)}.hero-dark .code-card .bar{background:rgba(255,255,255,4%)}.code-card .bar i:nth-child(1){background:#ff5f57}.code-card .bar i:nth-child(2){background:#febc2e}.code-card .bar i:nth-child(3){background:#28c840}.code-card code::after{content:"▍";color:#22d3ee;animation:blink 1.1s steps(1)infinite}@keyframes blink{50%{opacity:0}}.trace .bar-x b{transform-origin:left center;animation:growx 1s cubic-bezier(.2,.7,.2,1)both}.trace .fail b{animation-delay:.5s}.trace .okk b{animation-delay:1.7s}.trace .st{animation:fadein .4s both}.trace .fail .st{animation-delay:1.4s}.trace .okk .st{animation-delay:2.6s}.hero-badge{animation:fadein .6s 2.9s both,bob 7s 3.5s ease-in-out infinite}@keyframes growx{from{transform:scaleX(0)}}@keyframes fadein{from{opacity:0;transform:translateY(6px)}}.strip{background:var(--surface)}.strip-row{display:flex;gap:26px;align-items:center}.marquee{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.marquee .track{display:flex;gap:10px;width:max-content;margin:0;padding:0;list-style:none;animation:marquee 48s linear infinite}.marquee:hover .track{animation-play-state:paused}.marquee .track li{padding:7px 15px;border-radius:100px;border:1px solid var(--border);background:var(--theme);font-weight:600;font-size:.9rem;white-space:nowrap;opacity:1;color:var(--primary)}.marquee .track li::before{display:none}.marquee .track li.dom{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}@keyframes marquee{to{transform:translateX(-50%)}}.svc{overflow:hidden;--c:var(--c-indigo)}.svc.c1{--c:var(--c-indigo)}.svc.c2{--c:var(--c-emerald)}.svc.c3{--c:var(--c-amber)}.svc.c4{--c:var(--c-rose)}.svc.c5{--c:var(--c-cyan)}.svc.c6{--c:var(--c-violet)}.svc::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--c),transparent 85%)}.svc::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 14%,transparent),transparent 70%)}.svc:hover::after{opacity:1}.svc .ic{background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);transition:transform .3s cubic-bezier(.2,.7,.2,1),background .2s,color .2s}.svc:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 22px 44px -22px color-mix(in srgb,var(--c) 60%,transparent)}.svc:hover .ic{transform:rotate(-8deg)scale(1.1);background:var(--c);color:#fff}.svc>*{position:relative;z-index:1}.band-dark{background:radial-gradient(700px 300px at 10% 0%,rgba(99,102,241,.35),transparent 70%),radial-gradient(700px 300px at 90% 100%,rgba(6,182,212,.28),transparent 70%),linear-gradient(135deg,var(--navy-950),var(--navy-800));color:#fff}.sec+.sec.band-dark,.sec.band-dark+.sec{border-top:0}.band-dark .nums{background:rgba(255,255,255,4%);border-color:rgba(255,255,255,.12);backdrop-filter:blur(4px)}.band-dark .nums>div{border-color:rgba(255,255,255,.12)!important}.band-dark .nums b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2.8rem}.band-dark .nums span{color:var(--ink-200)}.band-dark .nums b span{color:inherit}.steps{position:relative}.steps::before{content:"";position:absolute;left:30px;right:30px;top:42px;height:2px;background:var(--grad);transform-origin:left;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.7,.2,1).2s;opacity:.55}.steps.in::before,html:not(.js) .steps::before{transform:scaleX(1)}.step{z-index:1;transition:transform .25s,box-shadow .25s,border-color .25s}.step:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.step::before{width:36px;height:36px;border-radius:50%;display:grid!important;place-items:center;background:var(--grad);color:#fff!important;font-size:.78rem!important;box-shadow:0 6px 16px -6px rgba(99,102,241,.8)}.engage>div{position:relative;overflow:hidden;transition:transform .25s}.engage>div:hover{transform:translateY(-3px)}.engage>div:nth-child(1){background:color-mix(in srgb,var(--c-indigo) 9%,var(--surface));border-color:color-mix(in srgb,var(--c-indigo) 30%,transparent)}.engage>div:nth-child(2){background:color-mix(in srgb,var(--c-emerald) 9%,var(--surface));border-color:color-mix(in srgb,var(--c-emerald) 30%,transparent)}.engage>div:nth-child(3){background:color-mix(in srgb,var(--c-pink) 9%,var(--surface));border-color:color-mix(in srgb,var(--c-pink) 30%,transparent)}.stack>div{border-top:3px solid transparent;border-image:var(--grad)1}.stack>div:nth-child(2){border-image:linear-gradient(90deg,var(--c-emerald),var(--c-cyan))1}.stack>div:nth-child(3){border-image:linear-gradient(90deg,var(--c-amber),var(--c-rose))1}.stack>div:nth-child(4){border-image:linear-gradient(90deg,var(--c-violet),var(--c-pink))1}.glyph.cat-text{--c:var(--c-indigo)}.glyph.cat-formatters{--c:var(--c-sky)}.glyph.cat-converters{--c:var(--c-emerald)}.glyph.cat-encoders-decoders{--c:var(--c-amber)}.glyph.cat-generators{--c:var(--c-pink)}.glyph.cat-testers{--c:var(--c-violet)}.glyph.cat-net-code{--c:var(--c-dotnet)}.glyph.cat-diagnostics{--c:var(--c-red)}.glyph.cat-web-network{--c:var(--c-cyan)}.glyph.cat-graphics{--c:var(--c-orange)}.glyph[class*=cat-]{color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border-color:color-mix(in srgb,var(--c) 32%,transparent);transition:background .2s,color .2s,transform .25s cubic-bezier(.2,.7,.2,1)}[data-theme=dark] .glyph[class*=cat-]{color:color-mix(in srgb,var(--c) 70%,#fff)}.tile:hover .glyph[class*=cat-]{background:var(--c);color:#fff;transform:scale(1.08)rotate(-4deg)}.tile:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.try-tool .glyph[class*=cat-]{background:var(--c);color:#fff}.tool-head .glyph[class*=cat-]{box-shadow:0 10px 24px -12px var(--c)}.pcard img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.pcard:hover img{transform:scale(1.045)}.pcard .cat{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.cta-gradient{position:relative;overflow:hidden;border:0!important;color:#fff;background:linear-gradient(120deg,#4f46e5 0%,#7c3aed 50%,#0891b2 100%)!important;box-shadow:0 30px 70px -30px rgba(79,70,229,.7)}.cta-gradient::before,.cta-gradient::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.1);pointer-events:none}.cta-gradient::before{width:380px;height:380px;right:-120px;top:-160px;animation:floaty 16s ease-in-out infinite alternate}.cta-gradient::after{width:220px;height:220px;left:-80px;bottom:-110px;animation:floaty 20s ease-in-out infinite alternate-reverse}.cta-gradient>*{position:relative;z-index:1}.cta-gradient h2{color:#fff}.cta-gradient p{color:rgba(255,255,255,.86)!important}.cta-gradient .kicker{color:#c7f9ff!important}.cta-gradient .contact-list a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26);color:#fff;backdrop-filter:blur(4px);transition:background .2s,transform .2s}.cta-gradient .contact-list a:hover{background:rgba(255,255,255,.22);transform:translateX(4px);border-color:rgba(255,255,255,.5)}.cta-gradient .contact-list a span{color:rgba(255,255,255,.8)}.page-hero{background:radial-gradient(900px 340px at 0% 0%,rgba(99,102,241,.16),transparent 70%),radial-gradient(800px 340px at 100% 0%,rgba(6,182,212,.14),transparent 70%)}.page-hero h1{background:linear-gradient(100deg,var(--primary) 30%,var(--accent) 70%,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.chip[aria-pressed=true]{background:var(--grad);border-color:transparent;color:#fff}.site-footer{background:var(--navy-950);color:var(--ink-300);border-top:0;position:relative}.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad)}.site-footer .sf-grid h4{color:#fff}.site-footer .sf-grid a{color:var(--ink-300)}.site-footer .sf-grid a:hover{color:#fff}.site-footer .sf-logo{color:#fff!important}.site-footer .sf-mail{color:#fff!important}.site-footer .sf-bottom{border-top-color:rgba(255,255,255,.1);color:#7f88bd}.site-footer .sf-bottom a{color:#b8bfe6}@media(max-width:980px){.steps::before{display:none}.hero-dark{padding-bottom:72px}}@media(max-width:640px){.strip-row{flex-direction:column;align-items:flex-start;gap:12px}.marquee{width:100%}.blob.b1{width:340px;height:340px}.hero-dark{padding-top:calc(48px + var(--hdr,var(--header-height)))}}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}.blob,.net .lines path,.net .pulse,.hero-visual,.hero-badge,.marquee .track,.cta-gradient::before,.cta-gradient::after,.hero-dark h1 em,.hero-dark .eyebrow .dot,.code-card code::after,.trace .bar-x b,.trace .st{animation:none!important}.net .pulse{display:none}.marquee{overflow-x:auto}}.hero-dark .hero-badge{bottom:-70px;right:36px;background:rgba(20,26,66,.78);border-color:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(8px);box-shadow:0 20px 40px -16px rgba(0,0,0,.6)}.hero-dark .hero-badge small{color:var(--ink-300)}.hero-dark .hero-badge .ic{background:rgba(52,211,153,.18);color:#34d399}@media(max-width:640px){.hero-dark .hero-badge{bottom:auto;right:auto}}.nums b span{font-size:inherit!important;line-height:inherit;color:inherit}.band-dark .nums b span{color:transparent}.tools-hub .tile-grid{margin-bottom:8px}.tcat{padding:34px 0 10px;scroll-margin-top:80px}.tcat h2{font-size:1.15rem;margin:0 0 14px;display:flex;align-items:center;gap:10px}.tcat h2 small{font-size:.8rem;color:var(--secondary);font-weight:500}.tcat-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:26px}.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:50px 0 10px}.perks div{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:.9rem;color:var(--secondary);line-height:1.5}.perks b{display:block;color:var(--primary);margin-bottom:4px;font-size:.97rem}.tool-page{padding-top:26px;padding-bottom:60px}.tool-crumbs{font-size:.85rem;color:var(--secondary);margin-bottom:14px}.tool-crumbs a{color:var(--secondary)}.tool-crumbs a:hover{color:var(--primary)}.tool-head{display:flex;gap:16px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.tool-head .glyph{flex:none;width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:14px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line)}.tool-head h1{font-size:clamp(1.5rem,3vw,2rem);margin:0;letter-spacing:-.02em;line-height:1.15}.tool-head p{margin:4px 0 0;color:var(--secondary)}.tool-head .grow{flex:1;min-width:240px}.tool-head .private{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:600;color:var(--ok);background:var(--ok-soft);padding:6px 11px;border-radius:100px;white-space:nowrap}.tool-head .private svg{width:14px;height:14px}.tool-shell{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm)}.tool-below{display:grid;grid-template-columns:minmax(0,1fr)300px;gap:40px;margin-top:44px}.tool-doc{font-size:1rem;line-height:1.7}.tool-doc h2{font-size:1.3rem;margin:28px 0 10px}.tool-doc h2:first-child{margin-top:0}.tool-doc h3{font-size:1.05rem;margin:22px 0 8px}.tool-doc p,.tool-doc ul,.tool-doc ol{margin-bottom:14px;color:var(--content)}.tool-doc ul,.tool-doc ol{padding-left:22px}.tool-doc li{margin-bottom:4px}.tool-doc code{font-family:var(--mono);font-size:.88em;background:var(--code-bg);padding:2px 5px;border-radius:4px}.tool-doc kbd,.kbd{font-family:var(--mono);font-size:.78em;padding:1px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--surface)}.tool-aside h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--secondary);margin:0 0 10px}.tool-aside .tile{padding:11px 12px;margin-bottom:8px}.tool-aside .tile .glyph{width:34px;height:34px;font-size:11px}.tool-aside section+section{margin-top:28px}.tool-aside .art{display:block;padding:10px 0;border-bottom:1px solid var(--border);font-weight:600;font-size:.92rem;line-height:1.4}.tool-aside .art small{display:block;color:var(--secondary);font-weight:500;margin-top:2px}body.tool-focus .header,body.tool-focus .site-footer,body.tool-focus .tool-below,body.tool-focus .tool-crumbs,body.tool-focus .top-link{display:none!important}body.tool-focus .tool-page{max-width:none;padding-top:14px}body.tool-focus .tool-head{margin-bottom:12px}.tbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tbar+.tbar,.tbar+.panes,.panes+.tbar,.tbar+.msg,.panes+.msg,.msg+.panes{margin-top:12px}.tbar .grow{flex:1}.tbar .sep{width:1px;height:22px;background:var(--border);margin:0 4px}.tool-shell>*+*{margin-top:12px}.tool-shell [hidden],.tools-hub [hidden]{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--theme);color:var(--primary);font-size:.87rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s;font-family:inherit}.btn:hover{border-color:var(--accent-line);background:var(--accent-soft)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=dark] .btn.primary{color:#111}.btn.primary:hover{background:var(--accent-strong)}.btn.sm{height:28px;padding:0 9px;font-size:.8rem;border-radius:7px}.btn.ghost{background:0 0;border-color:transparent;color:var(--secondary)}.btn.ghost:hover{color:var(--primary);background:var(--accent-soft)}.btn svg{width:15px;height:15px}.btn.icon{width:34px;padding:0}.btn.sm.icon{width:28px}.seg{display:inline-flex;padding:3px;border-radius:9px;background:var(--code-bg);border:1px solid var(--border);gap:2px}[data-theme=dark] .seg{background:var(--theme)}.seg button{height:28px;padding:0 11px;border-radius:7px;border:0;background:0 0;color:var(--secondary);font-size:.84rem;font-weight:600;cursor:pointer;font-family:inherit}.seg button:hover{color:var(--primary)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--primary);box-shadow:0 1px 2px rgba(0,0,0,.12)}[data-theme=dark] .seg button[aria-pressed=true]{background:var(--tertiary)}.inp,.tool-shell select,.tool-shell input[type=text],.tool-shell input[type=number],.tool-shell input[type=search],.tool-shell input[type=datetime-local],.tool-shell input[type=date],.tool-shell input[type=time],.tool-shell input[type=password]{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--theme);color:var(--primary);font-size:.9rem;font-family:inherit;min-width:0}.tool-shell select{padding-right:6px;cursor:pointer}.inp:focus,.tool-shell select:focus,.tool-shell input:focus,textarea.code:focus,.code-out:focus{outline:2px solid var(--accent-line);outline-offset:0;border-color:var(--accent)}.inp.mono,.mono{font-family:var(--mono)}.field{display:flex;flex-direction:column;gap:5px;font-size:.8rem;font-weight:600;color:var(--secondary)}.field>.inp,.field>select,.field>input{font-weight:400}.fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.check{display:inline-flex;align-items:center;gap:7px;font-size:.87rem;color:var(--primary);cursor:pointer;user-select:none}.check input{width:16px;height:16px;accent-color:var(--accent);margin:0}input[type=range]{accent-color:var(--accent)}.panes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panes.one{grid-template-columns:1fr}.panes.three{grid-template-columns:repeat(3,1fr)}.pane{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--theme)}.pane-h{display:flex;align-items:center;gap:6px;min-height:40px;padding:4px 6px 4px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary)}.list .pane-h{background:var(--code-bg)}[data-theme=dark] .pane-h{background:var(--entry)}.pane-h .grow{flex:1}.pane-h .meta{text-transform:none;letter-spacing:0;font-weight:500;font-size:.78rem}.pane-b{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}textarea.code,.code-out{display:block;width:100%;flex:1;min-height:320px;resize:vertical;font-family:var(--mono);font-size:13px;line-height:1.6;tab-size:4;padding:12px 14px;border:0;border-radius:0;background:0 0;color:var(--primary);white-space:pre;overflow:auto;margin:0}textarea.code.wrap,.code-out.wrap{white-space:pre-wrap;word-break:break-word}textarea.code.short,.code-out.short{min-height:140px}textarea.code::placeholder{color:var(--secondary);opacity:.7}.code-out{user-select:text}.code-out:empty::before{content:attr(data-placeholder);color:var(--secondary);opacity:.7}.msg{font-size:.87rem;padding:9px 12px;border-radius:8px;background:var(--surface-2);color:var(--secondary);border:1px solid var(--border)}.msg:empty{display:none}.msg.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.msg.err{background:var(--err-soft);color:var(--err);border-color:transparent}.msg.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:100px;background:var(--surface-2);color:var(--secondary);border:1px solid var(--border);text-transform:none;letter-spacing:0}.badge.ok{color:var(--ok);background:var(--ok-soft);border-color:transparent}.badge.err{color:var(--err);background:var(--err-soft);border-color:transparent}.badge.warn{color:var(--warn);background:var(--warn-soft);border-color:transparent}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.stat{padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--theme)}.stat b{display:block;font-size:1.35rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat span{font-size:.78rem;color:var(--secondary)}table.kv{width:100%;border-collapse:collapse;font-size:.9rem}table.kv th,table.kv td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}table.kv th{width:34%;color:var(--secondary);font-weight:600;white-space:nowrap}table.kv td{font-family:var(--mono);font-size:.85rem;word-break:break-all}table.kv tr:last-child th,table.kv tr:last-child td{border-bottom:0}table.kv td .btn{float:right;margin-left:8px}table.grid{width:100%;border-collapse:collapse;font-size:.85rem}table.grid th,table.grid td{border:1px solid var(--border);padding:6px 9px;text-align:left;vertical-align:top}table.grid th{background:var(--surface-2);font-weight:700;position:sticky;top:0}.scroll-x{overflow:auto;max-height:520px}.drop{border:2px dashed var(--border);border-radius:12px;padding:28px;text-align:center;color:var(--secondary);cursor:pointer;transition:border-color .15s,background .15s;font-size:.93rem}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft);color:var(--primary)}.drop b{color:var(--primary)}.pane-b.over{outline:2px dashed var(--accent);outline-offset:-6px;background:var(--accent-soft)}.t-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%)translateY(20px);background:var(--primary);color:var(--theme);padding:9px 16px;border-radius:9px;font-size:.88rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1000;box-shadow:var(--shadow-md)}.t-toast.show{opacity:1;transform:translateX(-50%)translateY(0)}.t-toast.err{background:var(--err);color:#fff}@media(max-width:980px){.tool-below{grid-template-columns:1fr}.perks{grid-template-columns:1fr 1fr}.panes.three{grid-template-columns:1fr}}@media(max-width:760px){.panes{grid-template-columns:1fr}.tool-shell{padding:10px}textarea.code,.code-out{min-height:220px}.perks{grid-template-columns:1fr}.tool-head .private{display:none}}