@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--background:#fafafa;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--muted:#f5f5f5;--muted-foreground:#6b6b6b;--border:#e5e5e5;--hairline:#ececec;--input:#e5e5e5;--ring:#a1a1aa;--primary:#18181b;--primary-hover:#27272a;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-hover:#ebebeb;--success:#15803d;--success-ink:#126b33;--warning:#b45309;--warning-ink:#8f3f06;--brand-1:#5b74f6;--brand-2:#a855f7;--brand:#6d5ef6;--brand-ink:#5544d4;--brand-glow:#6d5ef624;--brand-tint:#6d5ef60f;--chart-1:#2563eb;--chart-2:#d97706;--radius:.75rem;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 8px 24px -12px #00000029, 0 2px 6px -2px #0000000f;--shadow-lg:0 24px 60px -28px #00000047, 0 8px 20px -12px #0000001a;--font-sans:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", "Segoe UI Mono", Consolas, "Liberation Mono", monospace;--header-height:4rem}:root[data-theme=dark]{color-scheme:dark;--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--muted:#262626;--muted-foreground:#a3a3a3;--border:#ffffff1a;--hairline:#ffffff12;--input:#ffffff26;--ring:#71717a;--primary:#fafafa;--primary-hover:#e5e5e5;--primary-foreground:#18181b;--secondary:#27272a;--secondary-hover:#303033;--success:#4ade80;--success-ink:#4ade80;--warning:#fbbf24;--warning-ink:#fbbf24;--brand:#8b7bf8;--brand-ink:#b6abfb;--brand-glow:#8b7bf829;--brand-tint:#8b7bf814;--chart-1:#60a5fa;--chart-2:#fbbf24;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px -12px #000000b3, 0 2px 6px -2px #00000080;--shadow-lg:0 24px 60px -28px #000c, 0 8px 20px -12px #00000080}.btn{border-radius:calc(var(--radius) - 4px);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;height:2.5rem;padding:0 1.05rem;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.btn svg{flex:none;width:1rem;height:1rem}.btn-lg svg{width:1.0625rem;height:1.0625rem}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--card);color:var(--foreground);border-color:var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--secondary);border-color:color-mix(in oklab, var(--foreground) 18%, var(--border))}.btn-lg{height:2.75rem;padding-inline:1.3rem;font-size:.9375rem}.btn-sm{height:2rem;padding-inline:.75rem;font-size:.8125rem}.btn-ghost{color:var(--muted-foreground)}.btn-ghost:hover{color:var(--foreground);background:var(--muted)}.brand{letter-spacing:-.01em;color:var(--foreground);align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{border-radius:.4375rem;width:1.5rem;height:1.5rem}.icon-btn{width:2.125rem;height:2.125rem;color:var(--muted-foreground);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.icon-btn:hover{color:var(--foreground);background:color-mix(in oklab, var(--foreground) 6%, transparent)}.icon-btn svg{width:1.0625rem;height:1.0625rem}.lang-btn{height:2.125rem;color:var(--muted-foreground);border-radius:7px;align-items:center;gap:.375rem;padding-inline:.625rem;font-size:.8125rem;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.lang-btn:hover{color:var(--foreground);background:color-mix(in oklab, var(--foreground) 6%, transparent)}.lang-btn svg{width:.9375rem;height:.9375rem}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none}:root[data-theme=dark] .theme-toggle .icon-sun,:root:not([data-theme=dark]) .theme-toggle .icon-moon{display:block}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1.5rem)}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.6}html[lang=zh-CN] body{font-feature-settings:normal;line-height:1.75}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}code,pre,kbd{font-family:var(--font-mono);font-size:.9em}::selection{background:color-mix(in oklab, var(--brand) 28%, transparent)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.skip-link{z-index:100;background:var(--primary);color:var(--primary-foreground);border-radius:8px;padding:.5rem .875rem;font-size:.8125rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.container{width:100%;max-width:1140px;margin-inline:auto;padding-inline:1.25rem}@media (width>=768px){.container{padding-inline:2rem}}.section{padding-block:clamp(4.25rem,9vw,7.5rem)}.section+.section{border-top:1px solid var(--hairline)}.section-head{max-width:46rem}.promise{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.625rem;margin-bottom:1rem;font-size:.6875rem;font-weight:500;display:inline-flex}.promise-num{border:1px solid color-mix(in oklab, var(--brand) 32%, var(--border));background:var(--brand-tint);font-family:var(--font-mono);letter-spacing:.04em;color:var(--brand-ink);border-radius:4px;padding:.125rem .375rem;font-size:.625rem}.section-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:600;line-height:1.12}html[lang=zh-CN] .section-title{letter-spacing:-.01em;line-height:1.25}.section-lead{max-width:40rem;color:var(--muted-foreground);margin-top:1rem;font-size:1.0625rem;line-height:1.65}html[lang=zh-CN] .section-lead{color:color-mix(in oklab, var(--foreground) 70%, var(--background));font-size:1.0625rem;line-height:1.8}.section-foot{color:var(--muted-foreground);margin-top:1.75rem;font-size:.8125rem;line-height:1.7}.section-foot-link{color:var(--foreground);text-underline-offset:3px;text-decoration:underline;text-decoration-color:color-mix(in oklab, var(--foreground) 26%, transparent);align-items:center;gap:.25rem;margin-left:.375rem;display:inline-flex}.section-foot-link:hover{text-decoration-color:currentColor}.section-foot>.section-foot-link:first-child{margin-left:0}.section-foot-link svg{width:.75rem;height:.75rem}.live-dot{background:currentColor;border-radius:50%;width:5px;height:5px;position:relative}.live-dot:after{content:"";opacity:0;border:1px solid;border-radius:50%;animation:2.8s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:-3px}@keyframes ping{0%{opacity:.55;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.7)}}.site-header{z-index:50;background:color-mix(in oklab, var(--background) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.site-header[data-scrolled=true]{border-bottom-color:var(--border)}.header-inner{height:var(--header-height);align-items:center;gap:1rem;display:flex}.nav{align-items:center;gap:.25rem;margin-left:1.25rem;display:flex}.header-actions{align-items:center;gap:.375rem;margin-left:auto;display:flex}.menu-btn,.menu-btn .icon-x,.menu-btn[aria-expanded=true] .icon-menu{display:none}.menu-btn[aria-expanded=true] .icon-x{display:block}.mobile-nav{border-bottom:1px solid var(--border);background:var(--background);box-shadow:var(--shadow-md);padding:.5rem 1.25rem 1rem;display:none;position:absolute;top:100%;left:0;right:0}.mobile-nav[data-open=true]{display:block}.mobile-nav .site-nav a{color:var(--muted-foreground);border-bottom:1px solid var(--hairline);padding:.7rem .25rem;font-size:.9375rem;display:block}.mobile-nav .site-nav a:last-child{border-bottom:0}.hero{padding-top:clamp(3.5rem,7vw,5.75rem);position:relative;overflow:clip}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--foreground) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--foreground) 6%, transparent) 1px, transparent 1px);background-position:top;background-size:64px 64px;height:46rem;position:absolute;inset:-1px 0 auto;-webkit-mask-image:radial-gradient(70% 55% at 50% 0,#000 15%,#0000 72%);mask-image:radial-gradient(70% 55% at 50% 0,#000 15%,#0000 72%)}.hero-glow{background:radial-gradient(50% 50% at 50% 50%, var(--brand-glow), transparent 70%);filter:blur(12px);width:62rem;height:44rem;position:absolute;top:-18rem;left:50%;transform:translate(-50%)}.hero-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero-title{text-wrap:balance;flex-direction:column;align-items:center;margin-top:0;display:flex}.hero-mark{width:3.5rem;height:3.5rem;box-shadow:0 14px 34px -16px color-mix(in oklab, var(--brand) 55%, transparent);border-radius:.875rem;place-items:center;display:grid;overflow:hidden}.hero-mark-svg{width:100%;height:100%}.hero-name{letter-spacing:-.04em;margin-top:1.375rem;font-size:clamp(2rem,3.6vw,2.75rem);font-weight:600;line-height:1.1}.hero-tagline{letter-spacing:-.012em;max-width:32ch;color:var(--muted-foreground);margin-top:.5rem;font-size:clamp(1.0625rem,1.7vw,1.3125rem);font-weight:400;line-height:1.45}html[lang=zh-CN] .hero-tagline{letter-spacing:0;color:color-mix(in oklab, var(--foreground) 72%, var(--background));line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.topology{z-index:1;margin-top:clamp(2.75rem,6vw,4.5rem);position:relative}.topology-frame{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-lg);border-radius:1.25rem;padding:clamp(1.25rem,3vw,2.25rem);position:relative;overflow:hidden}.topology-frame:before{content:"";background-image:radial-gradient(color-mix(in oklab, var(--foreground) 9%, transparent) 1px, transparent 1px);opacity:.7;pointer-events:none;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000 10%,#0000 75%);mask-image:radial-gradient(60% 60%,#000 10%,#0000 75%)}.topology-grid{grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) 4rem minmax(13.5rem,16.5rem) 4rem minmax(0,1fr);align-items:center;gap:1.75rem 0;min-height:19rem;display:grid;position:relative}.node{border:1px solid var(--border);background:var(--background);box-shadow:var(--shadow-sm);border-radius:.6875rem;align-items:center;gap:.75rem;padding:.8125rem .875rem;transition:border-color .2s,transform .2s;display:flex}.node:hover{border-color:color-mix(in oklab, var(--foreground) 20%, var(--border))}.node-icon{background:var(--muted);width:2.125rem;height:2.125rem;color:var(--foreground);border-radius:.5rem;flex:none;place-items:center;display:grid}.node-icon svg{width:1.0625rem;height:1.0625rem}.node-text{min-width:0;display:block}.node-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:550;display:block;overflow:hidden}.node-role{font-family:var(--font-mono);color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;display:block;overflow:hidden}.node-live{letter-spacing:.06em;text-transform:uppercase;color:var(--success);align-items:center;gap:.375rem;margin-left:auto;padding-left:.5rem;font-size:.625rem;display:inline-flex}.node-laptop{grid-area:1/1}.node-phone{grid-area:2/1}.node-desktop{grid-area:1/5}.node-nas{grid-area:2/5}.wire-col{grid-row:1/span 2;grid-template-rows:1fr 1fr;align-self:stretch;row-gap:1.75rem;display:grid;position:relative}.wire{background-image:repeating-linear-gradient(90deg, color-mix(in oklab, var(--brand) 45%, transparent) 0 5px, transparent 5px 10px);align-self:center;height:1px;position:relative}.wire-col-left .wire{grid-column:1}.wire-col-left{grid-column:2}.wire-col-right{grid-column:4}.wire-col .wire:first-child{grid-row:1}.wire-col .wire:nth-child(2){grid-row:2}.wire:after{content:"";background:var(--brand);width:5px;height:5px;box-shadow:0 0 0 2.5px color-mix(in oklab, var(--brand) 20%, transparent);border-radius:50%;margin-top:-2.5px;animation:3.6s linear infinite packet;position:absolute;top:50%;left:0}.wire-delay-1:after{animation-delay:1.2s}.wire-delay-2:after{animation-delay:2.1s}.wire-delay-3:after{animation-delay:2.9s}.wire.reversed:after{animation-name:packet-reverse}@keyframes packet{0%{opacity:0;left:0}10%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 5px)}}@keyframes packet-reverse{0%{opacity:0;left:calc(100% - 5px)}10%{opacity:1}85%{opacity:1}to{opacity:0;left:0}}.server{border:1px solid color-mix(in oklab, var(--brand) 26%, var(--border));background:radial-gradient(120% 90% at 50% -20%, var(--brand-tint), transparent 60%), linear-gradient(180deg, var(--card), var(--background));box-shadow:var(--shadow-md);text-align:center;border-radius:1rem;flex-direction:column;grid-area:1/3/span 2;justify-content:center;align-self:stretch;padding:1.375rem 1.25rem;display:flex;position:relative}.server-mark{width:2.5rem;height:2.5rem;box-shadow:0 6px 18px -8px color-mix(in oklab, var(--brand) 60%, transparent);border-radius:.6875rem;margin:0 auto .75rem}.server-name{letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.server-meta{font-family:var(--font-mono);color:var(--muted-foreground);margin-top:.1875rem;font-size:.6875rem}.server-chips{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:.875rem;display:flex}.chip{border:1px solid var(--border);background:color-mix(in oklab, var(--background) 70%, transparent);color:var(--muted-foreground);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;display:inline-flex}.chip svg{width:.6875rem;height:.6875rem}.topology-facts{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:center;gap:.75rem 1.75rem;margin-top:1.5rem;padding-top:1.125rem;display:flex;position:relative}.topology-facts li{color:var(--muted-foreground);align-items:center;gap:.4375rem;font-size:.7188rem;display:inline-flex}.topology-facts svg{width:.8125rem;height:.8125rem;color:var(--success)}.surfaces{border:1px solid var(--border);background:var(--card);border-radius:.875rem;flex-wrap:wrap;margin-top:2.5rem;display:flex;overflow:hidden}.surfaces-label{border-right:1px solid var(--border);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);white-space:nowrap;align-items:center;padding:.9375rem 1.25rem;font-size:.6563rem;font-weight:500;display:flex}.surface{border-right:1px solid var(--border);flex:10.5rem;align-items:center;gap:.625rem;padding:.8125rem 1.25rem;display:flex}.surface:last-child{border-right:0}.surface svg{width:1rem;height:1rem;color:var(--muted-foreground);flex:none}.surface-title{font-size:.8125rem;font-weight:500;line-height:1.3}.surface-meta{color:var(--muted-foreground);font-size:.6875rem;line-height:1.3}.flow-panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-md);border-radius:1.25rem;margin-top:clamp(2rem,4vw,2.75rem);padding:clamp(1.25rem,3vw,2rem)}.flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.75rem;display:grid}.flow-card{border:1px solid var(--border);background:var(--background);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem 1.125rem 1.125rem;display:flex}.flow-card-locked{background:color-mix(in oklab, var(--muted) 45%, var(--background));border-style:dashed}.flow-card-head{letter-spacing:.09em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.4375rem;font-size:.6563rem;font-weight:500;display:flex}.flow-card-head svg{width:.875rem;height:.875rem}.flow-note{flex-direction:column;gap:.375rem;display:flex}.flow-file{letter-spacing:-.01em;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}.flow-file svg{width:.8125rem;height:.8125rem;color:var(--muted-foreground);flex:none}.flow-file-locked svg{color:color-mix(in oklab, var(--foreground) 40%, var(--background))}.flow-note p{color:color-mix(in oklab, var(--foreground) 78%, var(--background));font-size:.8125rem;line-height:1.55}.flow-blobs{flex-direction:column;gap:.25rem;display:flex}.flow-blobs p{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted-foreground);font-size:.75rem}.flow-verdict{border-top:1px solid var(--hairline);color:var(--success-ink);align-items:center;gap:.3125rem;margin-top:auto;padding-top:.625rem;font-size:.6875rem;line-height:1.45;display:flex}.flow-verdict svg{flex:none;width:.8125rem;height:.8125rem}.flow-verdict-locked{color:var(--muted-foreground)}.flow-gate{place-items:center;min-width:7.5rem;padding-inline:.5rem;display:grid;position:relative}.flow-gate:before{content:"";background-image:repeating-linear-gradient(90deg, color-mix(in oklab, var(--brand) 45%, transparent) 0 4px, transparent 4px 9px);height:1px;position:absolute;top:50%;left:-.25rem;right:-.25rem}.flow-gate-pill{border:1px solid color-mix(in oklab, var(--brand) 26%, var(--border));background:var(--card);color:var(--brand-ink);text-align:center;border-radius:999px;align-items:center;gap:.3125rem;padding:.3125rem .625rem;font-size:.6563rem;line-height:1.3;display:inline-flex;position:relative}.flow-gate-pill svg{flex:none;width:.75rem;height:.75rem}.stepper{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,4vw,3.5rem);margin-top:clamp(2rem,4vw,2.75rem);display:grid}.stepper-list{flex-direction:column;gap:.375rem;display:flex}.step-btn{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.75rem;gap:1rem;width:100%;padding:1rem 1rem 1.125rem 1.125rem;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.step-btn:hover{background:color-mix(in oklab, var(--foreground) 3%, transparent)}.step-btn[aria-selected=true]{background:var(--card);border-color:var(--border);box-shadow:var(--shadow-sm)}.step-num{font-family:var(--font-mono);color:var(--muted-foreground);flex:none;padding-top:.1875rem;font-size:.6875rem}.step-btn[aria-selected=true] .step-num{color:var(--brand-ink)}.step-copy{flex-direction:column;gap:.25rem;display:flex}.step-title{letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.step-text{color:var(--muted-foreground);font-size:.8125rem;line-height:1.6}html[lang=zh-CN] .step-text{line-height:1.8}.step-bar{background:var(--brand);opacity:0;width:0;height:2px;position:absolute;bottom:0;left:0}.step-btn[aria-selected=true] .step-bar{opacity:1;animation:5.2s linear forwards step-bar}@keyframes step-bar{0%{width:0}to{width:100%}}.stepper-stage{min-height:22.5rem;position:relative}.demo{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;border-radius:.875rem;transition:opacity .35s,transform .35s,visibility .35s;position:absolute;inset:0;overflow:hidden;transform:translateY(8px)}.demo.is-active{opacity:1;visibility:visible;position:relative;transform:none}.demo-bar{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--muted) 40%, var(--card));align-items:center;gap:.5rem;height:2rem;padding:0 .75rem;display:flex}.demo-dots{gap:4px;display:flex}.demo-dots i{background:color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:50%;width:6px;height:6px}.demo-title{font-size:.6563rem;font-weight:600}.demo-host{font-family:var(--font-mono);color:var(--muted-foreground);margin-left:auto;font-size:.5625rem}.demo-body{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.demo-body-center{justify-content:center;align-items:center;min-height:18rem}.demo-field{flex-direction:column;gap:.25rem;display:flex}.demo-label{color:var(--muted-foreground);font-size:.5938rem}.demo-input{border:1px solid var(--border);background:var(--background);font-family:var(--font-mono);color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;border-radius:.375rem;padding:.4375rem .5625rem;font-size:.6875rem;overflow:hidden}.demo-mask{letter-spacing:.2em}.demo-btn{background:var(--primary);height:2rem;color:var(--primary-foreground);border-radius:.375rem;justify-content:center;align-items:center;padding:0 .875rem;font-size:.6875rem;font-weight:500;display:inline-flex}.demo-steps{border-top:1px solid var(--hairline);flex-direction:column;gap:.375rem;margin-top:.25rem;padding-top:.625rem;display:flex}.demo-steps li{color:var(--muted-foreground);gap:.4375rem;font-size:.625rem;display:flex}.demo-steps li.is-done,.demo-steps li.is-active{color:var(--foreground)}.demo-mark{width:.75rem;height:.75rem;color:var(--success-ink);place-items:center;margin-top:.0625rem;display:grid}.demo-mark svg{width:.75rem;height:.75rem}.demo-steps li:not(.is-done):not(.is-active) .demo-mark{border:1px solid var(--border);border-radius:50%}.demo-spinner{border:1.5px solid color-mix(in oklab, var(--brand) 28%, transparent);border-top-color:var(--brand);border-radius:50%;width:.625rem;height:.625rem;animation:1s linear infinite demo-spin}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-step-text{flex-direction:column;gap:.0625rem;display:flex}.demo-note{color:var(--muted-foreground);font-size:.5625rem}.demo-keycard{border:1px solid var(--border);background:var(--background);border-radius:.625rem;flex-direction:column;gap:.5rem;width:100%;max-width:17rem;padding:1rem;display:flex}.demo-key{background:var(--muted);text-align:center;border-radius:.3125rem;padding:.375rem .5rem;font-size:.75rem}.demo-copy{color:var(--muted-foreground);align-self:flex-start;align-items:center;gap:.25rem;font-size:.625rem;display:inline-flex}.demo-copy svg{width:.75rem;height:.75rem}.demo-hint{color:var(--muted-foreground);text-align:center;font-size:.6563rem}.demo-toast{background:color-mix(in oklab, var(--success) 12%, transparent);color:var(--success-ink);border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.5938rem;display:inline-flex}.demo-toast svg{width:.75rem;height:.75rem}.demo-synced{border-top:1px solid var(--hairline);flex-direction:column;gap:.5rem;margin-top:.25rem;padding-top:.625rem;display:flex}.demo-pill{border:1px solid color-mix(in oklab, var(--success) 40%, transparent);background:color-mix(in oklab, var(--success) 8%, transparent);color:var(--success-ink);border-radius:999px;align-self:flex-start;align-items:center;gap:.3125rem;padding:.125rem .4375rem;font-size:.5625rem;display:inline-flex}.demo-files{flex-direction:column;gap:.3125rem;display:flex}.demo-files li{font-family:var(--font-mono);color:var(--muted-foreground);align-items:center;gap:.375rem;font-size:.6563rem;display:flex}.demo-files svg{width:.75rem;height:.75rem}.demo-files li svg:last-child{color:var(--success-ink);margin-left:auto}.app-stage{grid-template-columns:minmax(0,1fr) 21rem;align-items:start;gap:1.25rem;margin-top:clamp(2.5rem,5vw,3.5rem);display:grid;position:relative}.app-stage:before{content:"";background:radial-gradient(50% 50% at 50% 40%, var(--brand-glow), transparent 72%);filter:blur(14px);pointer-events:none;height:22rem;position:absolute;top:-4rem;left:12%;right:12%}.app-window{z-index:1;border:1px solid var(--border);background:var(--card);min-width:0;box-shadow:var(--shadow-lg);border-radius:1rem;position:relative;overflow:hidden}.app-titlebar{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--muted) 40%, var(--card));align-items:center;gap:.5rem;height:2.25rem;padding:0 .875rem;display:flex}.app-dots{gap:5px;display:flex}.app-dots i{background:color-mix(in oklab, var(--foreground) 16%, transparent);border-radius:50%;width:7px;height:7px}.app-title{font-size:.6875rem;font-weight:600}.app-version{font-family:var(--font-mono);color:var(--muted-foreground);margin-left:auto;font-size:.625rem}.app-body{grid-template-columns:11.5rem minmax(0,1fr);min-height:21rem;display:grid}.app-sidebar{border-right:1px solid var(--border);background:color-mix(in oklab, var(--muted) 30%, var(--card));flex-direction:column;padding:.875rem .75rem;display:flex}.app-server{border-bottom:1px solid var(--border);margin-bottom:.5rem;padding:.25rem .5rem .75rem}.app-server-name{letter-spacing:-.01em;font-size:.75rem;font-weight:600;display:block}.app-server-meta{font-family:var(--font-mono);color:var(--muted-foreground);margin-top:.0625rem;font-size:.5938rem;display:block}.app-nav{flex-direction:column;gap:2px;display:flex}.app-nav-item{color:var(--muted-foreground);border-radius:.375rem;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.6875rem;display:flex}.app-nav-item svg{width:.8125rem;height:.8125rem}.app-nav-item.is-active{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-sm)}.app-nav-count{background:var(--muted);border-radius:999px;margin-left:auto;padding:0 .25rem;font-size:.5625rem;line-height:1.35}.app-sidebar-foot{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:auto;padding:.5rem .5rem 0;font-size:.5938rem}.app-main{flex-direction:column;gap:.625rem;padding:1rem 1.125rem 1.25rem;display:flex}.app-main-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.app-heading{letter-spacing:-.01em;font-size:.875rem;font-weight:600}.app-actions{align-items:center;gap:.375rem;display:flex}.app-action{border:1px solid var(--border);color:var(--muted-foreground);border-radius:.3125rem;padding:.1875rem .5rem;font-size:.625rem}.app-refresh{width:.875rem;height:.875rem;color:var(--muted-foreground)}.app-card{border:1px solid var(--border);background:var(--background);border-radius:.5rem;padding:.625rem .75rem}.app-status-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.app-label{color:var(--muted-foreground);font-size:.625rem}.app-big{letter-spacing:-.02em;margin-top:.0625rem;font-size:1.125rem;font-weight:600;line-height:1.1;display:block}.app-pill{border:1px solid color-mix(in oklab, var(--success) 40%, transparent);background:color-mix(in oklab, var(--success) 8%, transparent);color:var(--success-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .4375rem;font-size:.5625rem;display:inline-flex}.app-url{border-top:1px dashed var(--border);font-family:var(--font-mono);color:var(--muted-foreground);align-items:center;gap:.375rem;margin-top:.5rem;padding-top:.5rem;font-size:.625rem;display:flex}.app-url svg{width:.75rem;height:.75rem}.app-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.app-metric{flex-direction:column;display:flex}.app-value{letter-spacing:-.01em;margin-top:.0625rem;font-size:1rem;font-weight:600}.app-spark{width:100%;height:1.875rem;margin-top:.375rem}.spark-line{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke}.spark-line.cpu{stroke:var(--chart-1)}.spark-line.mem{stroke:var(--chart-2)}.spark-fill{stroke:none;opacity:.12}.spark-fill.cpu{fill:var(--chart-1)}.spark-fill.mem{fill:var(--chart-2)}.app-disk-top{justify-content:space-between;align-items:baseline;display:flex}.app-disk-value{letter-spacing:-.01em;font-size:1rem;font-weight:600}.app-disk-body{align-items:center;gap:1.25rem;margin-top:.625rem;display:flex}.app-donut{background:conic-gradient(var(--chart-1) 0 31%, var(--chart-2) 31% 33%, var(--muted-foreground) 33% 50.5%, var(--border) 50.5% 100%);border-radius:50%;flex:none;place-items:center;width:4rem;height:4rem;display:grid;position:relative}.app-donut:before{content:"";background:var(--background);border-radius:50%;width:2.75rem;height:2.75rem;position:absolute}.app-donut span{font-size:.6875rem;font-weight:600;position:relative}.app-legend{flex:20rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3125rem 1.25rem;max-width:24rem;display:grid}.app-legend li{color:var(--muted-foreground);align-items:center;gap:.375rem;font-size:.5938rem;display:flex}.app-dot{border-radius:50%;flex:none;width:5px;height:5px}.app-dot.d0{background:var(--chart-1)}.app-dot.d1{background:var(--chart-2)}.app-dot.d2{background:var(--muted-foreground)}.app-dot.d3{background:var(--border)}.app-legend-value{color:var(--foreground);font-family:var(--font-mono);margin-left:auto;font-size:.5625rem}.point-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:clamp(2.5rem,5vw,3.5rem);display:grid}.tray{z-index:2;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-lg);border-radius:.875rem;align-self:start;position:relative;overflow:hidden}.tray-head{border-bottom:1px solid var(--hairline);align-items:center;gap:.5rem;padding:.625rem .75rem;display:flex}.tray-mark{border-radius:.375rem;flex:none;width:1.5rem;height:1.5rem}.tray-title{letter-spacing:-.01em;font-size:.875rem;font-weight:600}.tray-dot{color:var(--success);margin-left:auto;display:inline-flex}.tray-refresh{width:.875rem;height:.875rem;color:var(--muted-foreground);flex:none}.tray-body{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.tray-server{letter-spacing:-.01em;align-items:center;gap:.4375rem;font-size:.8125rem;font-weight:600;display:flex}.tray-run{color:var(--success-ink);align-items:center;gap:.3125rem;margin-left:auto;font-size:.625rem;font-weight:400;display:inline-flex}.tray-icon{width:.8125rem;height:.8125rem;color:var(--muted-foreground);flex:none}.tray-row{color:var(--muted-foreground);align-items:center;gap:.4375rem;font-size:.6875rem;display:flex}.tray-spark{flex:none;width:2.75rem;height:1rem;margin-left:auto}.tray-row .tray-spark+.tray-value{margin-left:.375rem}.tray-value{color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:.6875rem}.tray-disk{flex-direction:column;gap:.3125rem;display:flex}.tray-group{border-top:1px solid var(--hairline);padding:.5rem .75rem}.tray-group-head{color:var(--muted-foreground);align-items:center;gap:.4375rem;font-size:.6875rem;font-weight:500;display:flex}.tray-count{margin-left:auto;font-size:.625rem}.tray-chevron{width:.75rem;height:.75rem;color:var(--muted-foreground);flex:none}.tray-list{flex-direction:column;gap:.25rem;margin-top:.375rem;display:flex}.tray-item{align-items:center;gap:.375rem;font-size:.6875rem;display:flex}.tray-item-stack{align-items:flex-start}.tray-item-text{flex-direction:column;min-width:0;display:flex}.tray-item-name{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.tray-item-path{font-family:var(--font-mono);color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.5625rem;overflow:hidden}.tray-item-usage{color:var(--muted-foreground);white-space:nowrap;margin-left:auto;padding-left:.375rem;font-size:.5625rem}.tray-item-note{color:var(--muted-foreground);white-space:nowrap;padding-left:.25rem;font-size:.5625rem}.tray-state{color:var(--success-ink);white-space:nowrap;margin-left:auto;padding-left:.375rem;font-size:.5625rem}.tray-state.is-warn{color:var(--warning-ink)}.tray-bar-thin{margin-top:.3125rem}.tray-footnote{color:var(--muted-foreground);margin-top:.25rem;font-size:.5625rem}.tray-bar{background:var(--muted);border-radius:999px;height:4px;display:block;overflow:hidden}.tray-bar i{background:var(--chart-1);border-radius:999px;height:100%;display:block}.tray-foot{border-top:1px solid var(--hairline);align-items:center;gap:.5rem;padding:.75rem;display:flex}.tray-open{background:var(--primary);height:2rem;color:var(--primary-foreground);border-radius:.5rem;flex:1;justify-content:center;align-items:center;font-size:.75rem;font-weight:500;display:flex}.tray-power{width:.9375rem;height:.9375rem;color:var(--muted-foreground);flex:none}.story{grid-template-columns:minmax(0,1fr) 2.5rem minmax(0,1fr) 2.5rem minmax(0,1fr);align-items:stretch;margin-top:clamp(2rem,4vw,2.75rem);display:grid}.story-card{border:1px solid var(--border);background:var(--card);border-radius:.875rem;flex-direction:column;gap:.75rem;min-width:0;padding:1rem 1.125rem 1.125rem;display:flex}.story.is-playing [data-appear]:not(.is-in){visibility:hidden}.story [data-appear].is-in{animation:.4s both story-appear}@keyframes story-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.story-card-term{color:#e5e5e5;background:#0a0a0a;border-color:#262626;padding:0;overflow:hidden}.term-bar{border-bottom:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:.5625rem .875rem;display:flex}.term-dots{gap:4px;display:flex}.term-dots i{background:#ffffff38;border-radius:50%;width:6px;height:6px}.term-name{font-family:var(--font-mono);color:#a3a3a3;font-size:.625rem}.term-body{flex-direction:column;flex:1;gap:.625rem;padding:.875rem;display:flex}.term-body-chat{justify-content:flex-end;gap:.75rem}.term-out{flex-direction:column;gap:.125rem;display:flex}.term-cwd{font-family:var(--font-mono);color:#8a8a8a;margin-bottom:auto;font-size:.625rem}.term-msg{font-family:var(--font-mono);color:#e5e5e5;flex-wrap:wrap;align-items:baseline;font-size:.75rem;line-height:1.6;display:flex}.term-bullet{color:#d97757;margin-right:.375rem}.term-tool{font-weight:600}.term-arg{color:#a3a3a3;word-break:break-all}.term-sub{font-family:var(--font-mono);gap:.375rem;font-size:.6875rem;line-height:1.5;display:flex}.term-elbow{color:#6b6b6b}.term-input{font-family:var(--font-mono);color:#e5e5e5;border:1px solid #fff3;border-radius:.5rem;align-items:center;gap:.375rem;padding:.4375rem .5rem;font-size:.75rem;line-height:1.5;display:flex}.term-caretline{color:#d97757;flex:none}.term-line{font-family:var(--font-mono);color:#e5e5e5;gap:.375rem;font-size:.75rem;line-height:1.6;display:flex}.term-prompt{color:#4ade80;flex:none}.term-caret{background:#e5e5e5;flex:none;width:.375rem;height:1em;animation:1s step-end infinite term-blink}@keyframes term-blink{50%{opacity:0}}.term-result{font-family:var(--font-mono);color:#a3a3a3;align-items:baseline;gap:.375rem;font-size:.6875rem;line-height:1.5;display:flex}.term-check{color:#4ade80;flex:none}.term-path{color:#e5e5e5;word-break:break-all}.story-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:.4375rem;font-size:.6563rem;font-weight:500;display:flex}.story-head svg{flex:none;width:.875rem;height:.875rem}.story-icon{width:.875rem;height:.875rem;color:var(--muted-foreground);flex:none}.story-file{font-family:var(--font-mono);color:var(--muted-foreground);background:0 0;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .5rem;font-size:.6875rem;display:flex}.story-note{border:1px solid var(--border);background:var(--background);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.story-note-mark{border-radius:.375rem;flex:none;width:1.375rem;height:1.375rem}.story-note-text{flex-direction:column;min-width:0;display:flex}.story-note-app{color:var(--muted-foreground);font-size:.5625rem}.story-note-file{font-family:var(--font-mono);color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.story-note-check{width:.75rem;height:.75rem;color:var(--success-ink);flex:none;margin-left:auto}.story-link{background-image:repeating-linear-gradient(90deg, color-mix(in oklab, var(--brand) 45%, transparent) 0 4px, transparent 4px 9px);align-self:center;height:1px;position:relative}.story-link:after{content:"";background:var(--brand);opacity:0;border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:0}.story-link.is-on:after{animation:.9s linear forwards story-packet-x}@keyframes story-packet-x{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 5px)}}.bonus{border:1px solid color-mix(in oklab, var(--brand) 26%, var(--border));background:radial-gradient(80% 120% at 100% 0%, var(--brand-tint), transparent 60%), var(--card);border-radius:1.25rem;margin-top:clamp(2rem,4vw,2.75rem);padding:clamp(1.25rem,3vw,1.75rem)}.bonus-head{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.bonus-label{border:1px solid color-mix(in oklab, var(--brand) 34%, var(--border));background:var(--brand-tint);color:var(--brand-ink);white-space:nowrap;border-radius:999px;padding:.1875rem .5rem;font-size:.625rem}.bonus-title{letter-spacing:-.015em;font-size:1rem;font-weight:600}.bonus-note{color:var(--muted-foreground);font-size:.6875rem}.bonus-buy{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:flex}.bonus-price-block{flex-direction:column;align-items:flex-end;gap:.125rem;display:flex}.bonus-price{align-items:baseline;gap:.5rem;display:inline-flex}.bonus-price-label{color:var(--brand-ink);font-size:.6875rem}.bonus-price-value{letter-spacing:-.02em;color:var(--foreground);font-size:1.25rem;font-weight:600}.bonus-terms{color:var(--muted-foreground);text-align:right;font-size:.625rem}.bonus-list{border-top:1px solid var(--hairline);grid-template-columns:repeat(7,minmax(0,1fr));gap:.875rem 1rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.bonus-list li{align-items:center;gap:.5rem;min-width:0;display:flex}.bonus-icon{border:1px solid color-mix(in oklab, var(--brand) 24%, var(--border));background:var(--background);width:1.75rem;height:1.75rem;color:var(--brand-ink);border-radius:.5rem;flex:none;place-items:center;display:grid}.bonus-icon svg{width:.9375rem;height:.9375rem}.bonus-item-title{letter-spacing:-.01em;white-space:nowrap;font-size:.8125rem;font-weight:600}.faq{border-top:1px solid var(--border);margin-top:clamp(2rem,4vw,2.75rem)}.faq-item{border-bottom:1px solid var(--hairline)}.faq-item summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.0625rem 0;font-size:.9375rem;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--brand-ink)}.faq-mark{flex:none;width:.75rem;height:.75rem;position:relative}.faq-mark:before,.faq-mark:after{content:"";opacity:.55;background:currentColor;border-radius:2px;height:1.5px;transition:transform .2s,opacity .2s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.faq-mark:after{transform:translateY(-50%)rotate(90deg)}.faq-item[open] .faq-mark:after{opacity:0;transform:translateY(-50%)rotate(0)}.faq-item p{max-width:46rem;color:var(--muted-foreground);padding-bottom:1.375rem;font-size:.875rem;line-height:1.7}html[lang=zh-CN] .faq-item p{line-height:1.85}.site-footer{border-top:1px solid var(--border);background:var(--background);padding-block:3.5rem 2rem}.footer-grid{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:2.5rem;display:grid}.footer-brand .brand{font-size:1rem}.footer-tagline{max-width:18rem;color:var(--muted-foreground);margin-top:.875rem;font-size:.8125rem;line-height:1.65}.footer-col-title{letter-spacing:.09em;text-transform:uppercase;color:var(--muted-foreground);font-size:.6875rem;font-weight:500}.footer-links{flex-direction:column;gap:.625rem;margin-top:1rem;display:flex}.footer-links a{color:color-mix(in oklab, var(--foreground) 78%, var(--background));align-items:center;gap:.25rem;font-size:.8125rem;transition:color .15s;display:inline-flex}.footer-link-icon{opacity:.45;width:.75rem;height:.75rem}.footer-links a:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.footer-bottom{border-top:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.footer-copy{color:var(--muted-foreground);font-size:.75rem}.footer-controls{align-items:center;gap:.5rem;margin-left:auto;display:flex}.footer-controls .btn-ghost{height:1.875rem;padding-inline:.5rem;font-size:.75rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.wire:after,.story-link:after{display:none}}@media (width<=1024px){.app-stage{grid-template-columns:minmax(0,1fr)}.tray{justify-self:start;width:min(20rem,100%)}.app-body{grid-template-columns:10rem minmax(0,1fr)}.bonus-list{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@media (width<=900px){.nav{display:none}.menu-btn{display:inline-flex}.topology-grid{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;min-height:0}.server{grid-area:1/1/auto/-1;max-width:none}.wire-col{display:none}.node-laptop{grid-area:2/1}.node-phone{grid-area:2/2}.node-desktop{grid-area:3/1}.node-nas{grid-area:3/2}.node-live{display:none}.surfaces{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.surfaces-label{border-right:0;border-bottom:1px solid var(--border);grid-column:1/-1;padding-block:.75rem}.surface{border-right:1px solid var(--border)}.surface:nth-child(2n){border-right:0}.surface:nth-child(n+3){border-top:1px solid var(--border)}.flow{grid-template-columns:minmax(0,1fr)}.flow-gate{min-width:0;padding-block:.25rem}.flow-gate:before{display:none}.flow-verdict{margin-top:0}.stepper{grid-template-columns:minmax(0,1fr);gap:1.5rem}.story{grid-template-columns:minmax(0,1fr)}.story-link{background-image:repeating-linear-gradient(180deg, color-mix(in oklab, var(--brand) 45%, transparent) 0 4px, transparent 4px 9px);justify-self:center;width:1px;height:1.5rem}.story-link:after{margin-top:0;margin-left:-2.5px;top:0;left:50%}.story-link.is-on:after{animation-name:story-packet-y}@keyframes story-packet-y{0%{opacity:0;top:0}15%{opacity:1}85%{opacity:1}to{opacity:0;top:calc(100% - 5px)}}}@media (width<=720px){.hero-actions{flex-direction:column;align-items:center;width:100%}.hero-actions .btn{width:100%;max-width:20rem}.hero-mark{border-radius:.75rem;width:3rem;height:3rem}.flow-card-locked{border-style:solid}.app-body{grid-template-columns:minmax(0,1fr);min-height:0}.app-sidebar{display:none}.bonus-buy{margin-left:0}.bonus-price-block{align-items:flex-start}.bonus-terms{text-align:left}.bonus-list,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions .btn{display:none}.mobile-nav .btn{margin-top:.5rem;display:inline-flex}.footer-controls{justify-content:flex-start;width:100%;margin-left:0}}@media (width<=480px){.topology-grid{grid-template-columns:minmax(0,1fr)}.node-laptop,.node-phone,.node-desktop,.node-nas{grid-column:1}.node-laptop{grid-row:2}.node-phone{grid-row:3}.node-desktop{grid-row:4}.node-nas{grid-row:5}.surfaces{grid-template-columns:minmax(0,1fr)}.surface{border-right:0}.surface+.surface{border-top:1px solid var(--border)}.app-disk-body{gap:.875rem}.app-legend{grid-template-columns:minmax(0,1fr)}.app-legend-value{margin-left:auto}}.site-nav:where(.astro-rutobish) a:where(.astro-rutobish){color:var(--muted-foreground);white-space:nowrap;border-radius:6px;padding:.4rem .625rem;font-size:.8438rem;transition:color .15s,background-color .15s}.site-nav:where(.astro-rutobish) a:where(.astro-rutobish):hover{color:var(--foreground);background:color-mix(in oklab, var(--foreground) 5%, transparent)}