:root{--bg: #fffbe8;--bg-alt: #fefefc;--surface: #ffffff;--text: #292d3e;--muted: #5a5e75;--line: #ebe2c3;--link: #a3318f;--link-hover: #292d3e;--btn-bg: #ffaff3;--btn-text: #292d3e;--btn-hover: #ff96ef;--code-inline-bg: #fde3f8;--code-inline-text: #584355;--code-bg: #292d3e;--code-bar: #313546;--shadow: 0 1px 2px rgba(41, 45, 62, 0.06), 0 10px 28px rgba(88, 67, 85, 0.1);--accent: #a3318f;--kicker-bg: #fde3f8;--glow: 1;--cta-bg: #292d3e;color-scheme:light;--font: "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Clash Display", var(--font);--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--wrap: 1120px;--radius: 10px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #292d3e;--bg-alt: #313546;--surface: #393e55;--text: #f0eeff;--muted: #bcc2e0;--line: #474c66;--link: #a6f0fc;--link-hover: #fefefc;--btn-bg: #ffaff3;--btn-text: #292d3e;--btn-hover: #ffc8f7;--code-inline-bg: #41465e;--code-inline-text: #ffddfa;--code-bg: #1f2230;--code-bar: #282c3c;--shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 10px 28px rgba(0, 0, 0, 0.22);--accent: #ffaff3;--kicker-bg: rgba(255, 175, 243, 0.14);--glow: 0.45;--cta-bg: #584355;color-scheme:dark}}:root[data-theme=dark]{--bg: #292d3e;--bg-alt: #313546;--surface: #393e55;--text: #f0eeff;--muted: #bcc2e0;--line: #474c66;--link: #a6f0fc;--link-hover: #fefefc;--btn-bg: #ffaff3;--btn-text: #292d3e;--btn-hover: #ffc8f7;--code-inline-bg: #41465e;--code-inline-text: #ffddfa;--code-bg: #1f2230;--code-bar: #282c3c;--shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 10px 28px rgba(0, 0, 0, 0.22);--accent: #ffaff3;--kicker-bg: rgba(255, 175, 243, 0.14);--glow: 0.45;--cta-bg: #584355;color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:1.5rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--link-hover)}h3{letter-spacing:-.01em}h1,h2{font-family:var(--display);word-spacing:.08em;text-wrap:balance}h1,h2,h3{line-height:1.2;letter-spacing:0;font-weight:600;margin:0 0 .6em}p{margin:0 0 1em}code,kbd,pre{font-family:var(--mono);font-size:.88em}:not(pre)>code{background:var(--code-inline-bg);color:var(--code-inline-text);padding:.1em .35em;border-radius:4px;overflow-wrap:anywhere}:focus-visible{outline:2px solid #3f7cff;outline-offset:2px;border-radius:4px}.muted{color:var(--muted)}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}@media (min-width: 720px){.wrap{padding:0 32px}}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:10;background:var(--surface);padding:.5rem 1rem}.site-header{border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;padding-top:.9rem;padding-bottom:.9rem}.brand{display:flex;align-items:center;gap:.6rem;color:var(--text);font-weight:600;font-size:1.15rem;letter-spacing:-.02em;text-decoration:none}.brand img{border-radius:7px}.brand:hover{color:var(--text)}.nav{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:.95rem}.nav a{color:var(--muted);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,0);color:var(--muted);cursor:pointer}.theme-toggle:hover{color:var(--text)}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.75rem 0 0}.btn{display:inline-flex;align-items:center;padding:.65rem 1.15rem;border-radius:8px;font-weight:500;font-size:.97rem;text-decoration:none;border:1px solid rgba(0,0,0,0);transition:background .15s,border-color .15s}.btn-primary{background:var(--btn-bg);color:var(--btn-text)}.btn-primary:hover{background:var(--btn-hover);color:var(--btn-text)}.btn-ghost{border-color:var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--muted);color:var(--text)}pre{margin:0 0 1.25rem;padding:1rem 1.15rem;background:var(--code-bg);color:#f0eeff;border-radius:var(--radius);overflow-x:auto;line-height:1.55;font-size:.84rem;tab-size:2}pre code{background:none;color:inherit;padding:0;font-size:inherit}.z-comment{color:#9a9a9a;font-style:italic}.z-keyword,.z-storage{color:#ffaff3}.z-entity{color:#9ce7ff}.z-string{color:#c8ffa7}.z-constant,.z-support{color:#ffd596}.z-variable{color:#f0eeff}code[data-lang=shellscript] .z-string{color:inherit}.f{stroke:currentColor}.f1{fill:#1b1f3b;color:#1b1f3b}.f2{fill:#2e3a8c;color:#2e3a8c}.f3{fill:#3f7cff;color:#3f7cff}.f4{fill:#7ee0ff;color:#7ee0ff}.f5{fill:#c3b5ff;color:#c3b5ff}.f6{fill:#ffaff3;color:#ffaff3}:root[data-theme=dark] .f1{fill:#4651c4;color:#4651c4}:root[data-theme=dark] .f2{fill:#3346b8;color:#3346b8}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .f1{fill:#4651c4;color:#4651c4}:root:not([data-theme=light]) .f2{fill:#3346b8;color:#3346b8}}.kicker,.eyebrow{display:inline-block;margin:0 0 1rem;padding:.2rem .75rem;border-radius:999px;background:var(--kicker-bg);color:var(--accent);font:700 .85rem var(--font)}.hero{position:relative;overflow:hidden;padding:4.5rem 0 3.5rem;text-align:center}@media (min-width: 720px){.hero{padding:6rem 0 4.5rem}}.hero-glow{position:absolute;inset:-20% -10% auto;height:640px;background:radial-gradient(closest-side at 36% 42%, rgba(255,175,243,.55), rgba(0,0,0,0)),radial-gradient(closest-side at 64% 38%, rgba(166,240,252,.55), rgba(0,0,0,0)),radial-gradient(closest-side at 50% 66%, rgba(195,181,255,.3), rgba(0,0,0,0));filter:blur(40px);opacity:var(--glow);pointer-events:none}.hero-inner{position:relative}.hero-crystal{width:112px;height:112px;margin:0 auto 2rem;filter:drop-shadow(0 18px 40px rgba(63,124,255,.35));animation:float 7s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.hero-crystal{animation:none}}@keyframes float{50%{transform:translateY(-8px) rotate(-2deg)}}.title{font-family:var(--display);font-weight:600;font-size:clamp(2.3rem,6.4vw,4.6rem);line-height:1.04;letter-spacing:0;margin:0 auto 1.4rem;max-width:20ch}.hero-pitch{max-width:38rem;margin:0 auto 2.2rem;font-size:1.15rem;color:var(--muted)}.install{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .35rem .35rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.install code{background:none;color:var(--text);padding:0;font-size:1rem}.install code::before{content:"$ ";color:var(--muted)}.copy{margin-left:.75rem;padding:.4rem .8rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-alt);color:var(--muted);font:500 .85rem var(--font);cursor:pointer}.copy:hover{color:var(--text)}.actions-center{justify-content:center}.band{padding:4.5rem 0}@media (min-width: 720px){.band{padding:6rem 0}}.band-alt{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{max-width:50rem;margin-bottom:2.75rem}.section-title{font-family:var(--display);font-weight:600;font-size:clamp(1.75rem,3.6vw,2.5rem);line-height:1.12;letter-spacing:0}.section-lead{font-size:1.08rem;color:var(--muted)}.two-col{display:grid;gap:2.5rem;align-items:center}@media (min-width: 900px){.two-col{grid-template-columns:1fr 1fr;gap:4rem}}.two-col-top{align-items:start}@media (min-width: 900px){.sticky{position:sticky;top:2rem}}.terminal{margin:0;border-radius:12px;background:var(--code-bg);box-shadow:var(--shadow);overflow:hidden}.terminal pre{margin:0;border-radius:0;padding:1.1rem 1.25rem 1.3rem;font-size:.9rem}.terminal-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;background:var(--code-bar);color:#b3b8d4;font:.78rem var(--mono)}.dots{display:inline-flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:#ffaff3}.dots i:nth-child(2){background:#7ee0ff}.dots i:nth-child(3){background:#3f7cff}.refraction{display:grid;gap:1.5rem;align-items:center}@media (min-width: 900px){.refraction{grid-template-columns:minmax(0, 5fr) 120px minmax(0, 6fr);gap:0}}.beams{display:none;width:100%;height:320px}@media (min-width: 900px){.beams{display:block}}.beam{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;opacity:.9}.beam-web{stroke:#ffaff3}.beam-domain{stroke:#a6f0fc}.beam-data{stroke:#3f7cff}.beam-test{stroke:var(--muted);opacity:.5}.files{list-style:none;margin:0;padding:0;display:grid;gap:6px}@media (min-width: 900px){.files{grid-template-rows:repeat(8, 34px);gap:6px}}.files li{display:flex;align-items:center;gap:.7rem;min-height:34px;padding:0 .8rem;border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:8px;background:var(--surface);font-size:.85rem;overflow:hidden}.files code{background:none;color:var(--text);padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files em{margin-left:auto;font-style:normal;font-size:.75rem;color:var(--muted)}.tag{flex:none;width:3.6rem;font:500 .7rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.file-web{border-left-color:#ffaff3 !important}.file-domain{border-left-color:#a6f0fc !important}.file-data{border-left-color:#3f7cff !important}.refraction-note{margin:2rem 0 0;color:var(--muted);font-size:.97rem}.tour{display:grid;grid-template-columns:minmax(0, 1fr);gap:1.5rem}.tour>*{min-width:0}@media (min-width: 900px){.tour{grid-template-columns:17rem minmax(0, 1fr);gap:2.5rem}}.tour-radio{position:absolute;opacity:0;pointer-events:none}.tour-tabs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.25rem}@media (min-width: 900px){.tour-tabs{flex-direction:column;overflow:visible}}.tour-tab{flex:none;display:flex;gap:.75rem;align-items:baseline;padding:.7rem .9rem;border:1px solid rgba(0,0,0,0);border-radius:10px;color:var(--muted);font-weight:500;font-size:.95rem;line-height:1.35;cursor:pointer}.tour-tab:hover{color:var(--text)}.tour-num{font:500 .75rem var(--mono);color:var(--accent)}.tour-panel{display:none}.tour-text{color:var(--muted);max-width:44rem}.tour-code{border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.tour-code .file{margin:0;padding:.6rem 1.15rem;background:var(--code-bar);color:#b3b8d4;font:.78rem var(--mono)}.tour-code pre{margin:0;border-radius:0;max-height:30rem}#tour-1:checked~.tour-panels .tour-panel-1{display:block}#tour-1:checked~.tour-tabs .tour-tab:nth-child(1){background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}#tour-1:focus-visible~.tour-tabs .tour-tab:nth-child(1){outline:2px solid #3f7cff;outline-offset:2px}#tour-2:checked~.tour-panels .tour-panel-2{display:block}#tour-2:checked~.tour-tabs .tour-tab:nth-child(2){background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}#tour-2:focus-visible~.tour-tabs .tour-tab:nth-child(2){outline:2px solid #3f7cff;outline-offset:2px}#tour-3:checked~.tour-panels .tour-panel-3{display:block}#tour-3:checked~.tour-tabs .tour-tab:nth-child(3){background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}#tour-3:focus-visible~.tour-tabs .tour-tab:nth-child(3){outline:2px solid #3f7cff;outline-offset:2px}#tour-4:checked~.tour-panels .tour-panel-4{display:block}#tour-4:checked~.tour-tabs .tour-tab:nth-child(4){background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}#tour-4:focus-visible~.tour-tabs .tour-tab:nth-child(4){outline:2px solid #3f7cff;outline-offset:2px}#tour-5:checked~.tour-panels .tour-panel-5{display:block}#tour-5:checked~.tour-tabs .tour-tab:nth-child(5){background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}#tour-5:focus-visible~.tour-tabs .tour-tab:nth-child(5){outline:2px solid #3f7cff;outline-offset:2px}#tour-6:checked~.tour-panels .tour-panel-6{display:block}#tour-6:checked~.tour-tabs .tour-tab:nth-child(6){background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}#tour-6:focus-visible~.tour-tabs .tour-tab:nth-child(6){outline:2px solid #3f7cff;outline-offset:2px}.layers{display:grid;gap:.4rem}.layer{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 1rem;padding:1.1rem 1.25rem;border-radius:12px;color:#292d3e}.layer b{font:600 1.05rem var(--mono)}.layer span{font-size:.95rem}.layer-web{background:#ffaff3}.layer-domain{background:#a6f0fc}.layer-data{background:#3f7cff;color:#fff}.layer-arrows{display:flex;justify-content:center;gap:3rem;color:var(--muted);font-size:1.1rem;line-height:1}.layer-caption{margin:.75rem 0 0;font:.82rem var(--mono);color:var(--muted)}.layer-caption .ok,.layer-caption .no{margin-left:.6rem}.layer-caption .ok:first-child{margin-left:0}.ok{color:#2f9e6a}.no{color:#d0457a}.principles{list-style:none;counter-reset:p;margin:0;padding:0}.principles li{counter-increment:p;position:relative;padding:1.25rem 0 1.25rem 3.5rem;border-top:1px solid var(--line);color:var(--muted)}.principles li:last-child{border-bottom:1px solid var(--line)}.principles li::before{content:"0" counter(p);position:absolute;left:0;top:1.2rem;font:600 1.6rem var(--display);line-height:1;color:var(--accent)}.principles b{display:block;color:var(--text);font-weight:600;margin-bottom:.15rem}.commands{display:grid;gap:1px;margin:0 0 1.5rem;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}@media (min-width: 720px){.commands{grid-template-columns:1fr 1fr}}.commands div{padding:1rem 1.2rem;background:var(--surface)}.commands dt{margin-bottom:.25rem}.commands dt code{font-weight:500}.commands dd{margin:0;color:var(--muted);font-size:.93rem}.more{font-weight:500;text-decoration:none}.stack{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(13rem, 1fr))}@media (min-width: 1000px){.stack{grid-template-columns:repeat(5, 1fr)}}.stack a{display:flex;flex-direction:column;gap:.3rem;height:100%;padding:1.2rem 1.25rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:.93rem;text-decoration:none;transition:border-color .15s,transform .15s}.stack a:hover{border-color:var(--accent);transform:translateY(-2px);color:var(--muted)}.stack b{font:600 1.15rem var(--display);color:var(--text)}.cta{position:relative;background:radial-gradient(60% 120% at 85% 50%, rgba(166,240,252,.18), rgba(0,0,0,0) 70%),radial-gradient(40% 80% at 70% 0%, rgba(255,175,243,.2), rgba(0,0,0,0) 70%),var(--cta-bg);color:#f0eeff;padding:4.5rem 0;overflow:hidden}.cta h2{font:600 clamp(1.8rem,4vw,2.75rem)/1.1 var(--display);color:#fff}.cta p{color:#d6d9ee;max-width:34rem}.cta code{background:rgba(255,255,255,.1);color:#ffddfa}.cta .btn-primary{background:#ffaff3;color:#292d3e}.cta .btn-primary:hover{background:#ffc8f7;color:#292d3e}.cta .btn-ghost{border-color:rgba(255,255,255,.28);color:#f0eeff}.cta .btn-ghost:hover{border-color:#b3b8d4;color:#fff}.cta .f1{fill:#4651c4;color:#4651c4}.cta .f2{fill:#3346b8;color:#3346b8}.cta-inner{display:grid;gap:2rem;align-items:center}@media (min-width: 900px){.cta-inner{grid-template-columns:1fr auto}}.cta-crystal{display:none;width:220px;height:220px;filter:drop-shadow(0 30px 60px rgba(63,124,255,.4))}@media (min-width: 900px){.cta-crystal{display:block}}.article-wrap{max-width:820px;padding-top:3rem;padding-bottom:4rem}.article-head{margin-bottom:2rem}.article-head h1{font-size:clamp(2rem,4.5vw,2.8rem);letter-spacing:-.035em}.article-head .lead{font-size:1.15rem;color:var(--muted)}.toc{margin:0 0 2.5rem;padding:1rem 1.25rem;border:1px solid var(--line);border-left:3px solid #3f7cff;border-radius:0 8px 8px 0;background:var(--surface);font-size:.93rem}.toc .toc-title{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.5rem}.toc ol{margin:0;padding:0;list-style:none;columns:2 14rem;column-gap:2rem}.toc li{padding:.12rem 0;break-inside:avoid}.toc a{text-decoration:none}.prose>*{max-width:100%}.prose h2{font-size:1.55rem;margin-top:2.75rem;padding-top:.25rem}.prose h3{font-size:1.15rem;margin-top:2rem}.prose ul,.prose ol{padding-left:1.3rem;margin:0 0 1.25rem}.prose li{margin:.3rem 0}.prose table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.5rem;font-size:.93rem}.prose th,.prose td{text-align:left;padding:.5rem 1.25rem .5rem 0;border-bottom:1px solid var(--line);vertical-align:top}.prose th{font-weight:600;font-size:.85rem;color:var(--muted)}.prose td:first-child{white-space:nowrap}@media (max-width: 600px){.prose td:first-child{white-space:normal}}.next-page{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line)}.next-page a{font-weight:500;text-decoration:none}.not-found{min-height:50vh}.not-found pre{max-width:32rem}.site-footer{border-top:1px solid var(--line);padding:3.5rem 0 2rem;font-size:.93rem}.home .site-footer{border-top:0}.footer-grid{display:grid;gap:2.5rem}@media (min-width: 720px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand p{max-width:22rem;margin-top:1rem}.footer-logo{display:inline-flex;align-items:center;gap:.75rem;color:var(--text);text-decoration:none}.footer-logo span{font:600 1.6rem var(--display);letter-spacing:.01em}.footer-logo:hover{color:var(--text)}.footer-col{display:flex;flex-direction:column;gap:.5rem}.footer-col a{color:var(--muted);text-decoration:none}.footer-col a:hover{color:var(--text)}.footer-head{margin:0 0 .35rem;font:700 .9rem var(--font);color:var(--text)}.footer-base{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.spectrum-dots{display:inline-flex;gap:6px}.spectrum-dots i{width:8px;height:8px;border-radius:2px;background:#ffaff3;transform:rotate(45deg)}.spectrum-dots i:nth-child(2){background:#7ee0ff}.spectrum-dots i:nth-child(3){background:#3f7cff}