.hub-hero .ab-hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.hub-hero-hint{color:var(--stone-200)}.hub-map{width:100%}.hub-map-svg{width:100%;height:auto;display:block;overflow:visible}.hub-map-lines path{fill:none;stroke:#ffffff2e;stroke-width:1.25px;transition:stroke .25s var(--ease-out), opacity .25s var(--ease-out)}.hub-map[data-active] .hub-map-lines path{opacity:.25}.hub-map[data-active] .hub-map-lines[data-on] path{opacity:1;stroke:var(--cobalt-300);stroke-width:1.75px}.hub-map-node circle{fill:var(--stone-200)}.hub-map-node[data-out] circle{fill:var(--clay-500)}.hub-map-node text{fill:var(--stone-200);font:500 17px var(--font-body)}.hub-map-logo{fill:var(--white)}.hub-map-agent rect{fill:#ffffff0f;stroke:#fff3;transition:fill .25s var(--ease-out), stroke .25s var(--ease-out)}.hub-map-agent text{fill:var(--white);font:600 17px var(--font-body)}.hub-map-agent[data-on] rect,.hub-map-agent:focus-visible rect{fill:var(--cobalt-500);stroke:var(--cobalt-500)}.hub-map-agent:focus{outline:none}.hub-split{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);align-items:start;gap:clamp(32px,5vw,96px);display:grid}.hub-split .hub-what{position:sticky;top:96px}.hub-split .hub-compare .ab-h2{font-size:clamp(28px,2.6vw,40px)}.hub-band{border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head quote""list list";gap:40px 64px;padding:clamp(40px,6vw,96px);display:grid}.hub-band+.hub-band{margin-top:16px}.hub-band[data-tone=ink]{background:var(--ink-900);color:var(--frost-50)}.hub-band[data-tone=cobalt]{background:var(--cobalt-500);color:var(--white)}.hub-band[data-tone=white]{background:var(--bg-surface);box-shadow:0 0 0 1px var(--border-default);color:var(--ink-900)}.hub-band[data-tone=pale]{background:var(--cobalt-50);color:var(--ink-900)}.hub-band-head{flex-direction:column;grid-area:head;gap:12px;display:flex}.hub-band-eyebrow{color:inherit;opacity:.75}.hub-band-title{font:600 clamp(36px, 4.4vw, 72px)/.98 var(--font-display);letter-spacing:-.035em;margin:0}.hub-band-body{opacity:.8;max-width:460px;margin:0;font-size:17px;line-height:1.5}.hub-band-quote{flex-direction:column;grid-area:quote;align-self:end;gap:12px;margin:0;display:flex}.hub-band-quote blockquote{font:500 clamp(20px, 1.8vw, 26px)/1.35 var(--font-display);letter-spacing:-.015em;text-wrap:pretty;margin:0}.hub-band-quote figcaption{opacity:.7}.hub-band[data-tone=cobalt] :is(.hub-band-eyebrow,.hub-band-quote figcaption,.hub-band-go){opacity:1;color:var(--white)}.hub-band-list{border-top:1px solid;grid-area:list;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.hub-band-link{color:inherit;border-bottom:1px solid #7f7f7f4d;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:20px 0;display:grid}.hub-band-link:hover{color:inherit}.hub-band-link:hover .hub-band-go{opacity:1}.hub-band-name{font:600 20px/1.2 var(--font-display);letter-spacing:-.015em}.hub-band-job{opacity:.8;grid-column:1;font-size:15px;line-height:1.45}.hub-band-go{opacity:.6;transition:opacity .25s var(--ease-out);grid-area:1/2/span 2;align-self:center}.hub-what .ab-h2{font-size:clamp(36px,4vw,64px)}.hub-anatomy{flex-direction:column;gap:40px;display:flex}.hub-anatomy[data-tone=ink]{border-radius:var(--radius-xl);background:var(--ink-900);color:var(--frost-50);padding:clamp(32px,5vw,64px)}.hub-anatomy[data-tone=ink] .ab-h2{color:var(--white)}.hub-anatomy[data-tone=ink] .ab-lede{color:var(--stone-200)}.hub-anatomy[data-tone=ink] .cs-eyebrow{color:var(--clay-500)}.hub-anatomy-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.hub-anatomy-card{border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:0 0 0 1px var(--border-default);flex-direction:column;gap:16px;margin:0;padding:clamp(24px,3vw,40px);display:flex}.hub-anatomy[data-tone=ink] .hub-anatomy-card{background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1f}.hub-anatomy-label{color:var(--slate-500)}.hub-anatomy[data-tone=ink] .hub-anatomy-label{color:var(--stone-200)}.hub-anatomy-sentence{font:500 clamp(20px, 1.7vw, 26px)/1.55 var(--font-display);letter-spacing:-.01em;color:var(--ink-900);text-wrap:pretty;margin:0}.hub-nowrap{white-space:nowrap}.hub-anatomy[data-tone=ink] .hub-anatomy-sentence{color:var(--white)}.hub-anatomy-seg{-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:opacity .25s var(--ease-out), background .25s var(--ease-out);padding:2px 0}.hub-anatomy :is(.hub-anatomy-seg,.hub-anatomy-part)[data-n="0"]{--seg:var(--cobalt-500)}.hub-anatomy :is(.hub-anatomy-seg,.hub-anatomy-part)[data-n="1"]{--seg:var(--cobalt-300)}.hub-anatomy :is(.hub-anatomy-seg,.hub-anatomy-part)[data-n="2"]{--seg:var(--ink-900)}.hub-anatomy :is(.hub-anatomy-seg,.hub-anatomy-part)[data-n="3"]{--seg:var(--clay-500)}.hub-anatomy :is(.hub-anatomy-seg,.hub-anatomy-part)[data-n="4"]{--seg:var(--slate-500)}.hub-anatomy[data-tone=ink] :is(.hub-anatomy-seg,.hub-anatomy-part)[data-n="2"]{--seg:var(--white)}.hub-anatomy[data-tone=ink] :is(.hub-anatomy-seg,.hub-anatomy-part)[data-n="4"]{--seg:var(--stone-200)}.hub-anatomy:has(.hub-anatomy-part:is(:hover,:focus-visible)) .hub-anatomy-seg{opacity:.4}.hub-anatomy:has(.hub-anatomy-part[data-n="0"]:is(:hover,:focus-visible)) .hub-anatomy-seg[data-n="0"]{opacity:1;background:color-mix(in srgb, var(--seg) 28%, transparent)}.hub-anatomy:has(.hub-anatomy-part[data-n="1"]:is(:hover,:focus-visible)) .hub-anatomy-seg[data-n="1"]{opacity:1;background:color-mix(in srgb, var(--seg) 28%, transparent)}.hub-anatomy:has(.hub-anatomy-part[data-n="2"]:is(:hover,:focus-visible)) .hub-anatomy-seg[data-n="2"]{opacity:1;background:color-mix(in srgb, var(--seg) 28%, transparent)}.hub-anatomy:has(.hub-anatomy-part[data-n="3"]:is(:hover,:focus-visible)) .hub-anatomy-seg[data-n="3"]{opacity:1;background:color-mix(in srgb, var(--seg) 28%, transparent)}.hub-anatomy:has(.hub-anatomy-part[data-n="4"]:is(:hover,:focus-visible)) .hub-anatomy-seg[data-n="4"]{opacity:1;background:color-mix(in srgb, var(--seg) 28%, transparent)}.hub-anatomy-parts{border-top:1px solid var(--border-default);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hub-anatomy[data-tone=ink] .hub-anatomy-parts{border-top-color:#ffffff24}.hub-anatomy-part{border-bottom:1px solid var(--border-default);cursor:default;transition:background .25s var(--ease-out);grid-template-columns:8px 88px minmax(0,1fr);align-items:baseline;gap:12px;padding:16px 8px;display:grid}.hub-anatomy[data-tone=ink] .hub-anatomy-part{border-bottom-color:#ffffff24}.hub-anatomy-part:is(:hover,:focus-visible){background:color-mix(in srgb, var(--seg) 10%, transparent);outline:none}.hub-anatomy-dot{background:var(--seg);border-radius:4px;width:8px;height:8px;transform:translateY(-1px)}.hub-anatomy-name{color:var(--ink-900)}.hub-anatomy[data-tone=ink] .hub-anatomy-name{color:var(--white)}.hub-anatomy-note{color:var(--text-secondary);font-size:15px;line-height:1.5}.hub-anatomy[data-tone=ink] .hub-anatomy-note{color:var(--stone-200)}.hub-build{flex-direction:column;gap:40px;display:flex}.hub-build-steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.hub-build-step{border-top:2px solid var(--ink-900);flex-direction:column;gap:8px;padding-top:20px;display:flex}.hub-build-step:first-child{border-top-color:var(--cobalt-500)}.hub-build-title{font:600 20px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--ink-900);margin:0}.hub-build-body{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}.hub-compare,.hub-shared{flex-direction:column;gap:32px;display:flex}.hub-shared-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.hub-shared-item{border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:0 0 0 1px var(--border-default);flex-direction:column;gap:8px;padding:24px;display:flex}.hub-shared-title{font:600 18px/1.25 var(--font-body);color:var(--ink-900);margin:0}.hub-shared-body{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.5}@media (max-width:1100px){.hub-build-steps,.hub-shared-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-band-list{grid-template-columns:minmax(0,1fr)}}@media (max-width:1200px){.hub-hero .ab-hero-grid{grid-template-columns:minmax(0,1fr);align-content:center}.hub-map{max-width:860px}}@media (max-width:900px){.hub-split,.hub-anatomy-grid{grid-template-columns:minmax(0,1fr)}.hub-split .hub-what{position:static}.hub-band{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""quote""list"}}@media (max-width:640px){.hub-build-steps,.hub-shared-grid{grid-template-columns:minmax(0,1fr)}.hub-map,.hub-hero-hint{display:none}}@media (prefers-reduced-motion:reduce){.hub-map-lines path,.hub-map-agent rect,.hub-band-go,.hub-anatomy-seg,.hub-anatomy-part{transition:none}}
