:root{color-scheme:light;--ground:#f2f5fb;--plate:#fff;--plate-2:#e9eef7;--line:#d3dbe9;--tx:#0e1626;--dim:#47536b;--mute:#78849c;--strait:#1258c4;--strait-soft:#1258c414;--allow:#3d7f17;--deny:#c0246f;--c-gateway:#1258c4;--c-govern:#6035d6;--c-capacity:#3d7f17;--c-workspace:#b05e00;--c-tools:#0e7f7a;--c-learn:#c0246f;--product-bg:#0b0e14;--product-panel:#141922;--product-line:#263041;--product-tx:#e6edf3;--product-mute:#8b98a9;--product-accent:#5b9dff;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--measure:68ch;--wrap:1180px;--r:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ground:#080c18;--plate:#101728;--plate-2:#162034;--line:#24314b;--tx:#e7ecf8;--dim:#a9b6d0;--mute:#8492ad;--strait:#6ba4ff;--strait-soft:#6ba4ff1f;--allow:#79c455;--deny:#ff74ae;--c-gateway:#6ba4ff;--c-govern:#a98cff;--c-capacity:#79c455;--c-workspace:#ffb13d;--c-tools:#4fd1c9;--c-learn:#ff74ae}}:root[data-theme=dark]{color-scheme:dark;--ground:#080c18;--plate:#101728;--plate-2:#162034;--line:#24314b;--tx:#e7ecf8;--dim:#a9b6d0;--mute:#8492ad;--strait:#6ba4ff;--strait-soft:#6ba4ff1f;--allow:#79c455;--deny:#ff74ae;--c-gateway:#6ba4ff;--c-govern:#a98cff;--c-capacity:#79c455;--c-workspace:#ffb13d;--c-tools:#4fd1c9;--c-learn:#ff74ae}:root[data-theme=light]{color-scheme:light;--ground:#f2f5fb;--plate:#fff;--plate-2:#e9eef7;--line:#d3dbe9;--tx:#0e1626;--dim:#47536b;--mute:#78849c;--strait:#1258c4;--strait-soft:#1258c414;--allow:#3d7f17;--deny:#c0246f;--c-gateway:#1258c4;--c-govern:#6035d6;--c-capacity:#3d7f17;--c-workspace:#b05e00;--c-tools:#0e7f7a;--c-learn:#c0246f}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font:400 16px/1.6 var(--sans);background:var(--ground);color:var(--tx);margin:0}h1,h2,h3{letter-spacing:-.015em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(2rem,1.3rem + 3vw,3.4rem);font-weight:700}h2{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.3rem);font-weight:700}h3{font-size:1.15rem;font-weight:650}p{max-width:var(--measure);margin:0 0 1em}a{color:var(--strait);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid var(--strait);outline-offset:3px;border-radius:4px}code,kbd,samp,pre{font-family:var(--mono);font-size:.9em}img,svg{max-width:100%;height:auto}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.section{padding:clamp(48px,7vw,96px) 0}.eyebrow{font:600 .78rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin:0 0 14px}.lede{color:var(--dim);max-width:62ch;font-size:1.16rem}.btn{border-radius:var(--r);border:1px solid #0000;padding:13px 22px;font-weight:620;display:inline-block}.btn-primary{background:var(--strait);color:#fff}.btn-primary:hover{filter:brightness(1.08);text-decoration:none}.btn-secondary{border-color:var(--line);color:var(--tx);background:var(--plate)}.btn-secondary:hover{border-color:var(--strait);text-decoration:none}.card{background:var(--plate);border:1px solid var(--line);border-radius:var(--r);padding:22px}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.skip{z-index:100;background:var(--plate);color:var(--tx);border:1px solid var(--strait);border-radius:var(--r);padding:10px 16px;position:absolute;top:0;left:-9999px}.skip:focus{top:8px;left:8px}.site-head,.site-foot{border-bottom:1px solid var(--line);background:var(--plate)}.site-foot{border-bottom:0;border-top:1px solid var(--line);margin-top:64px}.head-in,.foot-in{flex-wrap:wrap;align-items:center;gap:20px;padding-top:14px;padding-bottom:14px;display:flex}.brand{letter-spacing:-.01em;color:var(--tx);font-size:1.06rem;font-weight:750}.brand:hover{text-decoration:none}.nav-links{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}.nav-links a{color:var(--dim);font-size:.95rem}.nav-links a[aria-current=page]{color:var(--tx);font-weight:620}.themebtn,.langswitch{font:500 .85rem/1 var(--sans);color:var(--dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px}.themebtn:hover,.langswitch:hover{border-color:var(--strait);color:var(--tx);text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.prose h2{margin-top:1.6em}.prose h3{margin-top:1.4em}.prose ul,.prose ol{max-width:var(--measure);padding-left:22px}.prose li{margin:.35em 0}.prose table{border-collapse:collapse;width:100%;max-width:var(--measure);margin:1.2em 0;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:9px 12px}.prose th{background:var(--plate-2);font-weight:620}.prose strong{font-weight:650}.prose blockquote{border-left:3px solid var(--strait);color:var(--dim);margin:1.2em 0;padding:2px 0 2px 18px}.divider{border:0;border-top:1px solid var(--line);max-width:var(--measure);margin:32px 0}[data-hue],[data-hue=gateway]{--accent:var(--c-gateway)}[data-hue=govern]{--accent:var(--c-govern)}[data-hue=capacity]{--accent:var(--c-capacity)}[data-hue=workspace]{--accent:var(--c-workspace)}[data-hue=tools]{--accent:var(--c-tools)}[data-hue=learn]{--accent:var(--c-learn)}[data-hue] .eyebrow{color:var(--accent)}[data-hue] .eyebrow:before{content:"";background:var(--accent);vertical-align:middle;width:22px;height:2px;margin-right:10px;display:inline-block;transform:translateY(-2px)}.band-tint{background:linear-gradient(0deg, color-mix(in srgb, var(--accent) 5%, transparent), color-mix(in srgb, var(--accent) 5%, transparent)), var(--plate);border-top:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));border-bottom:1px solid color-mix(in srgb, var(--accent) 25%, var(--line))}[data-hue] .card{border-color:var(--line)}[data-hue] .card-accent{border-left:3px solid var(--accent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 6%, transparent), transparent 40%), var(--plate)}.shot{margin:22px 0 0}.shot-frame{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--product-bg);box-shadow:0 1px 2px #080c180f, 0 18px 40px -18px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:12px;line-height:0;overflow:hidden}.shot-frame img{width:100%;height:auto;display:block}.shot figcaption{color:var(--mute);margin-top:10px;font-size:.85rem;line-height:1.5}.shot figcaption b{color:var(--dim);font-weight:600}.shot-wide{max-width:none}.pagelist{gap:14px;margin:22px 0 0;display:grid}.pagerow{border-top:1px solid var(--line);grid-template-columns:190px 1fr;align-items:start;gap:18px;padding:14px 0;display:grid}.pagerow:first-child{border-top:0}.pagerow h3{margin:0 0 2px;font-size:1rem}.pagerow .path{font:500 .82rem/1.4 var(--mono);color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);border-radius:5px;padding:2px 7px;display:inline-block}.pagerow p{color:var(--dim);max-width:64ch;margin:0;font-size:.93rem}@media (width<=720px){.pagerow{grid-template-columns:1fr;gap:6px}}.tools{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px;margin-top:24px;display:grid}.tool{background:var(--plate);border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 14px}.tool h3{margin:0 0 3px;font-size:.98rem}.tool .slug{font:500 .76rem/1 var(--mono);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:5px;margin-bottom:9px;padding:3px 7px;display:inline-block}.tool p{color:var(--dim);max-width:none;margin:0;font-size:.88rem}.tool .tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag{font:600 .68rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);color:var(--mute);border-radius:4px;padding:4px 7px}.tag-user{color:var(--c-govern);border-color:color-mix(in srgb, var(--c-govern) 40%, var(--line))}.tag-read{color:var(--c-capacity);border-color:color-mix(in srgb, var(--c-capacity) 40%, var(--line))}.tag-write{color:var(--c-learn);border-color:color-mix(in srgb, var(--c-learn) 40%, var(--line))}.steps{counter-reset:s;gap:16px;margin-top:24px;display:grid}.step{grid-template-columns:40px 1fr;align-items:start;gap:16px;display:grid}.step:before{counter-increment:s;content:counter(s);width:34px;height:34px;font:700 .95rem/1 var(--sans);color:#fff;background:var(--accent);border-radius:9px;place-items:center;display:grid}.step h3{margin:4px 0;font-size:1rem}.step p{color:var(--dim);margin:0;font-size:.93rem}