.skip{background:var(--accent);color:#16121f;z-index:200;font-weight:600;font-size:var(--fs-sm);transition:top .2s var(--ease);border-radius:8px;padding:.6em 1em;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.nav{z-index:100;transition:background-color .4s var(--ease), border-color .4s var(--ease), backdrop-filter .4s;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav.scrolled,.reading .nav{background:color-mix(in oklch, var(--bg) 58%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);border-bottom-color:var(--line)}.nav-inner{width:min(100% - calc(var(--gutter) * 2), var(--maxw));align-items:center;gap:2rem;height:72px;margin-inline:auto;display:flex}.brand{flex-shrink:0;align-items:center;gap:.6rem;display:inline-flex}.brand .mark{width:30px;height:30px}.brand .wordmark{font-family:var(--serif);letter-spacing:.01em;padding-top:3px;font-size:1.55rem;line-height:1}.brand .wordmark b{font-weight:400}.nav-links{align-items:center;gap:.3rem;margin-left:auto;display:flex}.nav-links a{font-size:var(--fs-sm);color:var(--text-dim);white-space:nowrap;transition:color .3s var(--ease);border-radius:8px;padding:.5em .85em;position:relative}.nav-links a:hover{color:var(--text)}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .35s var(--ease);position:absolute;bottom:.25em;left:.85em;right:.85em;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.nav-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--text-dim);transition:color .3s var(--ease), border-color .3s var(--ease), background-color .3s var(--ease);border-radius:10px;place-items:center;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--line-strong);background:color-mix(in oklch, var(--surface-1) 60%, transparent)}.icon-btn svg{width:18px;height:18px}.nav-burger{display:none}.mobile-menu{z-index:99;background:color-mix(in oklch, var(--bg) 96%, transparent);backdrop-filter:blur(20px);padding:var(--gutter);transition:transform .5s var(--ease);visibility:hidden;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu.open{visibility:visible;transform:none}.mobile-menu a{font-family:var(--serif);border-bottom:1px solid var(--line);color:var(--text);padding:.5rem 0;font-size:2rem}.mobile-menu .btn{align-self:flex-start;margin-top:2rem}.hero{padding-top:clamp(8rem,6rem + 8vw,12rem);padding-bottom:var(--section-y);position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,1rem + 3vw,4rem);display:grid}.hero-badge{white-space:nowrap;line-height:1;font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--text-dim);border:1px solid var(--line);background:color-mix(in oklch, var(--surface-1) 50%, transparent);border-radius:999px;align-items:center;gap:.6em;padding:.45em .9em;display:inline-flex}.hero-badge .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px 2px var(--glow);border-radius:50%}.hero h1{font-family:var(--serif);font-weight:400;font-size:var(--fs-display);letter-spacing:-.018em;text-wrap:balance;margin:1.4rem 0 0;line-height:.98}.hero h1 em{font-style:italic}.hero h1 .lum{color:#0000;background:linear-gradient(96deg, var(--accent-soft), var(--text) 55%);-webkit-background-clip:text;background-clip:text}.hero-sub{font-size:var(--fs-lead);color:var(--text-dim);text-wrap:pretty;max-width:46ch;margin-top:1.6rem}.hero-cta{flex-wrap:wrap;gap:.85rem;margin-top:2.2rem;display:flex}.hero-langs{flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;margin-top:3rem;display:flex}.hero-langs .label{font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:.1em}.hero-langs ul{flex-wrap:wrap;gap:.4rem 1.1rem;padding:0;list-style:none;display:flex}.hero-langs li{font-family:var(--mono);font-size:var(--fs-sm);color:var(--text-dim)}.hero-visual{aspect-ratio:1;min-height:360px;position:relative}.hero-visual canvas{width:100%;height:100%;position:absolute;inset:0}.hero-visual .vlabel{font-family:var(--mono);color:var(--text-faint);letter-spacing:.1em;font-size:.66rem;position:absolute;bottom:8px;left:8px}.trust{border-block:1px solid var(--line);padding-block:1.5rem;overflow:hidden}.marquee{width:max-content;animation:scroll-x calc(38s / var(--speed,1)) linear infinite;gap:3.5rem;display:flex}.trust.js-marquee .marquee{will-change:transform;animation:none}.marquee .item{color:var(--text-dim);font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:.75rem;display:inline-flex}.marquee .item svg{width:16px;height:16px;color:var(--accent-soft);flex-shrink:0}@keyframes scroll-x{to{transform:translate(-50%)}}[data-reduce-motion=true] .marquee{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.cap-grid{grid-template-columns:repeat(6,1fr);gap:1.1rem;display:grid}.cap{flex-direction:column;grid-column:span 2;min-height:260px;padding:clamp(1.5rem,1rem + 1.5vw,2.2rem);display:flex}.cap.wide{grid-column:span 3}.cap.feature{grid-column:span 6;min-height:auto}.cap-ix{border:1px solid var(--line-strong);width:46px;height:46px;color:var(--accent-soft);background:color-mix(in oklch, var(--accent) 8%, transparent);border-radius:12px;place-items:center;margin-bottom:auto;display:grid}.cap-ix svg{width:24px;height:24px}.cap h3{font-size:var(--fs-h3);letter-spacing:-.01em;margin-top:1.6rem;font-weight:600}.cap p{color:var(--text-dim);font-size:var(--fs-sm);max-width:40ch;margin-top:.6rem}.cap .tags{flex-wrap:wrap;gap:.4rem;margin-top:1.2rem;display:flex;position:relative}.tag{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--line);z-index:1;border-radius:6px;padding:.3em .6em;font-size:.7rem;position:relative}.cap .tags.pill-glow .tag{transition:color .3s var(--ease), border-color .3s var(--ease)}.cap .tags.pill-glow:hover .tag{border-color:color-mix(in oklch, var(--line) 60%, transparent)}.cap .tags.pill-glow .tag:hover{color:var(--text);border-color:#0000}.tag-spot{z-index:0;opacity:0;pointer-events:none;background:color-mix(in oklch, var(--accent) 16%, transparent);box-shadow:0 0 20px -2px color-mix(in srgb, var(--accent) 65%, transparent), inset 0 0 0 1px color-mix(in oklch, var(--accent) 50%, transparent);transition:transform .34s var(--ease), width .34s var(--ease), height .34s var(--ease), opacity .25s var(--ease);border-radius:9px;display:none;position:absolute;top:0;left:0}.cap .tags.pill-glow .tag-spot{display:block}.tag-spot.placing{transition:opacity .25s var(--ease)}.cap.feature{flex-flow:wrap;align-items:center;gap:2rem}.cap.feature .cap-body{flex:320px}.cap.feature .cap-art{flex:320px;align-self:stretch;min-height:200px;position:relative}.stack-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,1rem + 4vw,5rem);display:grid}.orbit{--osize:min(390px, 80vw);width:var(--osize);height:var(--osize);aspect-ratio:1;margin-inline:auto;position:relative}.orbit-core{background:radial-gradient(circle, var(--accent-soft), var(--accent-deep));box-shadow:0 0 50px 6px var(--glow);border-radius:50%;place-items:center;display:grid;position:absolute;inset:38%}.orbit-core span{font-family:var(--serif);color:oklch(16% .02 280);font-size:1.5rem}.orbit-core .orbit-mark{color:oklch(16% .02 280);width:54%;height:54%}[data-theme=light] .orbit-core .orbit-mark{color:oklch(99% .012 280)}.orbit-core .orbit-mark line{stroke:currentColor}.orbit-core .orbit-mark circle{fill:currentColor}.orbit-ring{border:1px solid var(--line);border-radius:50%;position:absolute}.orbit-r1{inset:12%}.orbit-r2{inset:26%}.orbit-spin{animation:spin calc(40s / var(--speed,1)) linear infinite;position:absolute;inset:0}.orbit-spin.rev{animation-direction:reverse;animation-duration:calc(56s / var(--speed,1))}@keyframes spin{to{transform:rotate(360deg)}}[data-reduce-motion=true] .orbit-spin{animation:none}.lang-node{transform:translate(-50%,-50%) rotate(var(--a)) translateX(calc(var(--osize) * var(--rad))) rotate(calc(-1 * var(--a)));position:absolute;top:50%;left:50%}.lang-chip{font-family:var(--mono);font-size:var(--fs-sm);background:var(--surface-2);border:1px solid var(--line-strong);white-space:nowrap;color:color-mix(in oklch, var(--lc,var(--text)) 55%, var(--text));box-shadow:var(--shadow);transition:border-color .3s var(--ease), box-shadow .3s var(--ease), background-color .3s var(--ease);border-radius:999px;align-items:center;gap:.5em;padding:.5em .9em;font-weight:500;display:inline-flex}.lang-chip:hover{border-color:color-mix(in oklch, var(--lc) 60%, var(--line-strong));background:color-mix(in oklch, var(--lc) 10%, var(--surface-2));box-shadow:var(--shadow), 0 0 20px -2px color-mix(in srgb, var(--lc) 60%, transparent)}.lang-chip .lang-ic{color:#fff;background:var(--lc);border-radius:5px;flex-shrink:0;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:700;line-height:1;display:inline-grid}.orbit-spin .lang-node .lang-chip{animation:counter calc(40s / var(--speed,1)) linear infinite}.orbit-spin.rev .lang-node .lang-chip{animation-duration:calc(56s / var(--speed,1));animation-direction:reverse}@keyframes counter{to{transform:rotate(-360deg)}}[data-reduce-motion=true] .lang-chip{animation:none!important}.stack-points{gap:1.1rem;margin-top:1.8rem;padding:0;list-style:none;display:grid}.stack-points li{align-items:flex-start;gap:.9rem;display:flex}.stack-points .k{color:var(--accent-soft);font-family:var(--mono);font-size:var(--fs-xs);flex-shrink:0;padding-top:.35em}.stack-points strong{font-weight:600}.stack-points p{color:var(--text-dim);font-size:var(--fs-sm);margin-top:.15rem}.dx-grid{grid-template-columns:.9fr minmax(0,1.1fr);align-items:center;gap:clamp(2.5rem,1.5rem + 3vw,4.5rem);display:grid}.dx-grid>*{min-width:0}.editor{border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--code-bg);box-shadow:var(--shadow);min-width:0;overflow:hidden}.editor-bar{border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--code-bg) 80%, #000);align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.editor-bar .dots{gap:.4rem;display:flex}.editor-bar .dots i{background:var(--line-strong);border-radius:50%;width:11px;height:11px}.editor-tabs{gap:.25rem;margin-left:.8rem;display:flex}.editor-tab{font-family:var(--mono);color:var(--text-faint);transition:all .3s var(--ease);border-radius:6px;padding:.3em .7em;font-size:.72rem}.editor-tab[aria-selected=true]{color:var(--text);background:color-mix(in oklch, var(--surface-2) 70%, transparent)}.editor-body{font-family:var(--mono);color:oklch(85% .01 274);height:348px;padding:1.2rem 1.3rem;font-size:.82rem;line-height:1.75;overflow:auto}.editor-body pre{margin:0}.editor-body .ln{color:oklch(45% .01 274);user-select:none;text-align:right;width:1.8em;margin-right:1.3em;display:inline-block}.tok-kw{color:oklch(72% .16 300)}.tok-fn{color:oklch(78% .13 240)}.tok-ty{color:oklch(82% .11 95)}.tok-str{color:oklch(78% .12 150)}.tok-num{color:oklch(78% .12 40)}.tok-cm{color:oklch(50% .01 274);font-style:italic}.tok-pn{color:oklch(62% .01 274)}.editor-foot{border-top:1px solid var(--line);font-family:var(--mono);color:var(--text-faint);align-items:center;gap:1.2rem;padding:.6rem 1.3rem;font-size:.7rem;display:flex}.editor-foot .ok{color:oklch(75% .14 150)}.dx-points{gap:1.3rem;display:grid}.dx-points .dxp{border-left:2px solid var(--line);transition:border-color .3s var(--ease);padding-left:1.4rem}.dx-points .dxp:hover{border-color:var(--accent)}.dx-points h4{font-size:1.1rem;font-weight:600}.dx-points p{color:var(--text-dim);font-size:var(--fs-sm);margin-top:.3rem}.lab-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.lab-card{flex-direction:column;gap:.9rem;min-height:230px;padding:1.7rem;display:flex}.lab-card .lab-top{justify-content:space-between;align-items:center;display:flex}.lab-pkg{font-family:var(--mono);font-size:var(--fs-sm);color:var(--text)}.lab-status{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--text-dim);border-radius:6px;padding:.3em .6em;font-size:.65rem}.lab-status.soon{color:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 40%, var(--line))}.lab-card h3{font-size:1.15rem;font-weight:600}.lab-card p{color:var(--text-dim);font-size:var(--fs-sm);flex:1}.lab-meta{font-family:var(--mono);color:var(--text-faint);align-items:center;gap:1rem;font-size:.7rem;display:flex}.lab-install{font-family:var(--mono);color:oklch(85% .012 274);background:var(--code-bg);border:1px solid var(--line-strong);border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.6em .8em;font-size:.74rem;display:flex}.lab-install button{color:oklch(62% .012 274);transition:color .2s}.lab-install button:hover{color:var(--accent-soft)}.case-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.case-card{flex-direction:column;padding:1.7rem;display:flex}.case-tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft);font-size:.68rem}.case-card h3{font-family:var(--serif);margin-top:1rem;font-size:1.55rem;font-weight:400;line-height:1.1}.case-card p{color:var(--text-dim);font-size:var(--fs-sm);flex:1;margin-top:.7rem}.case-metrics{padding-top:1.3rem;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:1.6rem;padding-inline:.55rem;display:grid}.case-metric{flex-direction:column;min-width:0;display:flex}.case-metric:first-child{text-align:left;align-items:flex-start}.case-metric:nth-child(2){text-align:center;align-items:center}.case-metric:nth-child(3){text-align:right;align-items:flex-end}.case-metric .n{font-family:var(--serif);color:var(--text);font-size:1.9rem;line-height:1}.case-metric .l{color:var(--text-faint);text-wrap:balance;margin-top:.35rem;font-size:.72rem}.blog-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:3rem;display:grid}.post{flex-direction:column;display:flex;overflow:hidden}.post-art{aspect-ratio:16/10;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.post-body{flex-direction:column;flex:1;padding:1.4rem;display:flex}.post-meta{font-family:var(--mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;gap:.8rem;font-size:.68rem;display:flex}.post-meta span{white-space:nowrap}.post h3{letter-spacing:-.01em;margin-top:.8rem;font-size:1.2rem;font-weight:600;line-height:1.25}.post p{color:var(--text-dim);font-size:var(--fs-sm);flex:1;margin-top:.5rem}.post .read{font-family:var(--mono);color:var(--accent-soft);align-items:center;gap:.4em;margin-top:1.1rem;font-size:.72rem;display:inline-flex}.post:hover .read .btn-arrow{transform:translate(3px)}.ph{background-color:var(--surface-2);background-image:repeating-linear-gradient(135deg, color-mix(in oklch, var(--accent) 10%, transparent) 0 2px, transparent 2px 11px);position:relative}.ph:after{content:attr(data-ph);font-family:var(--mono);color:var(--text-faint);letter-spacing:.08em;place-items:center;font-size:.7rem;display:grid;position:absolute;inset:0}.cta{position:relative}.cta-card{border:1px solid var(--line-strong);border-radius:var(--r-xl);text-align:center;background:radial-gradient(120% 140% at 50% -20%, color-mix(in oklch, var(--accent) 28%, transparent), transparent 60%), color-mix(in oklch, var(--surface-1) 70%, transparent);padding:clamp(2.5rem,1.5rem + 5vw,6rem);position:relative;overflow:hidden}.cta-card h2{font-family:var(--serif);font-weight:400;font-size:var(--fs-h1);letter-spacing:-.015em;line-height:1.02}.cta-card h2 em{color:var(--accent-soft);font-style:italic}.cta-card p{color:var(--text-dim);font-size:var(--fs-lead);text-wrap:pretty;max-width:48ch;margin:1.3rem auto 0}.cta-card .hero-cta{justify-content:center}.footer{border-top:1px solid var(--line);padding-top:clamp(3rem,2rem + 3vw,5rem);padding-bottom:3rem}.footer-top{grid-template-columns:1.4fr repeat(4,1fr);gap:2.5rem;display:grid}.footer-brand .wordmark{font-family:var(--serif);font-size:1.7rem}.footer-brand p{color:var(--text-dim);font-size:var(--fs-sm);max-width:32ch;margin-top:1rem}.footer-social{gap:.6rem;margin-top:1.5rem;display:flex}.footer-col h5{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1.1rem;font-size:.7rem}.footer-col ul{gap:.7rem;padding:0;list-style:none;display:grid}.footer-col a{font-size:var(--fs-sm);color:var(--text-dim);transition:color .25s}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3.5rem;padding-top:1.5rem;display:flex}.footer-bottom p,.footer-bottom a{font-size:var(--fs-xs);color:var(--text-faint)}.footer-legal{gap:1.4rem;display:flex}.config-fab{z-index:90;background:var(--surface-2);border:1px solid var(--line-strong);width:50px;height:50px;color:var(--accent-soft);box-shadow:var(--shadow);transition:transform .4s var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:20px;right:20px}.config-fab:hover{transform:rotate(45deg)scale(1.05)}.config-fab svg{width:22px;height:22px}.config-panel{z-index:91;background:color-mix(in oklch, var(--surface-1) 92%, transparent);backdrop-filter:blur(20px);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:290px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform-origin:100% 100%;transition:transform .35s var(--ease), opacity .3s var(--ease), visibility .3s;padding:1.3rem;position:fixed;bottom:82px;right:20px;transform:translateY(12px)scale(.96)}.config-panel.open{opacity:1;visibility:visible;transform:none}.config-panel h4{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.9rem;font-size:.7rem}.config-row+.config-row{margin-top:1.3rem}.config-seg{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;gap:.3rem;padding:.25rem;display:flex}.config-seg button{font-size:var(--fs-xs);color:var(--text-dim);transition:all .25s var(--ease);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:.4em;padding:.5em;display:inline-flex}.config-seg button[aria-pressed=true]{background:color-mix(in oklch, var(--accent) 22%, transparent);color:var(--text)}.config-seg button svg{width:14px;height:14px}.lang-switch{position:relative}.lang-btn{font-family:var(--mono);letter-spacing:.04em;font-size:.72rem;font-weight:600;position:relative}.lang-spinner{display:none}.lang-btn.loading [data-lang-code]{visibility:hidden}.lang-btn.loading .lang-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:15px;height:15px;margin:auto;animation:.6s linear infinite lang-spin;display:block;position:absolute;inset:0}@keyframes lang-spin{to{transform:rotate(360deg)}}.lang-menu{z-index:95;background:var(--surface-glass);backdrop-filter:blur(20px);border:1px solid var(--line-strong);min-width:148px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform-origin:100% 0;transition:opacity .22s var(--ease), transform .22s var(--ease), visibility .22s;border-radius:12px;gap:2px;padding:.35rem;display:grid;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px)scale(.97)}.lang-menu:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.lang-switch:hover .lang-menu,.lang-switch:focus-within .lang-menu{opacity:1;visibility:visible;transform:none}.lang-menu a{font-size:var(--fs-sm);color:var(--text-dim);text-align:left;transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:8px;justify-content:space-between;align-items:center;gap:.8rem;padding:.5em .7em;display:flex}.lang-menu a:hover{background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--text)}.lang-menu a[aria-current=true]{color:var(--text)}.lang-menu a[aria-current=true]:after{content:"●";color:var(--accent);font-size:.55em}.i18n-loading{cursor:progress}.swatches{gap:.5rem;display:flex}.swatch-btn{width:30px;height:30px;transition:transform .25s var(--ease);border:2px solid #0000;border-radius:9px;position:relative}.swatch-btn:hover{transform:scale(1.1)}.swatch-btn[aria-pressed=true]{border-color:var(--text)}.swatch-btn span{border-radius:6px;position:absolute;inset:3px}.config-toggle{justify-content:space-between;align-items:center;display:flex}.config-toggle label{font-size:var(--fs-sm);color:var(--text-dim)}.switch{background:var(--line-strong);width:42px;height:24px;transition:background .3s var(--ease);border-radius:999px;flex-shrink:0;position:relative}.switch:after{content:"";background:var(--text);width:18px;height:18px;transition:transform .3s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-pressed=true]{background:var(--accent)}.switch[aria-pressed=true]:after{background:oklch(16% .02 280);transform:translate(18px)}.about-grid{grid-template-columns:1.05fr .92fr;align-items:start;gap:clamp(2rem,1rem + 4vw,4.5rem);display:grid}.about-narrative{flex-direction:column;align-items:flex-start;display:flex}.about-body{color:var(--text-dim);font-size:var(--fs-lead);text-wrap:pretty;max-width:52ch}.about-narrative .eyebrow{margin-top:2.4rem}.about-values{gap:1.4rem;width:100%;margin-top:1.5rem;display:grid}.about-value{border-left:2px solid var(--line);transition:border-color .3s var(--ease);padding-left:1.4rem}.about-value:hover{border-color:var(--accent)}.about-value h4{letter-spacing:-.005em;font-size:1.1rem;font-weight:600}.about-value p{color:var(--text-dim);font-size:var(--fs-sm);text-wrap:pretty;max-width:48ch;margin-top:.3rem}.about-narrative .btn{margin-top:2.2rem}.about-photo{position:sticky;top:100px}.about-photo .ph{aspect-ratio:4/5;border:1px solid var(--line);border-radius:var(--r-lg);height:auto;min-height:380px}.about-photo .vlabel{font-family:var(--mono);color:var(--text-faint);letter-spacing:.08em;font-size:.66rem;position:absolute;bottom:10px;left:12px}[data-about-photo=off] .about-photo{display:none}[data-about-photo=off] .about-grid{grid-template-columns:1fr}[data-about-photo=off] .about-body{max-width:70ch}[data-about-photo=off] .about-values{grid-template-columns:1fr 1fr;gap:1.4rem 2.4rem}.about-process{grid-template-columns:repeat(4,1fr);gap:1.1rem;display:grid}.about-step{flex-direction:column;min-height:200px;padding:clamp(1.4rem,1rem + 1vw,1.9rem);display:flex}.about-step .k{font-family:var(--mono);font-size:var(--fs-xs);color:var(--accent-soft);letter-spacing:.14em}.about-step h4{font-family:var(--serif);margin-top:.9rem;font-size:1.5rem;font-weight:400;line-height:1.1}.about-step p{color:var(--text-dim);font-size:var(--fs-sm);text-wrap:pretty;margin-top:.6rem}@media (width<=980px){.about-grid{grid-template-columns:1fr}.about-photo{order:-1;max-width:460px;margin-inline:auto;position:static}.about-photo .ph{aspect-ratio:16/10;min-height:300px}.about-process{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){[data-about-photo=off] .about-values,.about-process{grid-template-columns:1fr}}[data-headline=grotesk]{--serif:var(--sans)}[data-headline=grotesk] .hero h1,[data-headline=grotesk] .section-head h2,[data-headline=grotesk] .cta-card h2,[data-headline=grotesk] #stack h2,[data-headline=grotesk] .case-card h3{letter-spacing:-.03em;font-weight:700;line-height:1.02}[data-headline=grotesk] .hero h1 em,[data-headline=grotesk] .section-head h2 em,[data-headline=grotesk] .cta-card h2 em,[data-headline=grotesk] #stack h2 em{font-style:normal}[data-density=compact]{--section-y:clamp(3.5rem, 2rem + 4vw, 6rem)}[data-density=comfy]{--section-y:clamp(6.5rem, 4rem + 10vw, 12rem)}.tweaks-host{z-index:120;background:color-mix(in oklch, var(--surface-1) 94%, transparent);backdrop-filter:blur(22px);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:290px;box-shadow:var(--shadow);padding:1.3rem;position:fixed;top:84px;right:20px}.tweaks-host[hidden]{display:none}.tweaks-head{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.tweaks-head span{font-family:var(--serif);font-size:1.3rem}.tweaks-close{width:28px;height:28px;color:var(--text-dim);border:1px solid var(--line);border-radius:8px;place-items:center;font-size:1.1rem;line-height:1;display:grid}.tweaks-close:hover{color:var(--text);border-color:var(--line-strong)}@media (width<=620px){.tweaks-host{width:calc(100vw - 40px)}}@media (width<=980px){.nav-links{display:none}.nav-burger{display:grid}.hero-grid{grid-template-columns:1fr}.hero-visual{aspect-ratio:4/3;order:-1;max-width:480px;min-height:300px;margin-inline:auto}.stack-grid,.dx-grid{grid-template-columns:1fr}.dx-grid .editor{order:2}.cap.wide,.cap{grid-column:span 3}.lab-grid,.case-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=620px){.cap-grid{grid-template-columns:1fr}.cap,.cap.wide,.cap.feature{grid-column:auto}.cap.feature{flex-direction:column;align-items:flex-start}.lab-grid,.case-grid,.blog-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;align-items:flex-start}.case-metrics{gap:1.2rem}.config-panel{width:calc(100vw - 40px)}}.modal-root{z-index:200;display:none;position:fixed;inset:0}.modal-root.open{display:block}.modal-backdrop{background:color-mix(in oklch, var(--bg) 60%, transparent);backdrop-filter:blur(7px);animation:modal-fade .3s var(--ease);position:absolute;inset:0}.modal-card{background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:min(560px,100vw - 28px);max-height:calc(100vh - 44px);box-shadow:var(--shadow);animation:modal-pop .32s var(--ease);scrollbar-gutter:stable;padding:clamp(1.5rem,1rem + 2vw,2.4rem);position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translate(-50%,-46%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.modal-close{width:32px;height:32px;color:var(--text-dim);border:1px solid var(--line);transition:color .2s var(--ease), border-color .2s var(--ease);border-radius:9px;place-items:center;font-size:1.05rem;line-height:1;display:grid;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--text);border-color:var(--line-strong)}.modal-card h2{font-family:var(--serif);letter-spacing:-.01em;margin-top:.7rem;font-size:1.9rem;font-weight:400;line-height:1.05}.modal-lead,.modal-sub{color:var(--text-dim);font-size:var(--fs-sm);text-wrap:pretty;margin-top:.6rem}.project-form{gap:1.1rem;margin-top:1.6rem;display:grid}.project-form .field{gap:.4rem;display:grid}.project-form label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:.68rem}.project-form input,.project-form textarea{background:color-mix(in oklch, var(--surface-2) 70%, transparent);border:1px solid var(--line-strong);width:100%;color:var(--text);font:inherit;font-size:var(--fs-sm);resize:vertical;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:10px;padding:.7em .85em}.project-form input:focus,.project-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 22%, transparent);outline:none}.project-form .chips{flex-wrap:wrap;gap:.4rem;display:flex}.project-form .chip{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--line-strong);transition:color .2s var(--ease), border-color .2s var(--ease), background-color .2s var(--ease);border-radius:999px;padding:.4em .75em;font-size:.72rem}.project-form .chip:hover{color:var(--text);border-color:var(--accent)}.project-form .chip[aria-pressed=true]{background:color-mix(in oklch, var(--accent) 18%, transparent);border-color:var(--accent);color:var(--text)}.project-form .btn-primary{justify-self:start;margin-top:.3rem}.modal-card .btn:hover{transform:none}.modal-card .btn:active{transform:scale(.99)}.modal-sep{background:var(--line);height:1px;margin:.4rem 0 1.1rem}.scheduler .eyebrow{display:block}.cal{border:1px solid var(--line);border-radius:12px;margin-top:1rem;padding:.9rem}.cal-head{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.cal-month{font-family:var(--serif);text-transform:capitalize;font-size:1.05rem}.cal-nav{width:30px;height:30px;color:var(--text-dim);border:1px solid var(--line);border-radius:8px;place-items:center;font-size:1.1rem;line-height:1;display:grid}.cal-nav:hover{color:var(--text);border-color:var(--line-strong)}.cal-week,.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-week span{text-align:center;color:var(--text-faint);font-size:.6rem;font-family:var(--mono);padding-bottom:.3rem}.cal-day{aspect-ratio:1;color:var(--text-dim);transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:8px;place-items:center;font-size:.8rem;display:grid}.cal-day:hover:not(:disabled){background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--text)}.cal-day:disabled{opacity:.26}.cal-day.today{box-shadow:inset 0 0 0 1px var(--line-strong)}.cal-day.selected{background:var(--accent);color:#fff}.slots{flex-wrap:wrap;gap:6px;margin-top:.9rem;display:flex}.slot{font-family:var(--mono);border:1px solid var(--line-strong);color:var(--text-dim);transition:color .18s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease);border-radius:8px;padding:.45em .75em;font-size:.72rem}.slot:hover{border-color:var(--accent);color:var(--text)}.slot.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.cal-chosen{color:var(--text-dim);min-height:1.1em;margin-top:.8rem;font-size:.78rem}[data-modal-view=success]{text-align:center;padding:1.5rem 0 .5rem}.success-mark{color:#fff;background:var(--accent);width:56px;height:56px;box-shadow:0 0 30px -4px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:1.6rem;display:grid}[data-modal-view=success] .btn{margin-top:1.4rem}@media (width<=480px){.modal-card{padding:1.4rem}.modal-card h2{font-size:1.55rem}}.article-main{padding-top:clamp(5.5rem,4rem + 6vw,8rem);padding-bottom:clamp(3rem,2rem + 4vw,6rem)}.article{width:min(100% - 2.5rem,720px);margin-inline:auto}.article-back{white-space:nowrap;font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-dim);transition:color .2s var(--ease);align-items:center;gap:.5em;display:inline-flex}.article-back:hover{color:var(--accent-soft)}.article-meta{font-family:var(--mono);color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.8rem;font-size:.72rem;display:flex}.article-meta>span{white-space:nowrap}.article-meta .case-tag{color:var(--accent-soft)}.article h1{font-family:var(--serif);letter-spacing:-.015em;margin-top:1.1rem;font-size:clamp(2.1rem,1.4rem + 3.4vw,3.5rem);font-weight:400;line-height:1.12}.article-standfirst{font-size:var(--fs-lead);color:var(--text-dim);text-wrap:pretty;max-width:60ch;margin-top:1.5rem;line-height:1.5}.article-byline{font-size:var(--fs-sm);color:var(--text-dim);align-items:center;gap:.6em;margin-top:1.6rem;display:flex}.article-byline .byline-dot{background:radial-gradient(circle at 35% 30%, var(--accent-soft), var(--accent-deep));width:26px;height:26px;box-shadow:0 0 14px -2px var(--glow);border-radius:50%;flex-shrink:0}.article-byline strong{color:var(--text);font-weight:600}.article-cover{aspect-ratio:16/7;border-radius:var(--r-lg);border:1px solid var(--line);margin:2.4rem 0}.article-body{color:var(--text);font-size:1.12rem;line-height:1.75}.article-body>*+*{margin-top:1.5rem}.article-body .lead{color:var(--text);font-size:1.3rem;line-height:1.5}.article-body p{color:oklch(from var(--text) l c h / .86);text-wrap:pretty}.article-body h2{font-family:var(--serif);letter-spacing:-.01em;color:var(--text);margin-top:2.6rem;font-size:1.7rem;font-weight:400;line-height:1.12}.article-body ul{gap:.7rem;padding-left:0;list-style:none;display:grid}.article-body li{color:oklch(from var(--text) l c h / .86);padding-left:1.5rem;position:relative}.article-body li:before{content:"";background:var(--accent);border-radius:2px;width:7px;height:7px;position:absolute;top:.62em;left:0}.article-body blockquote{border-left:2px solid var(--accent);margin:2.4rem 0;padding:.2rem 0 .2rem 1.4rem}.article-body blockquote p{font-family:var(--serif);color:var(--text);font-size:1.45rem;font-style:italic;line-height:1.32}.article-body blockquote cite{font:500 var(--fs-xs)/1.4 var(--mono);color:var(--text-faint);letter-spacing:.04em;margin-top:.7rem;font-style:normal;display:block}.article-more{border-top:1px solid var(--line);margin-top:4rem;padding-top:2.2rem}.article-more h3{font-family:var(--serif);letter-spacing:-.01em;font-size:1.6rem;font-weight:400}.article-more h3 em{color:var(--accent-soft);font-style:italic}.more-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:1.6rem;display:grid}.more-card .post-art{aspect-ratio:16/10}.more-card h3{font-size:1.05rem;font-weight:600;line-height:1.25}.article-missing{text-align:center;width:min(100% - 2.5rem,720px);margin:4rem auto}.article-missing h1{font-family:var(--serif);color:var(--accent-soft);font-size:4rem}.article-missing p{color:var(--text-dim);margin:.5rem 0 1.6rem}@media (width<=680px){.more-grid{grid-template-columns:1fr}}.modal-error{border-radius:var(--r-sm,10px);color:color-mix(in oklab, #ff6b6b 75%, var(--fg));background:oklab(71.1607% .167013 .0703394/.1);border:1px solid oklab(71.1608% .167013 .0703394/.45);margin:0 0 .9rem;padding:.7rem .9rem;font-size:.9rem;line-height:1.45}.modal-error[hidden]{display:none}.fb-root{z-index:60;position:fixed;bottom:1.25rem;left:1.25rem}.fb-root.fb-open{z-index:110}.fb-fab{background:var(--surface-1);color:var(--text);border:1px solid var(--line-strong);font:inherit;cursor:pointer;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.85rem;font-weight:600;display:inline-flex}.fb-fab:hover{border-color:var(--accent)}.fb-fab svg{width:16px;height:16px}.fb-panel{background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--r-md);width:min(340px,100vw - 2.5rem);box-shadow:var(--shadow);overscroll-behavior:contain;max-height:calc(100vh - 152px);padding:1rem 1.1rem;position:absolute;bottom:calc(100% + .6rem);left:0;overflow-y:auto}.fb-panel[hidden]{display:none}.fb-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.fb-close{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:.1rem .3rem;font-size:1rem}.fb-lead{color:var(--text-dim);margin:.3rem 0 .8rem;font-size:.82rem}.fb-rating{gap:.15rem;margin-bottom:.7rem;display:flex}.fb-star{cursor:pointer;color:var(--text-faint);background:0 0;border:0;padding:0 .05rem;font-size:1.25rem;line-height:1}.fb-star.on{color:var(--accent)}.fb-field{margin-bottom:.6rem;display:block}.fb-field span{color:var(--text-dim);margin-bottom:.25rem;font-size:.75rem;display:block}.fb-field textarea,.fb-field input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line-strong);border-radius:var(--r-sm);font:inherit;resize:vertical;padding:.45rem .6rem;font-size:.85rem}.fb-error{color:#ff6b6b;margin:0 0 .5rem;font-size:.8rem}.fb-error[hidden]{display:none}.fb-done{text-align:center;padding:1.4rem .5rem}.fb-done[hidden]{display:none}.fb-done p{color:var(--text-dim);margin:.6rem 0 0;font-size:.88rem}@media (width<=720px){.fb-root{bottom:1rem;left:1rem}}.article-body>figure{margin:2rem 0}.article-body figcaption{color:var(--muted,#8b8fa3);text-align:center;margin-top:.6rem;font-size:.85rem}.block-code pre{border:1px solid var(--line-strong);background:var(--code-bg);color:oklch(85% .01 274);-webkit-overflow-scrolling:touch;border-radius:12px;margin:0;padding:1rem 1.1rem;overflow-x:auto}.block-code code{font-family:var(--mono,ui-monospace, monospace);white-space:pre;background:0 0;padding:0;font-size:.86rem;line-height:1.7}.block-code pre[data-lang]{padding-top:1.6rem;position:relative}.block-code pre[data-lang]:before{content:attr(data-lang);font-family:var(--mono,ui-monospace, monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#8b8fa3);font-size:.68rem;position:absolute;top:.45rem;right:.8rem}.block-image img{border:1px solid var(--line,#ffffff1a);border-radius:12px;width:100%;height:auto;display:block}.block-embed .embed-frame{aspect-ratio:16/9;border:1px solid var(--line,#ffffff1a);background:var(--panel,#ffffff08);border-radius:12px;position:relative;overflow:hidden}.block-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.block-embed[data-provider=gist] .embed-frame{aspect-ratio:auto;height:420px}.block-table .table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.block-table table{border-collapse:collapse;width:100%;font-size:.92rem}.block-table th,.block-table td{text-align:left;border-bottom:1px solid var(--line,#ffffff1a);vertical-align:top;padding:.6rem .8rem}.block-table th{white-space:nowrap;font-weight:600}.block-callout{border-left:3px solid var(--tone,var(--accent));background:color-mix(in oklch, var(--tone,var(--accent)) 8%, transparent);border-radius:12px;margin:2rem 0;padding:1rem 1.2rem;font-size:.95rem}.block-callout[data-tone=note]{--tone:oklch(70% .1 250)}.block-callout[data-tone=tip]{--tone:oklch(72% .15 155)}.block-callout[data-tone=warning]{--tone:oklch(80% .14 85)}.block-callout[data-tone=danger]{--tone:oklch(66% .19 22)}.block-callout>:first-child{margin-top:0}.block-callout>:last-child{margin-bottom:0}.block-divider{border:0;border-top:1px solid var(--line,#ffffff1a);width:40%;margin:2.5rem auto}.article-body h2{position:relative}.heading-anchor{opacity:0;color:var(--muted,#8b8fa3);margin-left:.4rem;text-decoration:none;transition:opacity .12s}.article-body h2:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.section-flush{padding-top:0}.section-head.pushed{margin-top:1.6rem}.section-head.flush{margin-bottom:0}.page-title{font-size:var(--fs-h1)}.btn-arrow.back{display:inline-block;transform:rotate(180deg)}.eyebrow.centred,.cta-card .eyebrow{justify-content:center}.cta-card h2{margin-top:1rem}.about-narrative .about-body{margin-top:1.2rem}.mark,.orbit-mark{stroke-linecap:round}.icon-14{width:14px;height:14px}.is-hidden{display:none}.stack-heading{font-family:var(--serif);font-weight:400;font-size:var(--fs-h2);letter-spacing:-.01em;margin-top:1rem;line-height:1.04}.stack-lead{font-size:var(--fs-lead);text-wrap:pretty;max-width:46ch;margin-top:1.1rem}.tag-row{flex-wrap:wrap;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--line);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.tag a{border-radius:inherit;color:inherit;transition:color .2s var(--ease), border-color .2s var(--ease);margin:-.2rem -.6rem;padding:.2rem .6rem;text-decoration:none;display:block}.tag:has(a):hover{border-color:color-mix(in oklch, var(--accent) 45%, transparent)}.tag a:hover{color:var(--accent-soft)}.tag a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tag-row-sm{margin-top:.5rem}.tag-row-sm .tag{padding:.1rem .45rem;font-size:.68rem}