:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#163b39;background:#edf9f6;font-size:16px;line-height:1.6;color-scheme:light;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:24px clamp(20px,5vw,64px)}a{color:inherit;text-underline-offset:4px}nav{display:flex;align-items:center;justify-content:space-between;gap:16px}nav a{text-decoration:none;font-size:14px;font-weight:700}.wordmark{letter-spacing:2px}.wordmark span{color:#65877e;font-size:10px;letter-spacing:1px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:24px;padding:44px 0 48px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#537b70;margin:0 0 16px}h1{font-size:clamp(44px,5.4vw,70px);letter-spacing:-3.5px;line-height:1.08;margin:0 0 18px;font-weight:800}h1 em{font-style:normal;color:#3b9384}.intro{max-width:470px;font-size:17px;line-height:1.7;color:#52716b;margin:0 0 20px}.primary{display:inline-flex;align-items:center;gap:24px;min-height:48px;padding:12px 24px;background:#194c45;color:white;border-radius:99px;text-decoration:none;font-weight:700;font-size:14px}.primary:hover{background:#287466}.secondary{display:inline-block;margin:12px;font-size:13px}.fine{font-size:11px;color:#53766c;margin:16px 0 0}.mascot{position:relative;isolation:isolate;text-align:center;perspective:900px}.bird-link{display:block;border-radius:30px}.bird-motion{position:relative;display:block;will-change:transform;transform-style:preserve-3d}.bird-motion img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 15px #40706118)}.bird-frame{position:absolute;inset:0;opacity:0;pointer-events:none}.sun{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:#ffedba;inset:9% 11%;z-index:-1}.quality{display:inline-block;transform:rotate(-5deg);background:#fff8de;border:1px solid #f3df9f;border-radius:99px;padding:8px 18px;font-size:12px;font-weight:700;margin-top:-12px}.motion-controls{display:flex;gap:10px;justify-content:center;margin-top:18px}.motion-controls button{font-size:11px;padding:4px 10px;min-height:44px;border-color:transparent;background:transparent}.motion-status{font-size:11px;line-height:1.4;margin:0}.motion-status:empty{display:none}.benefits{scroll-margin-top:24px;padding:24px 0 40px}.section-note{font-size:14px;color:#5a746d;max-width:720px}h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1.2px;line-height:1.2;margin:0 0 12px}.routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0}.route-card{padding:22px;border:1px solid #174b4412;border-radius:24px;will-change:transform;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s ease-out;display:flex;flex-direction:column;align-items:flex-start}.route-mcp{background:#fff3cf}.route-web{background:#ffe4da}.route-apps{background:#e9e3fb}.routes img{height:150px;width:100%;object-fit:contain;margin:0 0 12px}.routes span{font-size:11px;letter-spacing:1px;color:#385e53;font-weight:800}.routes h3{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:12px 0}.routes p{font-size:14px;color:#435e57;margin:0 0 18px}.routes a{font-size:12px;font-weight:700;margin-top:auto;min-height:36px;display:inline-flex;align-items:center}.playground{scroll-margin-top:24px;background:#fff;border:1px solid #d7e9e3;border-radius:28px;padding:28px;box-shadow:0 15px 50px #173b3910}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head .eyebrow{margin:0 0 6px}.section-head>span{font-size:11px;color:#2b7464;background:#e8f5ee;padding:6px 12px;border-radius:99px;white-space:nowrap}.frame-shell{border:1px solid #d7e9e3;border-radius:18px;overflow:hidden;background:#fff}iframe{display:block;width:100%;border:0;min-height:400px}.install{padding:40px 0 16px;overflow-wrap:anywhere}.install>p{max-width:740px;color:#52716b}.command,.endpoint{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #c8e0d7;background:#fff;border-radius:14px;max-width:760px}.command code,.endpoint code{font-size:clamp(11px,1.3vw,14px);overflow-wrap:anywhere}.command code{white-space:nowrap}button{font:inherit;font-size:12px;font-weight:700;min-height:44px;cursor:pointer;border:1px solid #bcd9cd;border-radius:10px;padding:8px 12px;background:#eaf5ef;color:#194c45;flex-shrink:0}.release-note{font-size:11px;color:#5c756b;line-height:1.5;margin:4px 0 18px}details{border-top:1px solid #c7ded4;padding:16px 0;font-size:14px}summary{font-weight:700;cursor:pointer;min-height:44px}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0 8px;font-size:12px;color:#527369;border-top:1px solid #c7ded4}:focus-visible{outline:3px solid #2c8274;outline-offset:4px}#host-error{color:#952626}#copy-status,#endpoint-status{font-size:12px;line-height:1.4;margin:4px 0}#copy-status:empty,#endpoint-status:empty{display:none}[hidden]{display:none!important}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:32px 0 24px;gap:16px}.hero-copy{max-width:600px}h1{letter-spacing:-2px}.mascot{width:min(100%,340px);margin:0 auto}.section-head{align-items:flex-start;flex-direction:column}.playground{padding:20px;border-radius:24px}.routes{grid-template-columns:1fr;gap:14px}.route-card{display:grid;grid-template-columns:1fr 112px;column-gap:12px;padding:20px}.routes img{grid-column:2;grid-row:1/5;height:140px;margin:auto}.routes span,.routes h3,.routes p,.routes a{grid-column:1}.routes h3{font-size:21px}.routes p{margin-bottom:12px}.benefits{padding-top:24px}.install{padding-top:32px}.fine{margin-top:12px}footer{flex-wrap:wrap;gap:8px}.secondary{margin-left:0;display:block}}@media(max-width:420px){main{padding:18px}.intro{font-size:15px}.command{gap:8px;padding:10px}.command button{padding:8px;font-size:11px}.endpoint{flex-wrap:wrap}.endpoint button{width:100%}.playground{padding:16px}.wordmark span{display:none}h1{font-size:40px}.mascot{width:280px}.route-card{grid-template-columns:1fr 88px;padding:18px}.routes img{height:110px}.routes h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.bird-motion,.route-card{transform:none!important;will-change:auto;transition:none}.bird-frame{display:none}}

/* A short greeting on hover, independent of the damped pointer rotation. */
.bird-hover{display:block;position:relative;transform-origin:50% 65%;transition:transform .35s ease-out}
.routes img{transform-origin:50% 65%;transition:transform .35s ease-out}
@keyframes bird-greeting{0%{transform:translateY(0) rotate(0) scale(1)}30%{transform:translateY(-5px) rotate(-2deg) scale(1.025)}65%{transform:translateY(-3px) rotate(1.5deg) scale(1.025)}100%{transform:translateY(-3px) rotate(0) scale(1.025)}}
@media(hover:hover) and (pointer:fine){:root:not([data-motion-paused]) .bird-link:is(:hover,:focus-visible) .bird-hover,:root:not([data-motion-paused]) .route-card:is(:hover,:focus-within) img{animation:bird-greeting .85s ease-out;transform:translateY(-3px) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.bird-hover,.routes img{animation:none!important;transform:none!important;transition:none}}