.hub{gap:clamp(1.5rem,1rem + 2vw,2.5rem);min-inline-size:0;display:grid}.hub__head{gap:.75rem;max-inline-size:46rem;display:grid}.hub__head>*{margin:0}.hub__title{font-size:clamp(1.75rem,1.2rem + 1.8vw,2.6rem);line-height:1.25}html[lang=en] .hub__title{letter-spacing:-.02em}.hub__title,.hub__anchor{scroll-margin-block-start:calc(var(--nav-h) + 1rem)}.hub__anchor{display:block}.hub__stage{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (width>=960px){.hub__stage{grid-template-columns:minmax(19rem,23rem) minmax(0,1fr);gap:2rem}.hub__scene{position:sticky;inset-block-start:calc(var(--nav-h) + 1.25rem)}}.hub__scene{border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 100%, var(--tint), transparent 70%), radial-gradient(color-mix(in srgb, var(--primary) 16%, transparent) 1px, transparent 1.2px) 0 0 / 18px 18px, var(--surface);padding:clamp(.75rem,.5rem + 1vw,1.25rem) clamp(.5rem,.25rem + 1vw,1rem) 1.5rem;display:none}html.js .hub__scene{display:block}.hub:not(.hub--js) .hub__panel+.hub__panel{margin-block-start:1.5rem}.hub__tiles{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hub__tile{border:1px solid var(--border);background:var(--raised);min-block-size:2.75rem;min-inline-size:0;color:var(--text);font:inherit;font-family:var(--font-latin);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:1rem;align-content:start;justify-items:center;gap:.5rem;margin-inline:clamp(.2rem,.1rem + .5vw,.4rem);padding:.75rem .25rem .65rem;font-size:.95rem;font-weight:600;display:grid}.hub__tile:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.hub__tile:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.hub__tile[aria-selected=true]{border-color:var(--primary);background:var(--tint);color:var(--primary);box-shadow:0 0 0 1px var(--primary), var(--shadow-sm)}.hub__icon{background:var(--bg);border:1px solid var(--border);block-size:clamp(2.75rem,2.2rem + 2vw,3.5rem);inline-size:clamp(2.75rem,2.2rem + 2vw,3.5rem);color:var(--text);border-radius:.9rem;place-items:center;display:grid}.hub__icon img{block-size:auto;inline-size:58%}.hub__glyph{aspect-ratio:1;inline-size:52%;-webkit-mask:var(--glyph) center / contain no-repeat;mask:var(--glyph) center / contain no-repeat;background-color:currentColor;display:block}.hub__glyph--chatgpt{--glyph:url(/logos/ai/chatgpt.svg)}.hub__glyph--gemini{--glyph:url(/logos/ai/gemini.svg)}.hub__panel-icon .hub__glyph{inline-size:56%}.hub__tile[aria-selected=true] .hub__icon{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));color:var(--primary)}.hub__name{overflow-wrap:anywhere;max-inline-size:100%;line-height:1.2}.hub__wires{aspect-ratio:300/80;fill:none;block-size:auto;inline-size:100%;display:block;overflow:visible}html[dir=rtl] .hub__wires{transform:scaleX(-1)}.hub__wire{stroke:color-mix(in srgb, var(--primary) 28%, var(--bg));stroke-width:1.5px;stroke-dasharray:1.2 2.4;stroke-linecap:round}.hub__pulse{stroke:none;stroke-width:4px;stroke-linecap:round}.hub__scene[data-active=claude] .hub__wire--claude,.hub__scene[data-active=chatgpt] .hub__wire--chatgpt,.hub__scene[data-active=gemini] .hub__wire--gemini{stroke:var(--primary);stroke-width:2.5px;stroke-dasharray:none}.hub__core{justify-items:center;gap:.4rem;margin-block-start:-.25rem;display:grid;position:relative}.hub__mark{background:var(--bg);border:2px solid var(--primary);block-size:4.75rem;inline-size:4.75rem;box-shadow:0 0 0 6px var(--tint);border-radius:50%;place-items:center;display:grid;position:relative}.hub__mark img{block-size:auto;inline-size:62%}.hub__ring{border:1.5px dotted color-mix(in srgb, var(--gold) 70%, transparent);border-radius:50%;block-size:6rem;inline-size:6rem;position:absolute;inset-block-start:-.6rem}.hub__core-name{color:var(--primary);font-size:1rem;font-weight:700}.hub__panels{min-inline-size:0}.hub__panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg);min-inline-size:0;box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr);gap:1.15rem;padding:clamp(1.1rem,.75rem + 1.5vw,1.75rem);display:grid}.hub__panel[hidden]{display:none}.hub__panel:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.hub__panel>*,.hub__panel p{margin:0}.hub__panel-head{align-items:center;gap:.85rem;display:flex}.hub__panel-icon{border:1px solid var(--border);background:var(--surface);block-size:2.75rem;inline-size:2.75rem;color:var(--primary);border-radius:.75rem;flex:none;place-items:center;display:grid}.hub__panel-icon img{block-size:auto;inline-size:60%}.hub__panel-name{font-family:var(--font-latin);font-size:1.2rem;font-weight:700}.hub__panel-lead{color:var(--text-muted)}.hub__eligibility,.hub__after{align-items:flex-start;gap:.6rem;font-size:.95rem;display:flex}.hub__eligibility{border-inline-start:3px solid var(--primary);background:var(--surface);color:var(--text);border-radius:.75rem;padding:.8rem 1rem}.hub__eligibility svg,.hub__after svg{color:var(--primary);flex:none;margin-block-start:.2rem}.hub__after{color:var(--text);font-weight:600}.hub__way{grid-template-columns:minmax(0,1fr);gap:.85rem;display:grid}.hub__way>*{margin:0}.hub__way-title{font-size:1.1rem}.hub__steps{counter-reset:hub-step;gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.hub__steps li{counter-increment:hub-step;overflow-wrap:anywhere;min-block-size:2.25rem;padding-block:.3rem .65rem;padding-inline-start:2.75rem;position:relative}.hub__steps li:before{content:counter(hub-step);background:var(--tint);border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));block-size:1.85rem;inline-size:1.85rem;color:var(--primary);font-family:var(--font-latin);border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;inset-block-start:.15rem;inset-inline-start:0}.hub__steps li:not(:last-child):after{content:"";border-inline-start:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));position:absolute;inset-block:2.1rem -.1rem;inset-inline-start:calc(.925rem - .5px)}.hub__cli .way__steps li{overflow-wrap:anywhere}.hub__docs{justify-self:start;font-size:.92rem;font-weight:600}.hub__cli .ways{grid-template-columns:minmax(0,1fr);margin-block-start:.5rem}.hub__cli .way{background:var(--surface);grid-template-columns:minmax(0,1fr);padding:clamp(.9rem,.6rem + 1vw,1.25rem)}.hub__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.85rem;display:grid}.hub__card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;align-content:start;gap:.6rem;min-inline-size:0;padding:1rem;display:grid}.hub__card .code{margin:0}.hub__card-title{color:var(--text);align-items:center;gap:.5rem;font-weight:700;display:flex}.hub__card-title svg{color:var(--primary)}.hub__check-lead{color:var(--text-muted);font-size:.92rem}.hub__check-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.hub__check-text{flex:12rem;min-inline-size:0}.hub__check-text code{color:var(--text);overflow-wrap:anywhere;background:0 0;font-family:inherit;font-size:.95rem}.hub__guide{justify-self:start;font-weight:600}@media (prefers-reduced-motion:no-preference){.hub__tile,.hub__icon{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.hub__wire{transition:stroke .2s}.hub--js .hub__scene[data-active=claude] .hub__wire--claude,.hub--js .hub__scene[data-active=chatgpt] .hub__wire--chatgpt,.hub--js .hub__scene[data-active=gemini] .hub__wire--gemini{stroke-dasharray:100;animation:.52s cubic-bezier(.22,1,.36,1) both hub-draw}.hub--js .hub__scene[data-active=claude] .hub__pulse--claude,.hub--js .hub__scene[data-active=chatgpt] .hub__pulse--chatgpt,.hub--js .hub__scene[data-active=gemini] .hub__pulse--gemini{stroke:var(--mint);stroke-dasharray:10 110;animation:1.3s ease-in-out .48s 3 both hub-pulse}.hub--js .hub__scene[data-active] .hub__mark{animation:1.3s ease-out 1.1s 3 both hub-glow-claude}.hub--js .hub__scene[data-active=chatgpt] .hub__mark{animation-name:hub-glow-chatgpt}.hub--js .hub__scene[data-active=gemini] .hub__mark{animation-name:hub-glow-gemini}.hub--js .hub__panel:not([hidden]){animation:.24s ease-out both hub-panel-in}}@keyframes hub-draw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes hub-pulse{0%{stroke-dashoffset:10px;opacity:0}15%{opacity:1}85%{opacity:1}to{stroke-dashoffset:-100px;opacity:0}}@keyframes hub-glow-claude{0%,to{box-shadow:0 0 0 6px var(--tint)}30%{box-shadow:0 0 0 10px color-mix(in srgb, var(--mint) 30%, transparent)}}@keyframes hub-glow-chatgpt{0%,to{box-shadow:0 0 0 6px var(--tint)}30%{box-shadow:0 0 0 10px color-mix(in srgb, var(--mint) 30%, transparent)}}@keyframes hub-glow-gemini{0%,to{box-shadow:0 0 0 6px var(--tint)}30%{box-shadow:0 0 0 10px color-mix(in srgb, var(--mint) 30%, transparent)}}@keyframes hub-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=479px){.hub__tile{padding-inline:.15rem;font-size:.875rem}.hub__mark{block-size:4rem;inline-size:4rem}.hub__ring{block-size:5.25rem;inline-size:5.25rem;inset-block-start:-.625rem}}