@layer pages{.wrap{max-width:var(--page-max-width);min-width:0;margin:0 auto;padding:0 24px}section{padding:64px 0}section>.wrap>h2,.how-it-works-intro h2{margin:0 0 10px;font-size:34px}.brand{color:var(--ink);letter-spacing:-.02em;font-weight:800}.btn{border-radius:10px;justify-content:center;align-items:center;padding:10px 20px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary{background:var(--blue);color:var(--on-blue)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--blue-deep);color:var(--on-blue)}.btn-ghost{border:1px solid var(--hairline);color:var(--body)}.btn-ghost:hover,.btn-ghost:focus-visible{color:var(--blue-deep);border-color:var(--blue)}.hero-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.diagram-panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:14px}.diagram-panel img{width:100%;height:auto}.diagram-panel figcaption{text-align:center;font-family:var(--mono);color:var(--muted);padding:8px 6px 4px;font-size:12.5px}.codeblock{background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;margin-top:16px;padding:18px 20px;overflow-x:auto}.codeblock pre{font-family:var(--mono);color:var(--shell-text);white-space:pre;font-size:13.5px;line-height:1.6}.hero-grid{grid-template-columns:1fr 1.7fr;align-items:center;gap:48px;display:grid}.wordmark{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:12px;font-size:clamp(32px,4vw,44px);font-weight:800;display:flex}.wordmark svg{width:40px;height:40px;color:var(--blue);flex:none}.tagline{color:var(--muted);margin-top:6px;font-size:20px}.tagline .hl{color:var(--blue);font-weight:700}.lede{max-width:52ch;margin-top:16px}.hero-chips-lede{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:14px;display:flex}.hero-note{color:var(--muted);max-width:46ch;margin:12px 0 0;font-size:14.5px}.tool-chip{display:inline-block;position:relative}.tool-chip-trigger{appearance:none;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0}.tool-chip>code,.tool-chip-trigger>code{background:var(--blue-soft);color:var(--blue-deep);border-radius:6px;padding:2px 7px}.tool-chip:hover>code,.tool-chip:focus-visible>code,.tool-chip-trigger:hover>code,.tool-chip-trigger:focus-visible>code{background:var(--blue);color:var(--on-blue)}.tool-tip{font-family:var(--mono);color:var(--shell-text);background:var(--panel);border:1px solid var(--panel-edge);box-shadow:var(--shadow);border-radius:10px;margin:10px 0 0;padding:10px 14px;font-size:13px}span.tool-tip{z-index:60;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;position:absolute;top:calc(100% + 8px);left:0}.tool-chip:hover span.tool-tip,.tool-chip:focus-visible span.tool-tip{opacity:1;visibility:visible}@supports selector(:popover-open){div.tool-tip[popover]{inset:auto auto auto 50%;bottom:max(20px, env(safe-area-inset-bottom));width:min(90vw,340px);margin:0;position:fixed;transform:translate(-50%)}}.tip-row{display:table-row}.tip-row>span{text-align:left;padding:2px 0;display:table-cell}.tip-row>span+span{padding-left:10px}.tip-res{text-align:right;white-space:nowrap}.tip-k{color:var(--muted)}.tool-tip code{background:var(--panel-edge);color:var(--shell-text);font-size:inherit;border-radius:5px;padding:1px 6px}.fn{color:var(--glow)}.res{color:var(--ok)}.use-case-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;padding:0;list-style:none;display:grid}.use-case-card{background:var(--card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:22px;display:flex}.use-case-card h3{margin-bottom:8px;font-size:17px}.use-case-card p{color:var(--body);flex:1;font-size:14.5px}.use-case-card a{margin-top:14px;font-size:14.5px;font-weight:600}.how-it-works-intro{margin-bottom:20px}.phase-grid{grid-template-columns:1fr 2fr;align-items:center;gap:56px;display:grid}.how-it-works{counter-reset:phase}.phase{counter-increment:phase}.phase:nth-of-type(2n) .phase-grid{grid-template-columns:2fr 1fr}.phase:nth-of-type(2n) .phase-copy{order:2}.phase:nth-of-type(2n) .diagram-panel{order:1}.phase-index{font-family:var(--mono);color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:4px 10px;font-size:14px;font-weight:600;display:inline-block}.phase-index:before{content:counter(phase, decimal-leading-zero) " · "}.phase h3{margin:14px 0 12px;font-size:30px}.phase p{max-width:var(--prose-measure)}.phase p+p{margin-top:12px}.read-more{margin-top:16px;font-weight:700;display:inline-block}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;padding:0;list-style:none;display:grid}.step{background:var(--card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.step h3{margin-bottom:8px;font-size:18px}.step p{font-size:15px}.config-template{margin-top:26px}.config-template summary{display:none}.config-template .codeblock{margin-top:0}@media (width>940px){.config-template:not([open])>.codeblock{display:block}}.get-started-note{color:var(--muted);margin-top:14px;font-size:14px}.hosts{margin-top:30px}.host-tabs{flex-wrap:wrap;gap:8px;display:flex}.host-tab{border:1px solid var(--hairline);cursor:pointer;background:var(--card);color:var(--body);font-family:var(--sans);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.host-tab:hover,.host-tab:focus-visible{border-color:var(--blue);color:var(--blue-deep)}.host-tab.active{background:var(--blue);border-color:var(--blue);color:var(--on-blue)}html.js .host-pane{display:none}html.js .host-pane.active{display:block}.host-note{color:var(--muted);margin-top:10px;font-size:14px}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:linear both reveal-in view();animation-range:entry cover 30%}@keyframes reveal-in{0%{opacity:0;translate:0 var(--reveal-distance)}to{opacity:1;translate:0}}}}@media (width<=940px){section{padding:40px 0}.hero-grid,.phase-grid{grid-template-columns:1fr;gap:24px}.phase:nth-of-type(2n) .phase-grid{grid-template-columns:1fr}.hero-grid .diagram-panel,.phase-grid .diagram-panel,.phase:nth-of-type(2n) .diagram-panel{order:1}.hero-copy,.phase-copy,.phase:nth-of-type(2n) .phase-copy{order:2}.use-case-grid,.steps{grid-template-columns:1fr}.host-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.host-tab{text-align:left;min-height:44px}.codeblock{padding:44px 16px 16px}.codeblock pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.config-template summary{cursor:pointer;min-height:52px;color:var(--ink);border:1px solid var(--hairline);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:700;list-style:none;display:flex}.config-template summary::-webkit-details-marker{display:none}.config-template[open] summary{border-bottom-right-radius:0;border-bottom-left-radius:0}.config-template:not([open])>.codeblock{display:none}.config-template[open]>.codeblock{border-top:0;border-top-left-radius:0;border-top-right-radius:0}div.tool-tip[popover]{width:auto;left:16px;right:16px;transform:none}span.tool-tip{display:none}}}