.invoker-ds{main{padding-top:var(--s-7)}.hero{padding:var(--s-7) 0 var(--s-9);position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--s-8);align-items:center}@media (max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:var(--s-7)}}.hero h1{font-family:var(--font-display);font-weight:400;font-size:var(--t-mega);line-height:.98;letter-spacing:-.02em;margin:16px 0 28px;max-width:12ch;color:var(--fg)}.hero h1 em{font-style:italic;color:var(--accent);font-feature-settings:"ss01"}.hero .sub{max-width:56ch;color:var(--fg-muted);font-size:15px;line-height:1.65}.hero .ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:var(--s-6)}.hero .ctas .meta{display:flex;align-items:center;gap:8px;color:var(--fg-soft);font-size:12px;padding-left:4px}.hero-visual{position:relative;aspect-ratio:5/4;max-width:560px;width:100%;justify-self:end}@media (max-width:1000px){.hero-visual{justify-self:start;max-width:100%}}.hero-visual[data-visible=false]{display:none}.diagram-frame{position:absolute;inset:0;border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(circle at 60% 35%,rgba(212,255,61,.04),transparent 55%),linear-gradient(180deg,var(--bg-elev-1),var(--bg));overflow:hidden}.diagram-frame:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,transparent 0);background-size:28px 28px;mask-image:radial-gradient(circle at center,#000 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,#000 40%,transparent 80%)}.diagram-frame .stamp{position:absolute;top:14px;left:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft);display:flex;align-items:center;gap:8px}.diagram-frame .stamp:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.diagram svg{position:absolute;inset:0;width:100%;height:100%}.node{position:absolute;border:1px solid var(--line-strong);background:var(--bg);border-radius:10px;padding:10px 12px;font-family:var(--font-mono);font-size:11px;color:var(--fg);display:flex;flex-direction:column;gap:2px;min-width:120px;transition:border-color var(--dur)}.node .nlbl{color:var(--fg-soft);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}.node .nval{color:var(--fg);font-size:12px}.node.invoker{border-color:var(--accent);background:linear-gradient(180deg,rgba(212,255,61,.08),rgba(212,255,61,0))}.node .mark,.node.invoker .nval{color:var(--accent)}.node .mark{width:16px;height:16px}.code-stack{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px}.code-tab-row{display:flex;gap:4px;background:var(--bg-elev-1);border:1px solid var(--line);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;padding:8px 10px 0}.code-tab{padding:6px 10px;font-size:11px;color:var(--fg-soft);border-radius:6px 6px 0 0;font-family:var(--font-mono);border-bottom:1px solid transparent}.code-tab.on{color:var(--fg);background:var(--bg-inset);border-color:var(--line)}.code-stack .code{flex:1;border-radius:0 0 var(--r-lg) var(--r-lg);border-top:0;margin:0;overflow:auto}.terminal{position:absolute;inset:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-inset);font-family:var(--font-mono);font-size:12px;display:flex;flex-direction:column;overflow:hidden}.terminal .tbar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);color:var(--fg-soft);font-size:11px}.terminal .tbar .dotrow{display:flex;gap:5px;margin-right:8px}.terminal .tbar .dotrow span{width:9px;height:9px;border-radius:50%;background:#2a2a2a}.terminal .tbody{padding:14px 16px;flex:1;overflow:hidden;color:var(--fg)}.terminal .tbody .ln{display:block;min-height:1.6em}.terminal .tbody .prompt{color:var(--accent);margin-right:6px}.terminal .tbody .ok{color:var(--ok)}.terminal .tbody .cm{color:var(--fg-soft)}.terminal .tbody .st{color:#f4d58d}.terminal .cursor{display:inline-block;width:8px;height:14px;vertical-align:-2px;background:var(--accent);margin-left:2px;animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}section.block{padding:var(--s-9) 0;border-top:1px solid var(--line)}.block .head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);margin-bottom:var(--s-7);flex-wrap:wrap}.block .head h2{font-family:var(--font-display);font-weight:400;font-size:var(--t-display);line-height:1.02;letter-spacing:-.02em;margin:8px 0 0;max-width:16ch}.block .head h2 em{font-style:italic;color:var(--accent)}.block .head .lede{max-width:38ch;color:var(--fg-muted);font-size:14px}.qs{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--s-5);align-items:stretch}@media (max-width:880px){.qs{grid-template-columns:1fr}}.qs-steps{display:flex;flex-direction:column;gap:6px}.qs-step{display:flex;gap:14px;padding:18px;border-radius:var(--r-lg);border:1px solid var(--line);cursor:pointer;background:transparent;text-align:left;transition:border-color var(--dur),background var(--dur);width:100%}.qs-step:hover{border-color:var(--line-strong)}.qs-step.on{border-color:var(--accent);background:linear-gradient(180deg,rgba(212,255,61,.05),rgba(212,255,61,0))}.qs-step .num{flex:0 0 28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted)}.qs-step.on .num{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.qs-step h3{font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.15;margin:0 0 4px}.qs-step p{margin:0;color:var(--fg-muted);font-size:13px;line-height:1.55}.qs-panel{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;background:var(--bg-elev-1)}.qs-panel-head{display:flex;align-items:center;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line)}.qs-lang{padding:6px 10px;font-size:11px;color:var(--fg-soft);border-radius:6px;cursor:pointer}.qs-lang:hover{color:var(--fg);background:var(--bg-elev-2)}.qs-lang.on{color:var(--fg);background:var(--bg-inset)}.qs-lang.spacer{flex:1;cursor:default}.qs-copy{font-size:11px;color:var(--fg-soft);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px}.qs-copy:hover{color:var(--fg);background:var(--bg-elev-2)}.qs-body{background:var(--bg-inset);flex:1;padding:18px 20px;overflow:auto}.qs-body pre{margin:0;font-family:var(--font-mono);font-size:13px;line-height:1.65;color:var(--fg);white-space:pre}.arch{border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s-6) var(--s-5);background:radial-gradient(circle at 20% 30%,rgba(212,255,61,.04),transparent 50%),linear-gradient(180deg,var(--bg-elev-1),var(--bg));position:relative;overflow:hidden}.arch:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:32px 32px}.arch-inner{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5);align-items:stretch}@media (max-width:880px){.arch-inner{grid-template-columns:1fr}}.arch-col{display:flex;flex-direction:column;gap:14px}.arch-col h4{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-soft);margin:0}.arch-card{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:14px 16px;background:var(--bg);font-size:13px;color:var(--fg)}.arch-card.accent{border-color:var(--accent);background:linear-gradient(180deg,rgba(212,255,61,.07),rgba(212,255,61,0))}.arch-card .lbl{color:var(--fg-soft);font-size:11px;margin-bottom:4px;font-family:var(--font-mono)}.arch-card .ttl{font-size:14px}.arch-card .seg{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:11px;color:var(--fg-muted);font-family:var(--font-mono)}.arch-card .seg span:not(.tag){color:var(--fg-soft)}.arch-card .tag{padding:2px 6px;border-radius:4px;background:var(--bg-elev-2);border:1px solid var(--line)}.arch-flow{margin-top:var(--s-6);position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}@media (max-width:880px){.arch-flow{grid-template-columns:1fr}}.arch-flow .step{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);font-size:12px;color:var(--fg-muted);position:relative}.arch-flow .step .n{position:absolute;top:-10px;left:14px;font-family:var(--font-mono);font-size:10px;padding:2px 6px;border-radius:999px;background:var(--bg);border:1px solid var(--line-strong);color:var(--fg-soft)}.arch-flow .step b{display:block;color:var(--fg);font-weight:500;margin-bottom:4px;font-family:var(--font-mono)}.uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}@media (max-width:960px){.uc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.uc-grid{grid-template-columns:1fr}}.uc{background:var(--bg);padding:28px;transition:background var(--dur);cursor:default;display:flex;flex-direction:column;gap:12px;min-height:220px}.uc:hover{background:var(--bg-elev-1)}.uc .uci{width:36px;height:36px;color:var(--accent);display:grid;place-items:center}.uc .uci svg{width:28px;height:28px}.uc h4{font-family:var(--font-display);font-size:26px;font-weight:400;line-height:1.05;margin:4px 0 0;letter-spacing:-.01em}.uc h4 em{font-style:italic;color:var(--accent)}.uc p{margin:0;color:var(--fg-muted);font-size:13px;line-height:1.55}.cta-card{border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--s-8) var(--s-7);background:radial-gradient(circle at 80% 50%,rgba(212,255,61,.07),transparent 60%),var(--bg-elev-1);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s-6);align-items:center}@media (max-width:880px){.cta-card{grid-template-columns:1fr}}.cta-card h2{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,4vw,56px);line-height:1.02;margin:0;letter-spacing:-.02em}.cta-card h2 em{font-style:italic;color:var(--accent)}.cta-card .actions{display:flex;gap:10px;flex-wrap:wrap}.cta-card .meta{display:flex;flex-direction:column;gap:16px;color:var(--fg-muted);font-size:13px}.cta-card .meta .row{display:flex;gap:8px;align-items:center}.cta-card .meta .row:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}}