:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ct-font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", "Noto Sans SC", sans-serif;--ct-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ct-bg:#080b12;--ct-bg-alt:#0b0f18;--ct-surface:#0d131e;--ct-surface-2:#131b28;--ct-surface-3:#1a2536;--ct-border:#202a39;--ct-border-strong:#2d3849;--ct-text:#edf1f7;--ct-text-2:#bdc7d6;--ct-muted:#94a2b6;--ct-accent:#89efce;--ct-accent-hover:#b5f7e2;--ct-accent-fill:#a4efd8;--ct-accent-fill-hover:#c4ffed;--ct-on-accent:#0d2622;--ct-accent-soft:#89efce1f;--ct-accent-2:#b3c8ff;--ct-glow:#89efce54;--ct-shadow:0 24px 100px #14382a21;--ct-series-1:#64dfc1;--ct-series-2:#6fb9ed;--ct-series-3:#b8a4f5;--ct-code-bg:#0b111b;--ct-code-text:#d3e2ef;--ct-syntax-comment:#7d91a7;--ct-syntax-string:#9ecb8a;--ct-syntax-number:#e0a86b;--ct-syntax-keyword:#c49cf0;--ct-syntax-type:#79b8f2;--ct-danger-text:#fca5a5;--ct-danger-bg:#2a0f12;--ct-danger-border:#7f1d1d;--ct-radius-sm:6px;--ct-radius:10px;--ct-radius-lg:14px;--ct-space-1:4px;--ct-space-2:8px;--ct-space-3:12px;--ct-space-4:16px;--ct-space-5:24px;--ct-space-6:32px;--ct-header-h:64px;--ct-content-w:1120px;--ct-page-w:1440px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ct-bg:#f6f8fb;--ct-bg-alt:#eef2f7;--ct-surface:#fff;--ct-surface-2:#eef2f7;--ct-surface-3:#e1ece8;--ct-border:#dbe2eb;--ct-border-strong:#c3cdda;--ct-text:#0d1522;--ct-text-2:#344054;--ct-muted:#556274;--ct-accent:#08775a;--ct-accent-hover:#055c45;--ct-accent-fill:#0b7d5f;--ct-accent-fill-hover:#08684f;--ct-on-accent:#fff;--ct-accent-soft:#08775a1a;--ct-accent-2:#3d5bd9;--ct-glow:#08775a40;--ct-shadow:0 24px 80px #1e32501a;--ct-series-1:#12a383;--ct-series-2:#2f7fc4;--ct-series-3:#7b5fd0;--ct-code-bg:#f3f6fa;--ct-code-text:#1f2d3f;--ct-syntax-comment:#5d6b80;--ct-syntax-string:#307030;--ct-syntax-number:#9a4d12;--ct-syntax-keyword:#8042ab;--ct-syntax-type:#2163a3;--ct-danger-text:#9f1c1c;--ct-danger-bg:#fdecec;--ct-danger-border:#f2b8b8}:root[data-theme=midnight]{--ct-bg:#080f20;--ct-bg-alt:#0a1328;--ct-surface:#101b35;--ct-surface-2:#192944;--ct-surface-3:#263c61;--ct-border:#2c3c5b;--ct-border-strong:#3a4d70;--ct-text:#edf2ff;--ct-text-2:#c6d2e8;--ct-muted:#a3b4d1;--ct-code-bg:#0b152a;--ct-syntax-comment:#8796b3}:root[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ct-bg:#eee8dc;--ct-bg-alt:#e7e0d1;--ct-surface:#faf6ed;--ct-surface-2:#f0e9dc;--ct-surface-3:#e5dac4;--ct-border:#d4c9b6;--ct-border-strong:#bfb39d;--ct-text:#352e25;--ct-text-2:#4d4337;--ct-muted:#665a49;--ct-accent:#0a6b52;--ct-accent-hover:#07523f;--ct-accent-fill:#0b6f55;--ct-accent-fill-hover:#085a45;--ct-on-accent:#fff;--ct-accent-soft:#0a6b521a;--ct-accent-2:#3d5bd9;--ct-glow:#0a6b5240;--ct-shadow:0 24px 80px #503c1e1a;--ct-series-1:#12a383;--ct-series-2:#2f7fc4;--ct-series-3:#7b5fd0;--ct-code-bg:#f3eddf;--ct-code-text:#352e25;--ct-syntax-comment:#6e6250;--ct-syntax-string:#307030;--ct-syntax-number:#9a4d12;--ct-syntax-keyword:#8042ab;--ct-syntax-type:#2163a3;--ct-danger-text:#9f1c1c;--ct-danger-bg:#fbe9e4;--ct-danger-border:#e8b7aa}:is(.site-theme,.site-lang){flex-shrink:0;align-items:center;display:flex}:is(.site-theme,.site-lang) select{height:32px;font:500 13px/1 var(--ct-font);color:var(--ct-text);background:var(--ct-surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%2394a2b6' stroke-width='1.6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--ct-border-strong);border-radius:var(--ct-radius-sm);cursor:pointer;appearance:none;padding:0 28px 0 10px;transition:border-color .2s}:root:is([data-theme=light],[data-theme=paper]) :is(.site-theme,.site-lang) select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23556274' stroke-width='1.6'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E")}:is(.site-theme,.site-lang) select:hover{border-color:var(--ct-accent)}:is(.site-theme,.site-lang) select:focus-visible{outline:2px solid var(--ct-accent);outline-offset:2px}.site-control-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-controls{align-items:center;gap:var(--ct-space-2);display:flex}:is(.site-header .brand,.VPNavBarTitle .title):before{content:"▥";color:var(--ct-accent);margin-right:8px;font-weight:400}*{box-sizing:border-box}html{background:var(--ct-bg)}body{background:var(--ct-bg);color:var(--ct-text);font-family:var(--ct-font);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:inherit}:is(a,button):focus-visible{outline:2px solid var(--ct-accent);outline-offset:3px}.skip-link{z-index:30;border-radius:var(--ct-radius-sm);background:var(--ct-accent-fill);color:var(--ct-on-accent);padding:12px 16px;font-weight:600;text-decoration:none;position:absolute;top:-80px;left:16px}.skip-link:focus{top:8px}.site-header{z-index:20;align-items:center;column-gap:var(--ct-space-2);min-height:var(--ct-header-h);padding:0 var(--ct-space-6);background:color-mix(in srgb, var(--ct-bg) 90%, transparent);border-bottom:1px solid var(--ct-border);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;display:flex;position:sticky;top:0}.site-header .brand{height:var(--ct-header-h);letter-spacing:-.4px;color:var(--ct-text);white-space:nowrap;align-items:center;margin-right:auto;font-size:17px;font-weight:700;text-decoration:none;display:flex}.site-header>nav:not(.site-tabs){scrollbar-width:none;min-width:0;margin-right:var(--ct-space-3);display:flex;overflow-x:auto}.site-header>nav:not(.site-tabs) a{line-height:var(--ct-header-h);color:var(--ct-text);white-space:nowrap;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.site-header>nav:not(.site-tabs) a:hover,.site-header>nav:not(.site-tabs) a[aria-current=page]{color:var(--ct-accent)}.site-header .site-tabs{gap:var(--ct-space-1);padding:var(--ct-space-2) 0;border-top:1px solid var(--ct-border);scrollbar-width:none;flex-basis:100%;order:10;display:flex;overflow-x:auto}.site-tabs a{border-radius:var(--ct-radius-sm);color:var(--ct-muted);white-space:nowrap;padding:4px 10px;font-size:13px;font-weight:500;text-decoration:none}.site-tabs a:hover{color:var(--ct-text);background:var(--ct-surface-2)}.site-tabs a[aria-current=page]{color:var(--ct-accent);background:var(--ct-accent-soft)}.site-footer{justify-content:center;align-items:center;gap:var(--ct-space-2) var(--ct-space-5);padding:var(--ct-space-6) var(--ct-space-5);border-top:1px solid var(--ct-border);color:var(--ct-muted);text-align:center;flex-wrap:wrap;font-size:14px;display:flex}.site-footer a{color:var(--ct-text-2);text-decoration:none}.site-footer a:hover{color:var(--ct-accent)}.site-footer .brand{letter-spacing:-.3px;color:var(--ct-text);font-weight:700}@media (width<=760px){.site-header{padding:0 var(--ct-space-4)}.site-header>nav:not(.site-tabs){margin:0 calc(-1 * var(--ct-space-4));padding:0 var(--ct-space-1);border-top:1px solid var(--ct-border);flex-basis:100%;order:5}.site-header>nav:not(.site-tabs) a{padding:0 10px;font-size:13px;line-height:44px}.site-header .brand{height:56px;font-size:16px}:is(.site-theme,.site-lang) select{background-position:right 8px center;height:30px;padding-left:8px;padding-right:24px;font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}button{font:inherit}a{text-decoration:none}.wrap{width:min(var(--ct-content-w), calc(100% - 64px));margin-inline:auto}.hero{text-align:center;padding:86px 0 50px}.eyebrow{letter-spacing:2.2px;color:var(--ct-accent);margin:0 0 25px;font-size:10px;font-weight:650}.dot{background:var(--ct-accent);width:6px;height:6px;box-shadow:0 0 14px var(--ct-glow);border-radius:50%;margin-right:9px;display:inline-block}h1{letter-spacing:-5px;margin:0 0 26px;font-size:clamp(56px,7.5vw,94px);font-weight:580;line-height:1.04}h1 span{background:linear-gradient(110deg, var(--ct-accent), var(--ct-accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.intro{color:var(--ct-muted);margin:0 0 30px;font-size:17px;line-height:1.8}.actions{justify-content:center;gap:12px;display:flex}.button{border-radius:var(--ct-radius-sm);justify-content:center;align-items:center;gap:24px;padding:14px 20px;font-size:13px;font-weight:650;transition:background-color .2s,border-color .2s;display:inline-flex}.primary{background:var(--ct-accent-fill);color:var(--ct-on-accent)}.primary:hover{background:var(--ct-accent-fill-hover)}.secondary{border:1px solid var(--ct-border-strong);background:var(--ct-surface-2)}.secondary:hover{border-color:var(--ct-accent)}.platforms{color:var(--ct-muted);margin-top:25px;font-size:11px}.platforms span{margin:0 12px}.demo{background:var(--ct-surface);border:1px solid var(--ct-border-strong);border-radius:var(--ct-radius);box-shadow:var(--ct-shadow);overflow:hidden}.demo-top,.demo-bottom{justify-content:space-between;align-items:center;padding:19px 24px;font-size:12px;display:flex}.demo-top{border-bottom:1px solid var(--ct-border)}.demo-top strong{font-weight:550}.demo-subtitle{color:var(--ct-muted);margin-left:20px}.demo-top button{background:var(--ct-surface-2);color:var(--ct-text);border:1px solid var(--ct-border-strong);border-radius:var(--ct-radius-sm);cursor:pointer;padding:7px 13px}.demo-top button:hover:not(:disabled){border-color:var(--ct-accent)}.demo-top button:disabled{opacity:.5;cursor:default}.chart-stage{height:350px;margin:12px 12px 0;position:relative}.chart-stage canvas,.chart-stage svg{width:100%;height:100%;display:block}.chart-stage [hidden]{display:none}.poster-grid{stroke:var(--ct-border)}.poster-stop{stop-color:var(--ct-series-1)}.poster-s1{stroke:var(--ct-series-1)}.poster-s2{fill:var(--ct-series-2);fill-opacity:.4;stroke:var(--ct-series-2)}.poster-s3{fill:var(--ct-series-3);fill-opacity:.4;stroke:var(--ct-series-3)}.demo-bottom{color:var(--ct-muted);border-top:1px solid var(--ct-border);font-size:11px}.demo-bottom a{color:var(--ct-text-2)}.demo-bottom a:hover{color:var(--ct-accent)}.no-script{padding:0 24px;font-size:12px}.principles{border-bottom:1px solid var(--ct-border);text-align:center;grid-template-columns:repeat(3,1fr);padding:40px 0 70px;display:grid}.principles strong{font-size:13px;font-weight:550}.principles p{color:var(--ct-muted);margin-bottom:0;font-size:12px}.explore{padding:86px 0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.section-heading .eyebrow{margin-bottom:14px}h2{letter-spacing:-1.1px;margin:0;font-size:32px;font-weight:530;line-height:1.2}.section-heading>a,.code-section a{color:var(--ct-accent);font-size:12px}.section-heading>a:hover,.code-section a:hover{color:var(--ct-accent-hover)}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:linear-gradient(140deg, var(--ct-surface-2), var(--ct-surface));border:1px solid var(--ct-border);border-radius:var(--ct-radius);padding:24px;transition:border-color .2s}.card:hover{border-color:var(--ct-accent)}.mini{letter-spacing:-16px;height:140px;color:var(--ct-series-1);background:radial-gradient(ellipse, var(--ct-accent-soft), transparent 70%);justify-content:center;align-items:center;margin-bottom:26px;font-family:monospace;font-size:96px;display:flex;overflow:hidden}.scatter{letter-spacing:14px;color:var(--ct-series-2);font-size:50px;line-height:.8}.network{letter-spacing:3px;color:var(--ct-series-3);font-size:50px;line-height:1}.tag{letter-spacing:1.5px;color:var(--ct-muted);font-size:9px}.card h3{letter-spacing:-.5px;margin:15px 0 12px;font-size:19px;font-weight:550}.card p{color:var(--ct-muted);min-height:72px;font-size:13px;line-height:1.8}.card-link{color:var(--ct-accent);margin-top:28px;font-size:11px;display:block}.code-section{border-bottom:1px solid var(--ct-border);grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;padding:25px 0 86px;display:grid}.code-section .eyebrow{margin-bottom:18px}.code-section p{color:var(--ct-muted);margin:20px 0;font-size:13px;line-height:1.9}.code-section pre{border:1px solid var(--ct-border-strong);background:var(--ct-code-bg);border-radius:var(--ct-radius);font:12px/2 var(--ct-font-mono);color:var(--ct-code-text);margin:0;padding:30px;overflow-x:auto}.code-comment{color:var(--ct-syntax-comment)}.code-number{color:var(--ct-syntax-number)}.closing{text-align:center;padding:82px 0}.closing h2{margin-bottom:28px}@media (width<=700px){.wrap{width:calc(100% - 32px)}.hero{padding:62px 0 36px}h1{letter-spacing:-3px}.intro{font-size:14px}.button{gap:12px;padding:13px 15px;font-size:11px}.platforms{font-size:9px}.platforms span{margin:0 6px}.demo-top,.demo-bottom{padding:14px}.demo-subtitle{display:none}.chart-stage{height:280px;margin-inline:0}.demo-bottom{gap:12px;font-size:9px}.principles{gap:12px;padding:30px 0 44px}.principles strong{font-size:11px}.principles p{font-size:10px;line-height:1.7}.explore{padding:52px 0}.section-heading{display:block}.section-heading>a{margin-top:18px;display:inline-block}h2{font-size:27px}.cards{grid-template-columns:1fr}.mini{height:110px}.card p{min-height:0}.code-section{grid-template-columns:1fr;gap:26px;padding-bottom:52px}.code-section pre{padding:20px;font-size:10px}.closing{padding:56px 0}}