:root,[data-theme=dark]{color-scheme:dark;--bg: #040406;--bg-elevated: #0a0a0e;--surface: #101014;--surface-hover: #16161c;--surface-glass: rgba(12, 12, 16, .78);--text: #fafafa;--muted: #9b9ba8;--border: #252530;--border-hover: #3a3a48;--accent: #8b93ff;--accent-soft: rgba(139, 147, 255, .12);--accent-glow: rgba(139, 147, 255, .42);--accent-secondary: #c084fc;--success-bg: rgba(16, 185, 129, .12);--success-text: #34d399;--planned-bg: rgba(255, 255, 255, .05);--planned-text: #a1a1aa;--code-bg: #08080b;--shadow: 0 0 0 1px rgba(255, 255, 255, .05), 0 20px 60px rgba(0, 0, 0, .55);--shadow-glow: 0 0 40px rgba(139, 147, 255, .08);--hero-glow-a: rgba(99, 102, 241, .28);--hero-glow-b: rgba(192, 132, 252, .18);--hero-glow-c: rgba(240, 106, 106, .1);--gradient-text: linear-gradient(135deg, #ddd6fe 0%, #8b93ff 40%, #38bdf8 100%);--gradient-border: linear-gradient(135deg, rgba(139, 147, 255, .5), rgba(192, 132, 252, .3), rgba(56, 189, 248, .2));--terminal-bg: #0a0a0e;--overlay: rgba(0, 0, 0, .78)}[data-theme=light]{color-scheme:light;--bg: #f4f4f5;--bg-elevated: #ffffff;--surface: #ffffff;--surface-hover: #fafafa;--surface-glass: rgba(255, 255, 255, .82);--text: #18181b;--muted: #71717a;--border: #e4e4e7;--border-hover: #d4d4d8;--accent: #4f46e5;--accent-soft: #eef2ff;--accent-glow: rgba(79, 70, 229, .2);--success-bg: #ecfdf5;--success-text: #047857;--planned-bg: #fafafa;--planned-text: #52525b;--code-bg: #fafafa;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 32px rgba(0, 0, 0, .06);--hero-glow-a: rgba(99, 102, 241, .12);--hero-glow-b: rgba(168, 85, 247, .08);--gradient-text: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #2563eb 100%);--terminal-bg: #1e1e1e;--overlay: rgba(0, 0, 0, .45)}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{transition:background-color .25s ease,color .25s ease}a{color:inherit}button,select{font:inherit}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.app{position:relative;overflow-x:hidden;min-height:100vh}.app-content{position:relative;z-index:1}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:ambient-drift 22s ease-in-out infinite alternate}.ambient-orb-1{width:55vw;height:55vw;max-width:680px;max-height:680px;top:-15%;left:-10%;background:radial-gradient(circle,var(--hero-glow-a) 0%,transparent 70%);opacity:.55}.ambient-orb-2{width:45vw;height:45vw;max-width:560px;max-height:560px;bottom:-10%;right:-8%;background:radial-gradient(circle,var(--hero-glow-b) 0%,transparent 70%);animation-delay:-8s;opacity:.45}.ambient-orb-3{width:30vw;height:30vw;max-width:400px;max-height:400px;top:40%;left:35%;background:radial-gradient(circle,var(--hero-glow-c) 0%,transparent 70%);animation-delay:-14s;opacity:.35}.ambient-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme=light] .ambient-orb{opacity:.25}[data-theme=light] .ambient-noise{opacity:.04}@keyframes ambient-drift{0%{transform:translate(0) scale(1)}to{transform:translate(3%,2%) scale(1.06)}}::selection{background:var(--accent-soft);color:var(--text)}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);background:var(--surface-glass);border-bottom:1px solid var(--border)}.header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:-.02em}.brand-mark{width:20px;height:20px;border-radius:999px;border:2px solid var(--accent);box-shadow:0 0 12px var(--accent-glow),inset 0 0 0 3px var(--accent-soft);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent-glow),inset 0 0 0 3px var(--accent-soft)}50%{box-shadow:0 0 18px var(--accent-glow),inset 0 0 0 3px var(--accent-soft)}}.nav{display:flex;align-items:center;gap:18px}.nav a{text-decoration:none;color:var(--muted);font-size:14px;transition:color .15s ease}.nav a:hover{color:var(--text)}.theme-toggle{border:0;background:transparent;padding:0;cursor:pointer}.theme-toggle-track{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:56px;height:30px;padding:3px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.theme-toggle-icon{z-index:1;font-size:12px;text-align:center;opacity:.35;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.theme-toggle-icon.active{opacity:1}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:var(--accent);box-shadow:0 2px 8px var(--accent-glow);transition:transform .25s cubic-bezier(.4,0,.2,1)}[data-theme=light] .theme-toggle-thumb{transform:translate(26px)}.hero{position:relative;padding:56px 0 32px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-orb{position:absolute;border-radius:999px;filter:blur(80px)}.hero-orb-a{width:480px;height:480px;top:-120px;right:-80px;background:var(--hero-glow-a)}.hero-orb-b{width:360px;height:360px;bottom:-80px;left:-60px;background:var(--hero-glow-b)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black,transparent);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,black,transparent);opacity:.35}.hero-layout{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero-copy{animation:fade-up .7s ease both}.hero-visual{animation:fade-up .7s .12s ease both}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.eyebrow-dot{width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:pulse-glow 2s ease-in-out infinite}.hero h1{margin:0;font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:1.06;letter-spacing:-.04em;font-weight:700}.hero-gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:520px;margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-tags span{padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;font-family:JetBrains Mono,ui-monospace,monospace}.hero-terminal,.terminal-window{border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--terminal-bg);box-shadow:var(--shadow)}.terminal-chrome{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=light] .terminal-chrome{background:#2d2d2d}.terminal-dot{width:10px;height:10px;border-radius:999px}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title{margin-left:6px;color:#94949e;font-size:12px;font-family:JetBrains Mono,ui-monospace,monospace}.hero-gif,.demo-gif{display:block;width:100%;height:auto}.hero-visual-caption{margin:10px 0 0;text-align:center;color:var(--muted);font-size:12px}.demo-showcase{padding-top:16px}.section-head.centered{text-align:center;max-width:640px;margin:0 auto}.demo-stage{position:relative;margin-top:32px}.demo-stage-glow{position:absolute;top:10%;right:5%;bottom:10%;left:5%;background:radial-gradient(ellipse at center,var(--accent-glow),transparent 70%);filter:blur(40px);pointer-events:none}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.server-grid-stats{margin-top:32px;margin-bottom:36px}.server-grid-stats .demo-stat{padding:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:96px}.server-grid-stats .demo-stat strong{line-height:1;font-size:32px}.server-grid-stats .demo-stat strong.demo-stat-infinity{font-size:36px;letter-spacing:-.05em}.server-grid-stats .demo-stat span{line-height:1.4;font-size:13px}.server-section-head p{margin-bottom:0;max-width:520px}.server-card .card-top{margin-bottom:4px}.server-card h3{margin:10px 0 8px;font-size:15px;font-weight:600;letter-spacing:-.01em}.server-card p{font-size:13px;line-height:1.5}.server-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;flex-shrink:0;border-radius:14px;background:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px #0000001f,inset 0 1px #ffffff0f;padding:9px;transition:transform .2s ease,box-shadow .2s ease}.server-card-link:hover .server-icon{transform:translateY(-1px);box-shadow:0 6px 16px #00000029,inset 0 1px #ffffff14}.server-icon img{width:100%;height:100%;object-fit:contain;display:block}.server-icon--asana{background:linear-gradient(145deg,#fff,#fff4ed);border-color:#f6581e33}.server-icon--vercel{background:linear-gradient(145deg,#fff,#f4f4f5);border-color:#00000024}.server-icon--slack{background:linear-gradient(145deg,#fff,#f5f0ff);border-color:#4a157526}.server-icon--sentry{background:linear-gradient(145deg,#fff,#fff5f5);border-color:#e0404026}.server-icon--linear{background:linear-gradient(145deg,#fff,#f0f0ff);border-color:#5e6ad22e}.server-icon--airtable{background:linear-gradient(145deg,#fff,#fffbeb);border-color:#fbbf2433}.server-icon--stripe{background:linear-gradient(145deg,#fff,#eef2ff);border-color:#6366f12e}.server-icon--cloudflare{background:linear-gradient(145deg,#fff,#fff7ed);border-color:#f973162e}.server-icon--github-actions{background:linear-gradient(145deg,#fff,#f4f4f5);border-color:#18181b24}.server-icon--pagerduty{background:linear-gradient(145deg,#fff,#ecfdf5);border-color:#06b6d42e}.server-icon--google-calendar{background:linear-gradient(145deg,#fff,#eff6ff);border-color:#3b82f62e}.demo-stat{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--surface);text-align:center;transition:border-color .2s ease,transform .2s ease}.demo-stat:hover{border-color:var(--border-hover);transform:translateY(-2px)}.demo-stat strong{display:block;font-size:28px;letter-spacing:-.03em;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.demo-stat span{color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;border:1px solid transparent;text-decoration:none;cursor:pointer;font-size:14px;font-weight:500;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fff}.button.primary.glow{box-shadow:0 4px 24px var(--accent-glow)}.button.primary.glow:hover{box-shadow:0 8px 32px var(--accent-glow)}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button.ghost{background:transparent;color:var(--muted)}.button.ghost:hover{color:var(--text)}.section{padding:48px 0 56px}.section-tight{padding-top:0}.section-head h2,.detail-header h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em}.section-head p,.detail-header p{margin:10px 0 0;color:var(--muted);line-height:1.55}.card-grid{display:grid;gap:12px;margin-top:24px}.server-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:0}.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;text-align:left;box-shadow:var(--shadow);position:relative;transition:border-color .25s ease,transform .25s ease,background .25s ease,box-shadow .25s ease}.card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:15px;padding:1px;background:var(--gradient-border);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s ease;pointer-events:none}.card:hover{border-color:transparent;background:var(--surface-hover);transform:translateY(-3px);box-shadow:var(--shadow),var(--shadow-glow)}.card:hover:before{opacity:1}.server-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 32px var(--accent-glow)}.server-card{display:flex;flex-direction:column;gap:12px;padding:0;overflow:hidden}.server-card-link{display:block;padding:18px;text-decoration:none;color:inherit;flex:1}.server-card-guide{margin:0 18px 18px;width:calc(100% - 36px);justify-content:center;font-size:13px;padding:10px 14px}.server-page{padding:32px 0 0}.server-page-header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:8px}.server-page-header h1{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.03em}.detail-header-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.client-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.client-guide-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg);text-decoration:none;color:var(--text);font-size:14px;font-weight:500;transition:border-color .2s ease}.client-guide-card:hover{border-color:var(--accent)}.client-guide-card .brand-icon{width:28px;height:28px}.client-guide-card .brand-icon img{width:24px;height:24px}.client-guide-card .external-hint{margin-left:auto}.framework-picker{margin-top:0;padding:48px 0 72px;border-top:1px solid var(--border);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-elevated) 50%,var(--bg) 100%);position:relative}.framework-picker-head{text-align:center;max-width:640px;margin:0 auto 28px}.framework-picker-eyebrow{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.framework-picker-head h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em;line-height:1.15}.framework-picker-head>p:last-child{margin:12px 0 0;color:var(--muted);font-size:16px}.framework-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.framework-card{display:flex;flex-direction:column;min-height:148px;padding:20px;border-radius:14px;border:1px solid var(--border);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.framework-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 32px #0003}.framework-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;min-height:36px}.framework-card h3{margin:0 0 6px;font-size:15px;font-weight:600;letter-spacing:-.01em}.framework-card p{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}@media(max-width:1024px){.framework-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.framework-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.framework-picker{padding:24px 0 48px}}.guide-references{position:relative;margin-top:0;padding:48px 0 72px;border-top:1px solid var(--border);background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 100%);overflow:hidden}.guide-references-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.guide-references-orb{position:absolute;width:400px;height:400px;top:-100px;right:-80px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);filter:blur(60px);opacity:.35}.guide-references-head{margin-bottom:32px;max-width:560px}.guide-references-head h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.75rem);letter-spacing:-.02em}.guide-references-head>p:last-child{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.55}.guide-references-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-references-block{padding:24px;border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.guide-references-block h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text);text-transform:none}.guide-ref-icon{width:28px;height:28px;border-radius:8px;background:var(--accent-soft);flex-shrink:0}.guide-ref-icon-docs{background:linear-gradient(135deg,var(--accent-soft),rgba(56,189,248,.15))}.guide-ref-icon-clients{background:linear-gradient(135deg,rgba(240,106,106,.15),var(--accent-soft))}.guide-references-hint{margin:-8px 0 16px;font-size:13px;color:var(--muted)}.guide-ref-cards{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.guide-ref-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);text-decoration:none;color:var(--text);font-size:14px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.guide-ref-card:hover{border-color:var(--accent);background:var(--surface-hover);transform:translate(4px)}.guide-ref-card-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-soft);flex-shrink:0;position:relative}.guide-ref-card-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:2px;background:var(--accent)}.guide-ref-card-icon-npm:after{border-radius:0;width:10px;height:10px}.guide-ref-card-icon-github:after{border-radius:50%}.guide-ref-card-label{flex:1;line-height:1.4}.guide-ref-card-arrow{color:var(--muted);font-size:13px;transition:color .2s ease}.guide-ref-card:hover .guide-ref-card-arrow{color:var(--accent)}.guide-ref-clients{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guide-ref-client-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);text-decoration:none;color:var(--text);font-size:13px;font-weight:500;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.guide-ref-client-chip:hover{border-color:var(--accent);background:var(--surface-hover);box-shadow:0 4px 16px var(--accent-glow)}.guide-ref-client-chip .brand-icon{width:24px;height:24px}.guide-ref-client-chip .brand-icon img{width:20px;height:20px}.guide-references-list{margin:0;padding:0;list-style:none}.guide-references-list li{margin-bottom:8px}.guide-references-list a{color:var(--accent);text-decoration:none;font-size:14px;line-height:1.5}.guide-references-list a:hover{text-decoration:underline}.guide-references-clients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}@media(max-width:720px){.guide-references-grid,.guide-references-clients{grid-template-columns:1fr}}@media(max-width:720px){.server-page-header{flex-direction:column}}.card h3{margin:12px 0 6px;font-size:16px;font-weight:600}.card p{margin:0;color:var(--muted);font-size:14px}.card-top{display:flex;align-items:center;justify-content:space-between;min-height:32px}.card-meta{display:inline-block;margin-top:14px;color:var(--muted);font-size:12px;font-family:JetBrains Mono,ui-monospace,monospace}.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600}.status-pill.available{background:var(--success-bg);color:var(--success-text)}.status-pill.planned{background:var(--planned-bg);color:var(--planned-text)}.status-pill.in-progress{background:#fb923c1f;color:#fb923c}.integrations-section{background:linear-gradient(180deg,transparent,var(--bg-elevated))}.integration-card{cursor:pointer;padding:20px;min-height:132px;border-radius:12px;box-shadow:none;display:flex;flex-direction:column;text-decoration:none;color:inherit}.integration-card:hover{border-color:var(--accent)}.integration-card .card-top{min-height:36px;margin-bottom:4px}.integration-card h3{margin:12px 0 4px;font-size:15px;font-weight:600;letter-spacing:-.01em}.integration-card p{font-size:13px;line-height:1.45;color:var(--muted)}.external-hint{color:var(--muted);font-size:13px;line-height:1;opacity:.5}.brand-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;flex-shrink:0}.brand-icon img{width:32px;height:32px;object-fit:contain;display:block}.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.detail-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:24px}.detail-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.detail-columns h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tool-list,.env-list,.steps{margin:0 0 20px;padding-left:18px}.tool-list code,.env-list code,.hint code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:var(--accent)}.env-list li{margin-bottom:10px}.env-list span{display:block;color:var(--muted);font-size:13px}.env-list a{font-size:13px;color:var(--accent)}.config-block{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--code-bg)}.config-block+.config-block{margin-top:12px}.config-block-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.config-block-head button{border:0;background:transparent;color:var(--accent);cursor:pointer}.config-block pre{margin:0;padding:14px;overflow:auto;font-size:12px;line-height:1.55;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text)}.hint{margin-top:12px;color:var(--muted);font-size:13px}.demo-figure{margin:18px 0 0}.demo-figure figcaption{margin-bottom:8px;color:var(--muted);font-size:13px}.demo-figure img{width:100%;border-radius:12px;border:1px solid var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:50;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:min(920px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow);animation:fade-up .25s ease}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:999px;background:var(--surface-hover);color:var(--text);cursor:pointer;font-size:22px;line-height:1}.modal-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.modal-head h2{margin:0}.modal-head p{margin:4px 0 0;color:var(--muted)}.modal-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.modal-toolbar select{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.modal-toolbar a{color:var(--accent);font-size:14px}.modal-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.config-stack .copy-btn{margin-top:12px;width:100%}.footer{position:relative;border-top:1px solid var(--border);padding:0 0 36px;color:var(--muted);font-size:14px;background:var(--bg-elevated);overflow:hidden}.footer-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.35}.footer-orb-a{width:280px;height:280px;top:-80px;left:-60px;background:var(--hero-glow-a)}.footer-orb-b{width:220px;height:220px;bottom:-40px;right:8%;background:var(--hero-glow-b)}.footer-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(720px,90%);height:1px;background:var(--gradient-border);box-shadow:0 0 40px var(--accent-glow)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding:56px 0 40px}.footer-brand{max-width:340px;position:relative;z-index:1}.footer-logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:-.02em;text-decoration:none;color:var(--text)}.footer-tagline{margin:14px 0 0;line-height:1.6;font-size:14px}.footer-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.footer-badge{padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:11px;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--muted);transition:border-color .15s ease,color .15s ease}.footer-badge:hover{border-color:var(--border-hover);color:var(--text)}.footer-social{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.footer-social-label{margin:0 0 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.footer-social-links{display:flex;flex-wrap:wrap;gap:8px}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--muted);text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.footer-social-link svg{width:17px;height:17px}.footer-social-link:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.footer-social-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.npm-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.npm-badges-compact img{height:22px}.npm-badge-link{display:inline-flex;line-height:0;transition:transform .15s ease,opacity .15s ease}.npm-badge-link:hover{transform:translateY(-1px);opacity:.92}.npm-badges img{display:block;height:28px;width:auto}.server-card-badges{margin-top:12px}.server-page-badges{margin-top:14px}.detail-npm-badges{margin-top:16px}.footer-col{position:relative;z-index:1}.footer-col h3{margin:0 0 14px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .15s ease}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;border-top:1px solid var(--border);font-size:13px;position:relative;z-index:1}.footer-copyright{margin:0}.footer-bottom a{color:var(--text);text-decoration:none}.footer-bottom a:hover{color:var(--accent)}.footer-bottom-links{display:flex;align-items:center;gap:10px;margin:0}.footer-bottom-links span{opacity:.4}.footer a{color:inherit}.guide-page{padding:32px 0 64px}.guide-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;color:var(--muted);font-size:13px}.guide-breadcrumb a{color:var(--accent);text-decoration:none}.guide-breadcrumb a:hover{text-decoration:underline}.guide-header{margin-bottom:28px}.guide-header-logos{display:flex;align-items:center;gap:12px;margin-bottom:16px}.guide-plus{color:var(--muted);font-size:20px}.guide-server-badge{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:600}.guide-header h1{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:-.03em}.guide-subtitle{margin:10px 0 0;color:var(--muted);font-size:16px;max-width:640px}.guide-header-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;align-items:center}.guide-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.guide-toolbar label{font-size:13px;color:var(--muted)}.guide-toolbar select{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.guide-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:start}.guide-panel{padding:20px;border-radius:14px;border:1px solid var(--border);background:var(--surface);margin-bottom:16px}.guide-panel h2{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.guide-panel ul{margin:0;padding-left:18px}.guide-panel li{margin-bottom:8px;color:var(--text);font-size:14px;line-height:1.5}.guide-body{margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;color:var(--text);white-space:pre-wrap}.guide-tools code{font-size:12px}.prompt-list{list-style:none;padding:0!important}.prompt-list li{margin-bottom:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--code-bg)}.prompt-list code{font-size:13px;color:var(--accent)}.guide-notice{border-color:var(--accent);background:var(--accent-soft)}.guide-notice p{margin:0;color:var(--text);line-height:1.55}.tutorial-page{padding:32px 0 0}.tutorial-hero{max-width:720px;margin-bottom:48px}.tutorial-hero h1{margin:12px 0 0;font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.03em;line-height:1.1}.tutorial-hero-lead{margin:14px 0 0;color:var(--muted);font-size:18px;line-height:1.55;max-width:600px}.tutorial-meta{color:var(--muted);font-size:13px}.tutorial-meta code{font-size:12px}.tutorial-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;margin-bottom:40px}.guide-hero-poster{position:relative;margin:24px 0 20px;border-radius:20px;border:1px solid var(--border);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.guide-poster-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.guide-poster-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.guide-poster-orb-a{width:340px;height:340px;top:-120px;left:-80px;background:radial-gradient(circle,#f06a6a 0%,transparent 70%)}.guide-poster-orb-b{width:280px;height:280px;bottom:-100px;right:10%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.35}.guide-poster-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,black 20%,transparent 75%)}[data-theme=light] .guide-poster-grid{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}.guide-poster-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:32px;align-items:center;padding:36px 36px 32px}.guide-poster-copy h1{margin:16px 0 0;font-size:clamp(1.75rem,3.5vw,2.5rem);letter-spacing:-.03em;line-height:1.12}.guide-poster-subtitle{margin:12px 0 0;color:var(--muted);font-size:17px;line-height:1.55;max-width:520px}.guide-poster-logos{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.guide-poster-logos .brand-icon,.guide-poster-logos .server-icon{width:44px;height:44px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.guide-poster-logos .brand-icon img,.guide-poster-logos .server-icon img{width:28px;height:28px}.guide-poster-name{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.guide-poster-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.guide-poster-stat{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:72px}[data-theme=light] .guide-poster-stat{background:#ffffffb3;border-color:var(--border)}.guide-poster-stat-value{font-size:15px;font-weight:650;letter-spacing:-.02em;line-height:1.2}.guide-poster-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.guide-poster-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}.guide-poster-visual{position:relative}.guide-poster-terminal{transform:perspective(800px) rotateY(-2deg) rotateX(1deg);transition:transform .35s ease;box-shadow:0 24px 48px #00000059,0 0 0 1px #ffffff0f}.guide-hero-poster:hover .guide-poster-terminal{transform:perspective(800px) rotateY(0) rotateX(0)}.guide-poster-gif{max-height:260px;object-fit:cover;object-position:top}.guide-intro{padding-bottom:48px;margin-bottom:8px;border-bottom:1px solid var(--border)}.guide-intro h2{margin:0 0 16px;font-size:1.35rem;letter-spacing:-.02em}.guide-intro-lead{margin:0 0 14px;color:var(--muted);font-size:16px;line-height:1.65}.guide-intro-lead:last-of-type{margin-bottom:20px}.guide-intro-highlights{margin:0;padding:0;list-style:none;display:grid;gap:8px}.guide-intro-highlights li{position:relative;padding-left:22px;font-size:14px;line-height:1.5;color:var(--text)}.guide-intro-highlights li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#f06a6a,var(--accent));opacity:.85}.tutorial-toc li.tutorial-toc-overview{counter-increment:none;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.tutorial-toc-overview a:before{content:"◆";font-size:9px;background:transparent;border:none;color:var(--accent)}.tutorial-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;align-items:start}.tutorial-toc{position:sticky;top:88px;padding:20px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tutorial-toc-label{margin:0 0 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tutorial-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc}.tutorial-toc li{counter-increment:toc;margin-bottom:4px}.tutorial-toc a{display:block;padding:6px 0 6px 28px;position:relative;color:var(--muted);text-decoration:none;font-size:13px;line-height:1.4;transition:color .15s ease}.tutorial-toc a:before{content:counter(toc);position:absolute;left:0;top:6px;width:20px;height:20px;border-radius:6px;background:var(--surface);border:1px solid var(--border);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;color:var(--muted)}.tutorial-toc a:hover{color:var(--accent)}.tutorial-steps{max-width:720px}.tutorial-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:24px;padding-bottom:56px;position:relative}.tutorial-step:last-of-type{padding-bottom:24px}.tutorial-step:not(:last-of-type):before{content:"";position:absolute;left:23px;top:48px;bottom:0;width:2px;background:linear-gradient(180deg,var(--border),transparent)}.tutorial-step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent-soft),rgba(192,132,252,.12));border:1px solid rgba(139,147,255,.35);color:var(--accent);font-size:18px;font-weight:700;flex-shrink:0;box-shadow:0 0 20px #8b93ff1f}.tutorial-step-body h2{margin:4px 0 0;font-size:1.35rem;letter-spacing:-.02em}.tutorial-step-lead{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.6}.tutorial-list{margin:16px 0 0;padding-left:20px}.tutorial-list li{margin-bottom:8px;color:var(--text);font-size:14px;line-height:1.55}.tutorial-list code{font-size:13px}.tutorial-notice{margin-top:16px;padding:12px 16px;border-radius:10px;border:1px solid var(--accent);background:var(--accent-soft)}.tutorial-notice p{margin:0;font-size:14px;line-height:1.5}.tutorial-step-body .config-block{margin-top:20px}.tutorial-demo{margin:24px 0 0}.tutorial-prompts{margin-top:16px!important}.tutorial-footer{padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.tutorial-footer a{color:var(--accent)}@media(max-width:900px){.guide-poster-inner{grid-template-columns:1fr;padding:28px 24px 24px}.guide-poster-visual{order:-1}.guide-poster-terminal{transform:none}.guide-poster-gif{max-height:220px}.tutorial-layout{grid-template-columns:1fr}.tutorial-toc{position:static;padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.tutorial-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}}@media(max-width:600px){.tutorial-step{grid-template-columns:1fr;gap:12px}.tutorial-step-marker{display:flex}.tutorial-step:not(:last-of-type):before{display:none}.tutorial-toc ol{grid-template-columns:1fr}}@media(max-width:1024px){.hero-layout{grid-template-columns:1fr;gap:32px}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.guide-layout{grid-template-columns:1fr}}@media(max-width:840px){.detail-columns,.modal-body,.demo-stats{grid-template-columns:1fr}}@media(max-width:720px){.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{flex-direction:column;align-items:flex-start;padding:12px 0}.nav{flex-wrap:wrap;gap:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px;padding:40px 0 32px}.footer-brand{grid-column:1 / -1;max-width:none}}.blog-page{padding-bottom:48px}.blog-hero{padding:48px 0 24px}.blog-hero-lead{max-width:560px;margin:16px 0 0;color:var(--muted);font-size:17px;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.blog-card{display:flex;flex-direction:column;padding:0;border-radius:16px;border:1px solid var(--border);background:var(--surface);text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.blog-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-border);opacity:0;transition:opacity .25s ease}.blog-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow),var(--shadow-glow)}.blog-card:hover:after{opacity:1}.blog-card-meta{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:12px}.blog-card h2{margin:0 0 10px;font-size:1.15rem;letter-spacing:-.02em;line-height:1.35}.blog-card>p{margin:0;flex:1;color:var(--muted);font-size:14px;line-height:1.55}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.blog-card-tags span{padding:3px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:500}.blog-card-cta{margin-top:16px;font-size:13px;font-weight:500;color:var(--accent)}.logo-mark{flex-shrink:0;filter:drop-shadow(0 0 10px rgba(255,120,64,.45));transition:filter .25s ease,transform .25s ease}.brand:hover .logo-mark,.footer-logo:hover .logo-mark{filter:drop-shadow(0 0 16px rgba(255,120,64,.65));transform:rotate(-6deg) scale(1.05)}.blog-card-poster{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0a0a0c}.blog-card-gif{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.blog-card:hover .blog-card-gif{transform:scale(1.04)}.blog-card-poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#0000008c);pointer-events:none}.blog-card-poster-text{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px 18px;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.blog-card-badge{align-self:flex-start;margin-bottom:auto;padding:4px 10px;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#ff7828e6;box-shadow:0 4px 16px #ff782859}.blog-card-headline{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.6)}.blog-card-tagline{margin:4px 0 0;font-size:13px;font-weight:500;color:#ffffffbf;text-shadow:0 1px 12px rgba(0,0,0,.5)}.blog-card-body{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1}.blog-hero-composio{margin-bottom:24px;border-radius:20px;border:1px solid var(--border);overflow:hidden;background:#fafafc}[data-theme=light] .blog-hero-composio{background:#fff}.blog-composio-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;padding:36px 40px 32px;align-items:center}.blog-composio-eyebrow{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b7280}.blog-composio-headline{margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;color:#0f0f12}.blog-composio-tagline{margin:14px 0 0;font-size:16px;line-height:1.65;color:#6b7280;max-width:480px}.blog-composio-badge{display:inline-block;margin-top:18px;padding:6px 14px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ff7840;background:#fff4ec;border:1px solid #ffd2b0}.blog-conn-diagram{width:100%}.blog-conn-row{display:flex;align-items:center;gap:0;min-width:0}.blog-conn-tile{flex-shrink:0;width:64px;height:64px;border-radius:16px;border:1px solid #e8eaef;background:#fff;box-shadow:0 4px 20px #0000000f;display:flex;align-items:center;justify-content:center;padding:10px}.blog-conn-tile img{width:100%;height:100%;object-fit:contain}.blog-conn-tile-brand{background:#fff;padding:12px;box-shadow:0 4px 20px #00000014}.blog-conn-tile-brand img{width:100%;height:100%;object-fit:contain}.blog-conn-tile-wormhole{box-shadow:0 4px 24px #ff784026;border-color:#ff784040}.blog-conn-line{flex:0 0 36px;height:2px;background:#e2e4ea;position:relative;margin:0 2px}.blog-conn-pulse{position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#ff7840;box-shadow:0 0 12px #ff784099;animation:blog-conn-travel 2s ease-in-out infinite}.blog-conn-pulse-delay{animation-delay:1s}@keyframes blog-conn-travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 10px);opacity:0}}.blog-conn-card{flex:1;min-width:0;margin-left:4px;padding:18px 20px;border-radius:18px;border:1px solid #e8eaef;background:#fff;box-shadow:0 8px 32px #00000012}.blog-conn-card-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:10px}.blog-conn-card-logo{width:28px;height:28px;object-fit:contain}.blog-conn-card-name{font-size:17px;font-weight:700;color:#0f0f12;letter-spacing:-.02em}.blog-conn-badges{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.blog-conn-badge{padding:3px 8px;border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.06em;color:#fff}.blog-conn-badge-pat,.blog-conn-badge-live{background:#22c55e}.blog-conn-badge-stdio{background:#3b82f6}.blog-conn-badge-npx{background:#ff7840}.blog-conn-badge-zod{background:#818cf8}.blog-conn-card-desc{margin:0 0 14px;font-size:13px;line-height:1.55;color:#6b7280}.blog-conn-card-stats{display:flex;flex-wrap:wrap;gap:16px;padding-top:12px;border-top:1px solid #eef0f4;font-size:11px;font-weight:600;letter-spacing:.04em;color:#9ca3af;text-transform:uppercase}.blog-conn-card-stats strong{color:#0f0f12;font-size:13px;margin-right:4px}.blog-conn-hub{position:relative;width:100%;min-height:260px;display:flex;align-items:center;justify-content:center}.blog-conn-hub-ring{position:absolute;width:160px;height:160px;border-radius:50%;border:1px dashed rgba(255,120,64,.22);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.blog-conn-hub-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}.blog-conn-hub-agent{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.blog-conn-hub-left{left:0;top:50%;transform:translateY(-50%)}.blog-conn-hub-right{right:0;top:50%;transform:translateY(-50%)}.blog-conn-hub-top{top:0;left:50%;transform:translate(-50%)}.blog-conn-hub-bottom{bottom:0;left:50%;transform:translate(-50%)}.blog-conn-hub-label{font-size:10px;font-weight:700;color:#9ca3af;letter-spacing:.06em;text-transform:uppercase}.blog-conn-hub-label-center{text-transform:lowercase;color:#6b7280}.blog-conn-hub-line{position:absolute;background:#e2e4ea;pointer-events:none}.blog-conn-hub-line-left,.blog-conn-hub-line-right{width:48px;height:2px;top:32px}.blog-conn-hub-line-left{left:100%;margin-left:4px}.blog-conn-hub-line-right{right:100%;margin-right:4px}.blog-conn-hub-line-top,.blog-conn-hub-line-bottom{width:2px;height:36px;left:50%;margin-left:-1px}.blog-conn-hub-line-top{top:100%;margin-top:4px}.blog-conn-hub-line-bottom{bottom:100%;margin-bottom:4px}.blog-conn-hub-line .blog-conn-pulse{animation:blog-conn-travel-v 2s ease-in-out infinite}.blog-conn-hub-line-left .blog-conn-pulse,.blog-conn-hub-line-right .blog-conn-pulse{animation:blog-conn-travel 2s ease-in-out infinite}.blog-conn-hub-line-top .blog-conn-pulse{animation:blog-conn-travel-v 2s ease-in-out infinite}.blog-conn-hub-line-bottom .blog-conn-pulse{animation:blog-conn-travel-v-rev 2s ease-in-out infinite}@keyframes blog-conn-travel-v{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:calc(100% - 10px);opacity:0}}@keyframes blog-conn-travel-v-rev{0%{bottom:0;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:calc(100% - 10px);opacity:0}}.blog-card-composio{background:var(--surface)}.blog-card-composio .blog-card-poster{aspect-ratio:1200 / 630;background:#fafafc}.blog-card-composio .blog-card-gif{object-fit:cover;object-position:center}.blog-grid-composio{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.blog-poster-below{display:grid;grid-template-columns:1fr auto;gap:24px;padding:24px 28px 28px;align-items:end;border-top:1px solid var(--border);background:var(--surface)}.blog-poster-below-copy h1{margin:0;font-size:clamp(1.35rem,2.5vw,1.75rem);letter-spacing:-.03em;line-height:1.2}.blog-poster-excerpt{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.6;max-width:640px}.blog-poster-meta{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;color:var(--muted)}.blog-poster-meta-dot{width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.5}.blog-poster-stats{display:flex;flex-wrap:wrap;gap:10px;align-self:center}.blog-poster-stat{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;min-width:72px;text-align:center}.blog-poster-stat-value{display:block;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.2}.blog-poster-stat-label{display:block;margin-top:2px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.blog-post-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border)}.blog-post-author-inline{font-size:13px;color:var(--muted)}.blog-post-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 220px;gap:40px;align-items:start}.blog-post-main{min-width:0}.blog-post-main .blog-article-body{max-width:none}.blog-post-main .blog-article-body h2,.blog-post-main .blog-article-body h3,.blog-post-main .blog-tldr{scroll-margin-top:96px}.blog-toc{position:sticky;top:88px;padding:20px 16px;border-radius:14px;border:1px solid var(--border);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.blog-toc-label{margin:0 0 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.blog-toc ol{margin:0;padding:0;list-style:none;counter-reset:blog-toc}.blog-toc-item{counter-increment:blog-toc;margin-bottom:2px}.blog-toc-item a{display:block;padding:6px 0 6px 28px;position:relative;color:var(--muted);text-decoration:none;font-size:12px;line-height:1.4;transition:color .15s ease;border-radius:6px}.blog-toc-item a:before{content:counter(blog-toc);position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:6px;background:var(--surface);border:1px solid var(--border);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .15s ease,border-color .15s ease,color .15s ease}.blog-toc-item a:hover{color:var(--accent)}.blog-toc-item.active a{color:var(--accent);font-weight:500}.blog-toc-item.active a:before{background:#ff782826;border-color:#ff782873;color:var(--accent)}.blog-toc-overview{counter-increment:none;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.blog-toc-overview a:before{content:"◆";font-size:9px;background:transparent;border:none;color:var(--accent)}.blog-toc-level-3 a{padding-left:36px;font-size:11px;opacity:.85}.blog-toc-level-3 a:before{display:none}.blog-sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}.blog-sidebar-card{padding:16px;border-radius:14px;border:1px solid var(--border);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.blog-sidebar-card-label{margin:0 0 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.blog-sidebar-progress{text-align:center;padding:16px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,120,40,.06),transparent)}.blog-sidebar-progress-ring{position:relative;width:56px;height:56px;margin:0 auto 8px}.blog-sidebar-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.blog-sidebar-progress-bg{fill:none;stroke:var(--border);stroke-width:3}.blog-sidebar-progress-fill{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .15s ease}.blog-sidebar-progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text)}.blog-sidebar-progress-label{margin:0;font-size:11px;color:var(--muted)}.blog-sidebar-progress-done{border-color:#4ade8059;background:linear-gradient(180deg,rgba(74,222,128,.1),transparent)}.blog-sidebar-progress-done .blog-sidebar-progress-fill{stroke:#4ade80}.blog-sidebar-progress-done .blog-sidebar-progress-text{color:#4ade80;font-size:14px}.blog-sidebar-progress-done .blog-sidebar-progress-label{color:#4ade80;font-weight:600}.blog-sidebar-author{display:flex;align-items:center;gap:12px}.blog-sidebar-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f06a6a,var(--accent));flex-shrink:0}.blog-sidebar-author-name{margin:0;font-size:14px;font-weight:600;color:var(--text)}.blog-sidebar-actions{display:flex;flex-direction:column;gap:8px}.blog-sidebar-btn{width:100%;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.blog-sidebar-btn:hover{border-color:var(--accent);background:#ff78280f}.blog-sidebar-wormhole{border-color:#ff782840;background:linear-gradient(135deg,#ff782814,#f06a6a0a)}.blog-sidebar-tip{margin:0;font-size:13px;line-height:1.55;color:var(--text)}.blog-sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}.blog-sidebar-tag{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;color:var(--accent);border:1px solid rgba(255,120,40,.3);background:#ff782814;box-shadow:0 0 12px #ff782814}.blog-sidebar-links{display:flex;flex-direction:column;gap:8px}.blog-sidebar-links a{font-size:12px;color:var(--muted);text-decoration:none;transition:color .15s ease}.blog-sidebar-links a:hover{color:var(--accent)}.blog-sidebar-terminal{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,120,40,.2);background:#0c0c0e;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;overflow:hidden;white-space:nowrap}.blog-sidebar-terminal-prompt{color:var(--accent);margin-right:6px}.blog-sidebar-terminal-cmd{color:var(--muted)}.blog-sidebar-terminal-cursor{display:inline-block;width:7px;height:14px;margin-left:2px;vertical-align:text-bottom;background:var(--accent);animation:blog-cursor-blink 1s step-end infinite}@keyframes blog-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.blog-post-page{padding:32px 0 64px}.blog-post-header{max-width:720px;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--border)}.blog-post-meta{margin-bottom:16px}.blog-post-header h1{margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);letter-spacing:-.03em;line-height:1.15}.blog-post-excerpt{margin:14px 0 0;color:var(--muted);font-size:17px;line-height:1.6}.blog-article-body{max-width:720px}.blog-article-body h2{margin:36px 0 12px;font-size:1.35rem;letter-spacing:-.02em}.blog-article-body h3{margin:24px 0 10px;font-size:1.1rem}.blog-article-body p{margin:0 0 16px;color:var(--muted);font-size:16px;line-height:1.7}.blog-article-body ul{margin:0 0 20px;padding-left:20px;color:var(--muted);line-height:1.7}.blog-article-body li{margin-bottom:8px}.blog-article-body ol{margin:0 0 20px;padding-left:20px;color:var(--muted);line-height:1.7}.blog-tldr{margin:0 0 32px;padding:20px 22px;border-radius:14px;border:1px solid rgba(255,120,40,.35);background:linear-gradient(135deg,#ff782814,#ff501408)}.blog-tldr-label{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.blog-tldr ul{margin:0;padding-left:18px}.blog-tldr li{margin-bottom:6px;color:var(--text);font-size:15px;line-height:1.55}.blog-diagram{margin:0 0 28px}.blog-diagram figcaption{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--text);letter-spacing:-.01em}.blog-diagram-code{margin:0;padding:18px 20px;border-radius:12px;border:1px solid var(--border);background:var(--code-bg);overflow-x:auto}.blog-diagram-code code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.45;color:var(--text);white-space:pre}.blog-figure{margin:0 0 28px}.blog-figure-frame{border-radius:14px;border:1px solid var(--border);overflow:hidden;background:var(--surface);box-shadow:0 12px 40px #00000040}.blog-figure img{display:block;width:100%;height:auto}.blog-figure figcaption{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.5;text-align:center}.blog-callout{margin:0 0 24px;padding:16px 18px;border-radius:12px;border-left:3px solid var(--accent);background:var(--surface)}.blog-callout-info{border-left-color:#5b9cf5}.blog-callout-tip{border-left-color:#4ade80}.blog-callout-warn{border-left-color:#fbbf24}.blog-callout-title{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--text)}.blog-callout p:last-child{margin:0}.blog-code{margin:0 0 20px;padding:16px 18px;border-radius:12px;border:1px solid var(--border);background:var(--code-bg);overflow-x:auto}.blog-code code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;line-height:1.55;color:var(--text)}.blog-related{margin-top:56px;padding-top:40px;border-top:1px solid var(--border)}.blog-related h2{margin:0 0 20px;font-size:1.25rem;letter-spacing:-.02em}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-related-card{padding:20px;border-radius:14px;border:1px solid var(--border);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .2s ease}.blog-related-card:hover{border-color:var(--accent)}.blog-related-card h3{margin:0 0 8px;font-size:15px;letter-spacing:-.01em}.blog-related-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.catalog-cli-showcase{padding-top:24px;padding-bottom:32px}.catalog-cli-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center}.eyebrow-orange{color:#fb923c}.eyebrow-orange .eyebrow-dot{background:#fb923c;box-shadow:0 0 12px #fb923c8c}.catalog-cli-copy h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em;line-height:1.15}.catalog-cli-copy>p{margin:14px 0 0;color:var(--muted);line-height:1.6;max-width:480px}.catalog-cli-highlights{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}.catalog-cli-highlights li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.catalog-cli-highlights strong{color:var(--text)}.catalog-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.catalog-dot.available{background:#4ade80;box-shadow:0 0 8px #4ade8073}.catalog-dot.planned{background:#fb923c;box-shadow:0 0 8px #fb923c66}.terminal-window-orange{border-color:#fb923c59;box-shadow:0 0 0 1px #fb923c1f,0 24px 64px #00000073,0 0 48px #fb923c14}.terminal-chrome-orange{background:#fb923c14;border-bottom-color:#fb923c26}.terminal-chrome-orange .terminal-title{color:#fb923c}.catalog-cli-gif{max-height:380px;object-fit:cover;object-position:top left}@media(max-width:1100px){.blog-post-layout{grid-template-columns:1fr;gap:24px}.blog-toc{position:static;order:-1}.blog-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.blog-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.blog-sidebar-progress,.blog-sidebar-terminal{grid-column:1 / -1}.blog-composio-layout{grid-template-columns:1fr;padding:24px}.blog-conn-row{flex-wrap:wrap;gap:8px}.blog-conn-line{flex:0 0 24px}.blog-conn-card{flex:1 1 100%;margin-left:0;margin-top:8px}.blog-poster-below{grid-template-columns:1fr;padding:20px}.blog-poster-text-layer{max-width:70%;padding:20px}.blog-poster-frame{max-height:280px}}@media(max-width:900px){.catalog-cli-layout{grid-template-columns:1fr}.catalog-cli-visual{order:-1}}@media(max-width:600px){.footer-grid,.blog-related-grid,.blog-toc ol,.blog-sidebar{grid-template-columns:1fr}}