/* Approved GLYPH assembly composition. */
header{height:64px;min-height:64px;gap:32px}header .brand{font-size:24px;padding-right:28px;gap:12px}header .brand-icon{width:29px;height:29px}header nav{font-size:14px;gap:32px}header .button{font-size:14px;padding:10px 17px}html{scroll-padding-top:80px}
#how.assembly-how{display:block;position:relative;background:#f5f4ef;color:#25292a;margin-inline:-3.333333%;padding:44px 3.6vw 82px;border:0;min-height:510px;isolation:isolate}
.how-heading{width:65%}.how-heading .eyebrow{font-size:14px;font-weight:500;margin:0 0 13px}.how-heading h2{font-size:clamp(36px,4.25vw,76px);font-weight:600;letter-spacing:-.055em;line-height:1.1;margin:0 0 30px;white-space:nowrap}.how-steps{width:35%}.how-steps article{display:grid;grid-template-columns:42px 1fr;gap:20px;margin-bottom:24px}.how-steps article:last-child{margin:0}.how-steps article>span{font:20px var(--mono);padding-top:3px}.how-steps article>div{border-left:1px solid #565957;padding-left:20px}.how-steps h3{font-size:clamp(19px,1.8vw,30px);font-weight:600;margin:0 0 6px;line-height:1.1}.how-steps p{font:clamp(11px,1.05vw,17px)/1.5 var(--mono);margin:0}
.brief-preview{position:absolute;right:3.6vw;top:44px;width:31%;min-height:330px;background:#8894f0;padding:26px;color:#222838;font:clamp(11px,1.05vw,17px)/1.5 var(--mono)}.brief-preview .eyebrow{font-size:inherit;font-weight:500;margin-bottom:18px}.brief-preview dl{display:grid;grid-template-columns:80px 1fr;gap:10px;margin:0}.brief-preview dd{margin:0}.brief-dash{display:block;margin-top:16px}.brief-code{margin-top:38px;line-height:2.1;white-space:nowrap;color:#303958}.brief-preview small{display:block;font-size:8px;letter-spacing:1px;margin-top:12px;opacity:.65}
.skill-assembly{position:absolute;width:32%;left:34%;bottom:-125px;z-index:3;pointer-events:none}.skill-assembly svg{display:block;width:100%;overflow:visible;font-family:var(--mono)}.assembly-labels{font-size:14px;letter-spacing:1px;font-weight:500}.assembly-inputs{fill:#7d87df;font-size:20px}.assembly-paths{stroke:#7e8bea;stroke-width:2.5;stroke-dasharray:2 9}.assembled-file text{font-size:22px;font-weight:500}.assembly-ready text{font-size:12px;letter-spacing:1px}.skill-assembly.is-assembling .assembled-file{animation:assemble-file .8s cubic-bezier(.2,.7,.2,1) both}.skill-assembly.is-assembling .file-lines{stroke-dasharray:110;animation:write-file .7s .35s both}.skill-assembly.is-assembling .assembly-ready{animation:ready-file .3s .85s both}@keyframes assemble-file{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes write-file{from{stroke-dashoffset:110}to{stroke-dashoffset:0}}@keyframes ready-file{from{opacity:0}to{opacity:1}}
#docs.skill-inspector-section{display:grid;grid-template-columns:27% 1fr;gap:3%;background:#292d30;margin-inline:-3.333333%;padding:155px 3.6vw 65px;border:0;align-items:start}.inspector-heading .eyebrow{font-size:14px;margin:0 0 24px}.inspector-heading h2{font-size:clamp(40px,4.6vw,76px);font-weight:600;line-height:1.04;letter-spacing:-.05em;margin:0 0 20px}.inspector-heading>p:last-child{font:12px/1.6 var(--mono)}.skill-inspector{border:1px solid #afb1af;min-width:0}.skill-inspector [role=tablist]{display:flex;border-bottom:1px solid #afb1af}.skill-inspector [role=tab]{border:0;border-bottom:4px solid transparent;background:none;color:#eee;padding:16px 24px 12px;font:14px var(--mono)}.skill-inspector [role=tab][aria-selected=true]{color:var(--yellow);border-bottom-color:var(--yellow)}#inspector-panel{display:grid;grid-template-columns:1fr 1.05fr;min-height:190px}#inspector-code{margin:0;padding:22px 24px;font:clamp(10px,1.05vw,16px)/1.8 var(--mono);white-space:pre-wrap;counter-reset:line;border-right:1px solid #afb1af}#inspector-code code{font:inherit}#inspector-code code>span{color:#aab4ff}.inspector-explanation{padding:22px 24px}.inspector-explanation h3{font-size:clamp(20px,1.9vw,32px);font-weight:600;line-height:1.15;margin:0 0 16px}.inspector-explanation p{font:clamp(11px,1.05vw,16px)/1.6 var(--mono);margin:0 0 22px}.inspector-explanation a{font:clamp(11px,1.05vw,16px)/1.5 var(--mono);color:var(--yellow);text-decoration:underline;text-underline-offset:7px}.inspector-explanation a:hover{color:#fff9c5}
@media(min-width:1600px){#how.assembly-how{padding-top:60px;padding-bottom:110px;min-height:620px}.brief-preview{top:60px;min-height:400px}.skill-assembly{bottom:-155px}#docs.skill-inspector-section{padding-top:190px}}
@media(max-width:950px){.how-heading h2{font-size:4.2vw}.how-steps{width:38%}.how-steps article{grid-template-columns:25px 1fr;gap:10px}.how-steps article>div{padding-left:12px}.brief-preview{padding:18px;min-height:300px}.brief-preview dl{grid-template-columns:1fr;gap:4px}.brief-preview dd{margin-bottom:7px}.brief-code{font-size:10px;margin-top:15px}.skill-assembly{width:36%;left:32%;bottom:-100px}#docs.skill-inspector-section{padding-top:130px;grid-template-columns:25% 1fr}.skill-inspector [role=tab]{padding:12px;font-size:12px}#inspector-panel{grid-template-columns:1fr}#inspector-code{border-right:0;border-bottom:1px solid #afb1af}.inspector-heading h2{font-size:38px}}
@media(max-width:700px){header{gap:12px;height:60px;min-height:60px}header .brand{font-size:19px;border:0;padding:0;gap:7px}header .brand-icon{width:25px;height:25px}header nav{display:none}header .nav-cta{font-size:11px;padding:10px}#how.assembly-how{margin-inline:-5.55556%;padding:32px 5vw 240px;min-height:0}.how-heading{width:100%}.how-heading h2{font-size:39px;white-space:normal;margin-bottom:30px}.how-heading .eyebrow{font-size:11px}.how-steps{width:100%}.how-steps article{grid-template-columns:30px 1fr;gap:15px}.how-steps h3{font-size:23px}.how-steps p{font-size:12px}.brief-preview{position:relative;inset:auto;width:100%;margin-top:32px;min-height:0;padding:24px;font-size:12px}.brief-preview dl{grid-template-columns:70px 1fr;gap:10px}.brief-code{font-size:13px;margin-top:25px}.skill-assembly{width:310px;max-width:94%;left:50%;transform:translateX(-50%);bottom:-92px}#docs.skill-inspector-section{margin-inline:-5.55556%;padding:125px 5vw 40px;grid-template-columns:1fr;gap:24px}.inspector-heading .eyebrow{font-size:11px;margin-bottom:15px}.inspector-heading h2{font-size:46px}.inspector-heading h2 br{display:none}.inspector-heading>p:last-child{margin-bottom:0}.skill-inspector [role=tab]{flex:1;padding:14px 8px;font-size:11px}#inspector-code{font-size:12px;padding:20px}.inspector-explanation{padding:20px}.inspector-explanation h3{font-size:24px}.inspector-explanation p,.inspector-explanation a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.skill-assembly *{animation:none!important}.assembly-packets{display:none}}
/* Keep assembly in a dedicated lane clear of step copy. */
@media(min-width:701px){.skill-assembly{width:29%;left:36.5%}.how-steps{width:34%}.how-steps p{max-width:100%}}
.brief-code span{display:inline-block;animation:brief-glyph-float var(--duration,3s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);will-change:transform}
@keyframes brief-glyph-float{0%{transform:translate(-3px,4px) rotate(-7deg);opacity:.65}100%{transform:translate(5px,-7px) rotate(7deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.brief-code span{animation:none;will-change:auto}}

/* Large geometric glyph field, matching the closing artwork. */
.brief-preview{background:#7888ff;isolation:isolate;padding-bottom:230px;min-height:440px}
.brief-preview:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.27;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h140v140H0z' filter='url(%23g)' opacity='.75'/%3E%3C/svg%3E")}
.brief-glyph-field{position:absolute;left:-4%;bottom:-25px;width:108%;height:230px;z-index:1}.brief-dash{display:none}
@media(min-width:701px){#how.assembly-how{min-height:590px;padding-bottom:105px}}
@media(max-width:950px) and (min-width:701px){.brief-preview{padding-bottom:200px;min-height:440px}.brief-glyph-field{height:200px}}
@media(max-width:700px){.brief-preview{padding-bottom:235px;min-height:400px}.brief-glyph-field{height:230px}}

.skill-list-column{min-width:0}.library-build{display:flex;width:100%;margin-top:24px;padding:17px 20px;font-size:clamp(16px,1.6vw,25px)}

.skill-options{margin-top:18px;font:12px var(--mono)}.skill-options summary{font:12px var(--mono);display:list-item;list-style:disclosure-closed;color:var(--muted)}.skill-options>div{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0}.skill-options button{background:transparent;border:1px solid var(--line);color:var(--fg);padding:10px 12px;font:12px var(--mono)}#connect-glyph-dialog{width:min(720px,calc(100% - 24px));max-height:90dvh;overflow:auto}#connect-glyph-dialog h2{font-size:clamp(32px,5vw,52px);line-height:1.05;margin:24px 0}#connect-glyph-dialog .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}#connect-glyph-dialog .hint{font:12px/1.6 var(--mono);color:var(--muted)}.connect-steps{padding-left:24px;margin:26px 0}.connect-steps li{padding:10px 0 10px 8px}.connect-steps strong,.connect-steps span{display:block}.connect-steps span{font-size:14px;color:var(--muted);margin-top:5px}.mcp-availability{border:1px solid var(--line);padding:16px;font-size:14px;line-height:1.6}.mcp-availability .eyebrow{color:var(--yellow)}

#mcp-url{display:block;width:100%;box-sizing:border-box;background:transparent;color:inherit;border:1px solid var(--line);padding:12px;margin:10px 0;font:14px var(--mono)}.mcp-setup{padding:14px 0;border-bottom:1px solid var(--line)}.mcp-setup summary{cursor:pointer}.mcp-setup p{font-size:14px;line-height:1.6}.mcp-setup pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#mcp-local-note{font-size:13px}#mcp-copy-status{color:var(--yellow)}

.connect-progress{display:flex;list-style:none;gap:16px;padding:0;color:var(--muted);font:12px var(--mono)}.connect-progress [aria-current]{color:var(--yellow)}.agent-choices{display:flex;gap:16px}.agent-choices button{flex:1;min-height:80px}.agent-choices [aria-pressed=true]{border-color:var(--yellow);background:#fff18315}.connect-trust{display:flex;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);padding-top:18px;font:11px var(--mono);color:var(--muted)}.connect-trust a{text-decoration:underline;color:var(--yellow)}#first-request{width:100%;min-height:125px;background:#22272d;border:1px solid var(--line);color:var(--fg);padding:14px;margin:12px 0;font:14px/1.6 var(--mono);resize:vertical}#mcp-command{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 var(--mono)}@media(max-width:700px){.connect-progress{gap:10px;font-size:10px}#first-request{font-size:16px}.agent-choices{gap:10px}}
/* Text is visible by default; only an active entrance animation hides it. */
@media(prefers-reduced-motion:no-preference){
 .how-steps article.step-revealed{animation:workflow-step-open .65s cubic-bezier(.2,.75,.25,1) var(--step-delay,0ms) both}
 @keyframes workflow-step-open{from{opacity:0;transform:translateY(20px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
}