:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(14.8% .006 262);--bg-sunken:oklch(12.2% .006 262);--surface:oklch(18.1% .007 262);--surface-high:oklch(21.4% .008 262);--line:oklch(100% 0 0/.08);--line-strong:oklch(100% 0 0/.15);--text:oklch(96.5% .003 262);--dim:oklch(71.5% .011 262);--faint:oklch(60% .012 262);--accent:oklch(63.8% .181 253);--accent-soft:oklch(72% .14 250);--live:oklch(78.8% .185 149);--warn:oklch(79% .166 68);--shell:1120px;--gutter:24px;--edge:max(var(--gutter), calc((100vw - var(--shell)) / 2));--ease-out-soft:cubic-bezier(.16, 1, .3, 1);--ease-out-quad:cubic-bezier(.25, .46, .45, .94);--ease-in-out-cubic:cubic-bezier(.645, .045, .355, 1);--ease-out-back:cubic-bezier(.34, 1.4, .64, 1);--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;--mono:"SF Mono", "SFMono-Regular", ui-monospace, "JetBrains Mono", "Menlo", monospace;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg);scroll-padding-block-start:90px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:radial-gradient(120% 60% at 50% -10%, oklch(28% .05 258/.4), transparent 62%), var(--bg);min-width:320px;color:var(--text);margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px;border-radius:6px}::selection{background:oklch(55% .18 255/.4)}code,pre{font-family:var(--mono);font-variant-numeric:tabular-nums}h1,h2,h3{letter-spacing:-.028em;text-wrap:balance;margin:0;font-weight:600}p{text-wrap:pretty;margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--text);color:var(--bg);border-radius:9px;padding:10px 14px;font-size:13px;font-weight:600;transition:transform .14s ease-out;position:fixed;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.dot{background:var(--faint);border-radius:999px;flex:none;width:6px;height:6px;display:inline-block}.dot-live{background:var(--live);position:relative;box-shadow:0 0 0 3px oklch(78.8% .185 149/.16)}.dot-warn{background:var(--warn);box-shadow:0 0 0 3px oklch(79% .166 68/.16)}.portly-mark{color:#fff;background:linear-gradient(oklch(70% .16 254),oklch(50% .21 261));border-radius:22.3%;flex:none;place-items:center;display:inline-grid;box-shadow:0 4px 12px oklch(45% .2 260/.32),inset 0 1px oklch(100% 0 0/.3)}.portly-mark svg,.portly-glyph svg{width:62%;height:62%}.portly-glyph{color:currentColor;place-items:center;display:inline-grid}.kicker{color:var(--faint);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:500}.lede{color:var(--dim);font-size:16px;line-height:1.62}.link{color:var(--dim);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:color .12s;display:inline-flex}.link:hover{color:var(--text)}.btn{letter-spacing:-.01em;height:44px;transition:background-color .13s ease, border-color .13s ease, transform .15s var(--ease-out-quad);border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding-inline:18px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(oklch(66.5% .181 253),oklch(57.5% .2 258));border-color:oklch(74% .14 252/.5);box-shadow:0 6px 20px oklch(45% .19 258/.3),inset 0 1px oklch(100% 0 0/.22)}.btn-primary:hover{background:linear-gradient(oklch(70% .175 252),oklch(61% .2 258))}.btn-ghost{border-color:var(--line-strong);color:var(--text);background:oklch(100% 0 0/.04)}.btn-ghost:hover{background:oklch(100% 0 0/.07);border-color:oklch(100% 0 0/.24)}.btn-small{border-color:var(--line-strong);background:var(--text);height:32px;color:var(--bg);padding-inline:14px;font-size:13px}.btn-small:hover{background:#fff}.actions{flex-wrap:wrap;gap:10px;display:flex}.site-header{z-index:100;border-block-end:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:oklch(14.8% .006 262/.72);position:fixed;inset-block-start:0;inset-inline:0}.header-inner{width:min(100% - (var(--gutter) * 2), var(--shell));align-items:center;gap:28px;height:58px;margin-inline:auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:9px;font-size:15px;font-weight:600;display:inline-flex}.site-header nav{gap:2px;margin-inline-end:auto;display:flex}.site-header nav a{color:var(--dim);border-radius:8px;padding:7px 10px;font-size:13.5px;font-weight:500;transition:color .12s,background-color .12s}.site-header nav a:hover{color:var(--text);background:oklch(100% 0 0/.05)}.header-actions{align-items:center;gap:12px;display:flex}.header-source{width:32px;height:32px;color:var(--dim);border-radius:8px;place-items:center;transition:color .12s,background-color .12s;display:grid}.header-source:hover{color:var(--text);background:oklch(100% 0 0/.05)}.hero{padding-block:148px 104px;padding-inline:var(--edge) max(0px, calc(var(--edge) - 88px));grid-template-columns:minmax(0,468px) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,76px);display:grid;position:relative}.hero:before{z-index:-1;content:"";background-image:linear-gradient(oklch(100% 0 0/.022) 1px,#0000 1px),linear-gradient(90deg,oklch(100% 0 0/.022) 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 30% 45%,#000,#0000 75%);mask-image:radial-gradient(80% 70% at 30% 45%,#000,#0000 75%)}.tag{border:1px solid var(--line);height:30px;color:var(--dim);background:oklch(100% 0 0/.035);border-radius:999px;align-items:center;gap:8px;padding-inline:12px 8px;font-size:12.5px;font-weight:500;transition:border-color .13s,color .13s;display:inline-flex}.tag:hover{border-color:var(--line-strong);color:var(--text)}.tag svg{color:var(--faint)}.hero h1{letter-spacing:-.045em;margin-block-start:24px;font-size:clamp(2.7rem,4.3vw,3.75rem);font-weight:620;line-height:1.06}.hero .lede{max-width:44ch;margin-block-start:20px;font-size:17px}.hero .actions{margin-block-start:30px}.copy-line{border:1px solid var(--line);width:100%;max-width:468px;color:var(--dim);text-align:start;background:oklch(0% 0 0/.28);border-radius:10px;align-items:center;gap:12px;margin-block-start:18px;padding:11px 13px;transition:border-color .13s,color .13s;display:flex}.copy-line:hover{border-color:var(--line-strong);color:var(--text)}.copy-line code{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.copy-line b{color:var(--faint);font-weight:400}.copy-line svg{color:var(--faint);flex:none}.copy-line-icons{flex:none;place-items:center;width:14px;height:14px;display:grid}.copy-line-icons svg{transition:opacity .12s ease, scale .22s var(--ease-out-back);grid-area:1/1}.copy-line .copy-icon-check{color:var(--live);opacity:0;scale:.65}.copy-line.is-copied .copy-icon-copy{opacity:0;scale:.65}.copy-line.is-copied .copy-icon-check{opacity:1;scale:1}.copy-line.is-copied{color:var(--live);border-color:oklch(78.8% .185 149/.4)}.hero-stage{min-width:0;position:relative}.hero-stage:before{z-index:-1;filter:blur(70px);content:"";background:oklch(52% .2 258/.24);border-radius:50%;position:absolute;inset:8% 2% -12% 4%}.facts{width:min(100% - (var(--gutter) * 2), var(--shell));border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;padding:0;list-style:none;display:grid}.facts li{flex-direction:column;gap:7px;padding-block:26px;padding-inline:0 24px;display:flex}.facts li+li{border-inline-start:1px solid var(--line);padding-inline-start:24px}.facts strong{letter-spacing:-.01em;font-size:13px;font-weight:600}.facts span{color:var(--faint);font-size:12.5px;line-height:1.5}.section{width:min(100% - (var(--gutter) * 2), var(--shell));margin-inline:auto;padding-block:clamp(80px,10vw,132px)}.section-head{justify-content:space-between;align-items:flex-end;gap:40px;margin-block-end:48px;display:flex}.section-head h2{max-width:20ch;margin-block-start:16px;font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:610;line-height:1.08}.section-head .lede{max-width:66ch;margin-block-start:18px}.demo{border:1px solid var(--line);background:var(--bg-sunken);border-radius:16px;overflow:hidden}.demo-head{border-block-end:1px solid var(--line);background:oklch(100% 0 0/.02);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.switch{border:1px solid var(--line);background:oklch(0% 0 0/.3);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:inline-grid;position:relative}.switch-thumb{width:calc(50% - 3px);transition:translate .26s var(--ease-in-out-cubic);background:oklch(100% 0 0/.09);border-radius:7px;position:absolute;inset-block:3px;inset-inline-start:3px;box-shadow:inset 0 1px oklch(100% 0 0/.08)}.demo-with .switch-thumb{translate:100%}.switch button{height:30px;color:var(--faint);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding-inline:13px;font-size:12.5px;font-weight:550;transition:color .2s;position:relative}.switch button:hover{color:var(--dim)}.switch button.is-active{color:var(--text)}.demo-tally span,.demo-verdict{animation:.28s both soft-in}.demo-tally{color:var(--faint);font-family:var(--mono);font-size:11px}.demo-with .demo-tally{color:var(--live)}.demo-lines{margin:0;padding:18px 0;list-style:none}.demo-lines li{font-family:var(--mono);grid-template-columns:62px 150px 14px 78px 52px minmax(0,1fr);align-items:center;gap:14px;padding:10px clamp(16px,3vw,30px);font-size:12px;display:grid}.demo-lines li+li{border-block-start:1px solid oklch(100% 0 0/.04)}.demo-agent{color:var(--dim);font-weight:500}.demo-command{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-arrow,.demo-pid{color:var(--faint)}.demo-port{color:oklch(76% .15 30)}.demo-port.is-reused{color:var(--live)}.demo-warn{color:oklch(62% .11 32);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.demo-verdict{border-block-start:1px solid var(--line);color:var(--dim);text-align:center;background:oklch(100% 0 0/.02);padding:15px 16px;font-size:13px}.demo-with .demo-verdict{color:var(--live)}.console{border:1px solid var(--line);background:var(--bg-sunken);border-radius:16px;overflow:hidden}.console-tabs{border-block-end:1px solid var(--line);background:oklch(100% 0 0/.02);align-items:center;padding:8px 14px 0;display:flex}.console-tablist{align-items:center;gap:2px;display:flex;position:relative}.console-underline{background:var(--accent);height:2px;transition:translate .28s var(--ease-in-out-cubic), width .28s var(--ease-in-out-cubic);border-radius:2px 2px 0 0;position:absolute;inset-block-end:-1px;inset-inline-start:0}.console-tabs button{height:38px;color:var(--faint);background:0 0;border:0;padding-inline:13px;font-size:13px;font-weight:550;transition:color .12s;position:relative}.console-tabs button:hover{color:var(--dim)}.console-tabs button.is-active{color:var(--text)}.console-endpoint{color:var(--faint);font-family:var(--mono);margin-inline-start:auto;font-size:10.5px}.console-body{min-height:420px;padding:clamp(18px,3vw,28px)}.console-panel{animation:panel-in .26s var(--ease-out-soft) both}.console-note{max-width:70ch;color:var(--dim);margin-block-end:18px;font-size:13.5px}.console-command,.console-output{margin:0;font-size:12px;line-height:1.75;overflow-x:auto}.console-command{border:1px solid var(--line-strong);color:var(--text);background:oklch(0% 0 0/.32);border-radius:10px;padding:12px 14px}.console-command b{color:var(--accent-soft);font-weight:400}.console-output{color:var(--dim);padding:16px 14px 4px}.j-key{color:oklch(74% .1 250)}.j-str{color:oklch(80% .13 150)}.j-num{color:oklch(82% .13 78)}.j-lit{color:oklch(72% .14 320)}.tour{grid-template-columns:minmax(0,1.42fr) minmax(300px,1fr);gap:16px;display:grid}.tour-main,.card{border:1px solid var(--line);background:oklch(100% 0 0/.022);border-radius:23px;flex-direction:column;min-width:0;margin:0;padding:12px;display:flex}.tour-side{grid-template-rows:auto auto;gap:16px;display:grid}.tour-main .window{flex-direction:column;flex:1;display:flex}.tour-main .window-body,.tour-main .ports-list{flex:1}.window-ports{background:oklch(14.8% .006 262)}.ports-head{align-items:center;gap:12px;padding:16px;display:flex}.ports-glyph{width:40px;height:40px;color:var(--accent);background:oklch(63.8% .181 253/.14);border-radius:10px;flex:none;place-items:center;display:grid}.ports-title{flex-direction:column;gap:2px;min-width:0;display:flex}.ports-title strong{letter-spacing:-.018em;font-size:18px;font-weight:600}.ports-title small{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px}.ports-search{border:.5px solid var(--line-strong);color:var(--faint);background:oklch(0% 0 0/.25);border-radius:6px;align-items:center;gap:6px;margin-inline-start:auto;padding:5px 10px;font-size:11.5px;display:flex}.ports-list{flex-direction:column;gap:14px;padding:0 18px 18px;display:flex}.ports-card{border:.5px solid var(--line);background:oklch(19.6% .006 262);border-radius:12px;overflow:hidden}.ports-card-head{border-block-end:.5px solid var(--line);align-items:center;gap:9px;padding:10px 12px;display:flex}.ports-dot{border-radius:3px;flex:none;width:9px;height:9px;margin-inline:5px}.ports-card-title{flex-direction:column;gap:1px;min-width:0;display:flex}.ports-card-title strong{font-size:13px;font-weight:600}.ports-card-title small{color:var(--faint);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ports-card-summary{color:var(--faint);white-space:nowrap;margin-inline-start:auto;font-size:10px;font-weight:500}.ports-row{align-items:center;gap:10px;padding:9px 12px;display:flex}.ports-row+.ports-row{border-block-start:.5px solid var(--line)}.ports-number{font-variant-numeric:tabular-nums;flex:none;width:62px;font-size:12px;font-weight:600}.ports-body{flex-direction:column;gap:2px;min-width:0;display:flex}.ports-name{align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.ports-badge{border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal;font-weight:600}.ports-badge.is-managed{color:var(--live);background:oklch(78.8% .185 149/.12)}.ports-badge.is-external,.ports-badge.is-protected{color:var(--dim);background:oklch(100% 0 0/.08)}.ports-detail{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ports-actions{color:var(--dim);align-items:center;gap:12px;margin-inline-start:auto;display:flex}.ports-danger{color:oklch(65% .2 25)}.ports-service{border-block-start:.5px solid var(--line);align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.ports-service-glyph{width:18px;color:var(--faint);flex:none}.ports-service small{color:var(--faint);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:10px;font-weight:400}.ports-lock{color:var(--faint)}.ports-system-glyph{width:28px;height:28px;color:var(--dim);background:oklch(100% 0 0/.09);border-radius:7px;flex:none;place-items:center;display:grid}.ports-chevron{color:var(--faint);flex:none}.ports-note{color:var(--faint);margin-block-start:auto;padding-block-start:4px;font-size:11.5px}.card-surface{border:1px solid var(--line-strong);background:var(--surface-high);border-radius:11px;flex:1;overflow:hidden;box-shadow:0 16px 34px oklch(0% 0 0/.3),inset 0 1px oklch(100% 0 0/.06)}.tour-main figcaption,.card figcaption{flex-direction:column;gap:6px;padding:16px 6px 4px;display:flex}.tour-main figcaption strong,.card figcaption strong{font-size:13px;font-weight:600}.tour-main figcaption span,.card figcaption span{color:var(--faint);font-size:12.5px;line-height:1.5}.menubar-card .card-surface{background:oklch(22.6% .006 262);flex-direction:column;display:flex}.menubar-head{border-block-end:.5px solid var(--line);align-items:center;padding:8px 12px;display:flex}.menubar-head strong{font-size:12.5px;font-weight:600}.menubar-head span{color:var(--dim);margin-inline-start:auto;font-size:11px}.menubar-group{padding-block:6px 2px}.menubar-project{color:var(--dim);align-items:center;gap:6px;padding:0 12px 2px;font-size:11px;font-weight:600;display:flex}.menubar-project-actions{color:var(--faint);gap:10px;margin-inline-start:auto;display:flex}.menubar-row{align-items:center;gap:8px;padding:4px 12px;font-size:12px;display:flex}.menubar-group:last-of-type .menubar-row:first-of-type{background:oklch(100% 0 0/.09);border-radius:5px;margin-inline:6px;padding-inline:6px}.menubar-row code{color:var(--faint);font-size:11px}.menubar-row-action{color:var(--faint);margin-inline-start:auto;display:flex}.menubar-foot{border-block-start:.5px solid var(--line);color:var(--accent-soft);align-items:center;gap:12px;margin-block-start:auto;padding:8px 12px;font-size:12px;display:flex}.menubar-foot-end{margin-inline-start:auto}.takeover-card .card-surface{background:oklch(9.8% .007 262);flex-direction:column;display:flex}.takeover-banner{background:oklch(72% .16 66/.12);border-block-end:.5px solid oklch(100% 0 0/.07);align-items:center;gap:10px;padding:7px 14px;display:flex}.takeover-icon{color:#ff9f0a;flex:none}.takeover-text{flex-direction:column;gap:1px;min-width:0;display:flex}.takeover-text strong{font-size:12px;font-weight:500}.takeover-text span{color:var(--dim);font-size:11px}.takeover-actions{gap:7px;margin-inline-start:auto;display:flex}.takeover-actions span{white-space:nowrap;background:oklch(100% 0 0/.08);border:.5px solid oklch(100% 0 0/.12);border-radius:5px;padding:3px 9px;font-size:11px}.takeover-under{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:34px 16px 38px;display:flex}.takeover-under-title{color:var(--text);flex-direction:column;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.takeover-under-title svg{color:var(--faint)}.takeover-under-body{color:var(--dim);font-size:12px}.takeover-start{background:var(--accent);color:#fff;border-radius:7px;align-items:center;gap:5px;margin-block-start:10px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px);margin:0;padding:0;list-style:none;display:grid}.specs li{border-block-start:1px solid var(--line);padding-block:26px 28px}.specs h3{font-size:15px;font-weight:600}.specs p{max-width:66ch;color:var(--dim);margin-block-start:9px;font-size:13.5px;line-height:1.6}.specs code{color:var(--faint);margin-block-start:14px;font-size:11px;display:inline-block}.install{width:min(100% - (var(--gutter) * 2), var(--shell));border:1px solid var(--line-strong);background:radial-gradient(90% 120% at 100% 0%, oklch(42% .16 258/.5), transparent 60%), var(--surface);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,64px);margin-block-end:clamp(80px,10vw,128px);margin-inline:auto;padding:clamp(30px,5vw,56px);display:grid}.install h2{max-width:14ch;margin-block-start:16px;font-size:clamp(1.9rem,3.2vw,2.5rem);font-weight:610;line-height:1.08}.install .lede{max-width:46ch;margin-block-start:16px}.install .actions{margin-block-start:28px}.install-shell{border:1px solid var(--line-strong);color:var(--dim);background:oklch(9% .008 262/.92);border-radius:14px;margin:0;padding:22px 20px;font-size:12px;line-height:1.95;overflow-x:auto;box-shadow:0 20px 44px oklch(0% 0 0/.35)}.install-shell b{color:var(--accent-soft);font-weight:400}.install-shell .ok{color:var(--live)}.site-footer{border-block-start:1px solid var(--line)}.footer-inner{width:min(100% - (var(--gutter) * 2), var(--shell));min-height:104px;color:var(--faint);align-items:center;gap:32px;margin-inline:auto;padding-block:24px;font-size:12.5px;display:flex}.footer-brand{align-items:center;gap:11px;display:flex}.footer-brand div{flex-direction:column;display:flex}.footer-brand strong{color:var(--text);font-size:13px;font-weight:600}.site-footer nav{gap:20px;margin-inline:auto;display:flex}.site-footer nav a:hover,.site-footer p a:hover{color:var(--text)}.site-footer p a{color:var(--dim);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.window{background:oklch(11.5% .008 262);border:.5px solid oklch(100% 0 0/.16);border-radius:11px;margin:0;overflow:hidden;box-shadow:0 0 0 .5px oklch(0% 0 0/.6),0 24px 48px -12px oklch(0% 0 0/.6),0 48px 96px -24px oklch(0% 0 0/.5)}.window-bar{background:oklch(23.8% .007 262);border-block-end:.5px solid oklch(100% 0 0/.09);grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding-inline:14px;display:grid}.traffic{gap:8px;display:flex}.traffic span{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 .5px oklch(0% 0 0/.18)}.traffic span:first-child{background:#ff5f57}.traffic span:nth-child(2){background:#febc2e}.traffic span:nth-child(3){background:#28c840}.window-title{align-items:baseline;gap:7px;min-width:0;display:flex}.window-title strong{color:oklch(93% .004 262);letter-spacing:-.006em;font-size:12.5px;font-weight:600}.window-title span{color:oklch(62% .008 262);font-size:11.5px}.window-tools{color:oklch(68% .008 262);justify-self:end;align-items:center;gap:15px;display:flex}.window-body{grid-template-columns:minmax(0,33%) minmax(0,1fr);min-height:396px;display:grid}.app-sidebar{background:oklch(20.3% .006 262);border-inline-end:.5px solid oklch(100% 0 0/.07);flex-direction:column;min-width:0;display:flex}.app-sidebar-list{flex:1;padding:8px 8px 12px}.app-section+.app-section{margin-block-start:11px}.app-project{letter-spacing:-.004em;align-items:center;gap:7px;padding:3px 8px 4px;font-size:12px;display:flex}.app-project span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-project-icon{color:inherit;flex:none}.app-server{border-radius:6px;align-items:center;gap:8px;padding:4px 8px 4px 22px;display:flex}.app-server.is-selected{background:var(--accent)}.app-server.is-selected .app-server-host,.app-server.is-selected .app-uptime{color:oklch(100% 0 0/.72)}.app-server.is-selected .app-dot{box-shadow:inset 0 0 0 .5px oklch(100% 0 0/.35)}.app-dot{border-radius:50%;flex:none;width:8px;height:8px;box-shadow:inset 0 0 0 .5px oklch(0% 0 0/.2)}.app-dot.is-running{background:#30d158}.app-dot.is-stopped{background:oklch(60% .008 262)}.app-server-text{flex-direction:column;gap:1px;min-width:0;display:flex}.app-server-name{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.app-server-host{color:oklch(63% .008 262);font-size:9.5px}.app-uptime{color:oklch(56% .008 262);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:9.5px}.app-sidebar-actions{background:oklch(22.6% .006 262);border-block-start:.5px solid oklch(100% 0 0/.07);flex-direction:column;gap:6px;padding:10px;font-size:11px;font-weight:500;display:flex}.app-btn-prominent,.app-btn-quiet{border-radius:7px;align-items:center;gap:6px;height:28px;padding-inline:9px;display:flex}.app-btn-prominent{background:var(--accent);color:#fff}.app-btn-quiet{color:oklch(90% .004 262);background:oklch(100% 0 0/.055)}.app-btn-chevron{color:oklch(60% .008 262);margin-inline-start:auto}.app-detail{background:oklch(9.8% .007 262);flex-direction:column;min-width:0;display:flex}.app-infobar{white-space:nowrap;background:oklch(22.6% .006 262);border-block-end:.5px solid oklch(100% 0 0/.07);align-items:center;gap:15px;padding:9px 14px;display:flex}.app-state{align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.app-state .app-dot{width:9px;height:9px}.app-metric{align-items:baseline;gap:5px;display:flex}.app-metric small{color:oklch(63% .008 262);font-size:10.5px}.app-metric code{font-variant-numeric:tabular-nums;font-size:10.5px}.app-terminal{color:oklch(86% .004 262);font-family:var(--mono);background:oklch(5.5% .004 262);flex:1;padding:12px 14px;font-size:10.5px;line-height:1.8}.app-terminal strong{font-weight:700}.app-terminal .t-space{margin-block-start:10px}.t-dim{color:oklch(55% .008 262)}.t-link{color:oklch(78% .13 210);text-underline-offset:2px;text-decoration:underline}.t-cyan{color:oklch(78% .13 210)}.t-green{color:#30d158}.t-vite{color:oklch(72% .19 315);font-weight:700}.t-tag{color:oklch(66% .09 262)}.t-caret span{vertical-align:-1px;background:oklch(86% .004 262);width:5px;height:11px;display:inline-block}.window-compact .window-body{min-height:320px}@media (width<=1080px){.hero{padding-block:130px 88px;padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr);gap:52px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(2.5rem,6.5vw,3.4rem)}.tour{grid-template-columns:minmax(0,1fr)}.tour-side{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.install{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.site-header nav{display:none}.header-inner{justify-content:space-between}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts li{padding-block:20px;padding-inline:0 20px}.facts li:nth-child(odd){border-inline-start:0;padding-inline-start:0}.facts li:nth-child(-n+2){border-block-end:1px solid var(--line)}.specs{grid-template-columns:minmax(0,1fr)}.demo-lines li{grid-template-columns:54px minmax(0,1fr) 12px 52px;gap:10px}.demo-pid,.demo-warn{display:none}}@media (width<=620px){:root{--gutter:18px}.hero{padding-block:112px 72px}.hero .actions .btn{flex:100%}.demo-head{flex-direction:column;align-items:stretch;gap:12px}.switch button{flex:1}.demo-tally{text-align:center}.tour-side{grid-template-columns:minmax(0,1fr)}.window-body{grid-template-columns:minmax(0,42%) minmax(0,1fr);min-height:280px}.app-uptime{display:none}.app-infobar{gap:10px;padding-inline:10px}.app-infobar .app-metric:nth-of-type(n+3){display:none}.app-terminal{padding:10px;font-size:8.5px}.section-head{flex-direction:column;align-items:flex-start;gap:18px}.console-tabs{padding-inline:8px;overflow-x:auto}.console-endpoint{display:none}.demo-lines li{grid-template-columns:48px minmax(0,1fr) 44px;font-size:11px}.demo-arrow{display:none}.footer-inner{flex-direction:column;align-items:flex-start;gap:22px}.site-footer nav{flex-wrap:wrap;gap:8px 18px;margin-inline:0}}@keyframes rise{0%{opacity:0;translate:0 var(--rise,12px)}to{opacity:1;translate:0}}@keyframes soft-in{0%{opacity:0}to{opacity:1}}@keyframes stage-in{0%{opacity:0;translate:0 20px;scale:.985}to{opacity:1;translate:0;scale:1}}@keyframes panel-in{0%{opacity:0;filter:blur(2px);translate:0 5px}to{opacity:1;filter:blur();translate:0}}@keyframes caret-blink{50%{opacity:0}}@keyframes port-ping{0%{opacity:.45;scale:1}70%,to{opacity:0;scale:2.7}}.hero-copy>*{animation:rise .62s var(--ease-out-soft) both}.hero-copy>h1{--rise:16px}.hero-copy>.tag{--rise:6px;animation-delay:90ms}.hero-copy>.lede{--rise:12px;animation-delay:.15s}.hero-copy>.actions{--rise:10px;animation-delay:.22s}.hero-copy>.copy-line{--rise:0px;animation-delay:.29s}.hero-stage:before{animation:.9s .2s both soft-in}.hero-stage>.window{animation:stage-in .82s .16s var(--ease-out-soft) both}.js-reveal [data-reveal]{opacity:0;transition:opacity .62s var(--ease-out-soft), translate .62s var(--ease-out-soft);transition-delay:calc(var(--i,0) * 60ms);translate:0 16px}.js-reveal [data-reveal].is-in{opacity:1;translate:0}.js-reveal [data-reveal=rows]{opacity:1;translate:none}.js-reveal [data-reveal=rows] .demo-lines li{opacity:0}[data-reveal=rows].is-in .demo-lines li{--rise:8px;animation:rise .34s var(--ease-out-soft) both;animation-delay:calc(var(--i) * 50ms)}.js-reveal .install .install-shell span{opacity:0}.install.is-in .install-shell span{--rise:4px;animation:rise .42s var(--ease-out-soft) both;animation-delay:calc(.3s + var(--i) * .11s)}@media (prefers-reduced-motion:no-preference){.dot-live:after,.app-state .app-dot.is-running:after{border-radius:inherit;animation:port-ping 2.8s var(--ease-out-soft) infinite;content:"";position:absolute;inset:0}.dot-live:after{background:var(--live)}.app-state .app-dot.is-running{position:relative}.app-state .app-dot.is-running:after{background:#30d158}.t-caret span{animation:1.08s step-end infinite caret-blink}}@media (prefers-reduced-motion:reduce){.hero-copy>*,.hero-stage>.window,.console-panel,[data-reveal=rows].is-in .demo-lines li,.install.is-in .install-shell span{animation-name:soft-in;animation-duration:.32s}.js-reveal [data-reveal]{transition-duration:.32s;translate:none}.console-underline,.switch-thumb{transition-duration:1ms}}@media (forced-colors:active){.dot,.portly-mark{forced-color-adjust:none}}