footer[data-astro-cid-sz7xmlte]{background:var(--bg-secondary);border-top:1px solid var(--border);padding:32px 0}.container[data-astro-cid-sz7xmlte]{max-width:1200px;margin:0 auto;padding:0 40px}.footer-main[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-section[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{color:var(--gray-50);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.footer-section[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:0}.footer-section[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:12px}.footer-section[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--gray-400);text-decoration:none;font-size:var(--text-sm);transition:color .2s}.footer-section[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--gray-50)}.logo[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px;font-size:var(--text-lg);font-weight:700;color:var(--gray-50);text-decoration:none;letter-spacing:-.02em}.logo[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte]{color:var(--accent)}.footer-description[data-astro-cid-sz7xmlte]{color:var(--gray-400);font-size:var(--text-sm);line-height:1.6;margin-bottom:24px;max-width:280px}.badge-container[data-astro-cid-sz7xmlte]{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.social-links[data-astro-cid-sz7xmlte]{display:flex;gap:16px}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--gray-500);transition:color .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border)}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.footer-bottom[data-astro-cid-sz7xmlte]{padding-top:32px;border-top:1px solid var(--border);text-align:center}.footer-bottom[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{color:var(--gray-500);font-size:var(--text-sm);margin:0}@media (max-width: 768px){.container[data-astro-cid-sz7xmlte]{padding:0 24px}.footer-main[data-astro-cid-sz7xmlte]{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width: 480px){.footer-main[data-astro-cid-sz7xmlte]{grid-template-columns:1fr}.social-links[data-astro-cid-sz7xmlte]{justify-content:flex-start}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;height:72px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-logo{display:flex;align-items:center;z-index:1001}.logo-full{height:40px;width:auto;display:block}.logo-icon{height:36px;width:auto;display:none}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger,.hamburger:before,.hamburger:after{width:24px;height:2px;background:#fafafa;border-radius:2px;transition:all .3s ease}.hamburger{position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-7px}.hamburger:after{top:7px}.nav-toggle.active .hamburger{background:transparent}.nav-toggle.active .hamburger:before{top:0;transform:rotate(45deg)}.nav-toggle.active .hamburger:after{top:0;transform:rotate(-45deg)}.nav-menu{display:flex;align-items:center;gap:3rem;flex:1}.nav-links{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.nav-links a{color:#a1a1aa;text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .2s;white-space:nowrap}.nav-links a:hover{color:#fafafa}.nav-links a.open-source{color:#0ea5e9}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-actions .btn-secondary,.nav-actions .btn-primary{padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .2s;white-space:nowrap}.nav-actions .btn-secondary{background:#ffffff0d;color:#fafafa;border:1px solid rgba(255,255,255,.1)}.nav-actions .btn-secondary:hover{background:#ffffff14;border-color:#fff3}.nav-actions .btn-primary{background:#0ea5e9;color:#fff;border:1px solid #0EA5E9;box-shadow:0 2px 8px #0ea5e933}.nav-actions .btn-primary:hover{background:#0284c7;border-color:#0284c7;box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-1px)}body.nav-open{overflow:hidden}@media (max-width: 1200px){.nav-container{padding:0 1.5rem;gap:1.5rem}.nav-menu{gap:2rem}.nav-links{gap:1.25rem}.nav-links a{font-size:.875rem}.nav-actions{gap:.5rem}.nav-actions .btn-secondary,.nav-actions .btn-primary{padding:.5rem 1rem;font-size:.875rem}}@media (max-width: 1024px){.nav-container{height:64px}.logo-full{display:none}.logo-icon{display:block}.nav-toggle{display:flex}.nav-menu{position:fixed;top:64px;left:0;right:0;height:calc(100vh - 64px);background:#0a0a0afa;backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;gap:0;padding:0;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.nav-menu.active{transform:translate(0)}.nav-links{flex-direction:column;gap:0;width:100%;align-items:stretch;flex:0 0 auto;padding:1rem 0}.nav-links a{font-size:1.125rem;width:100%;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.05)}.nav-links a:last-child{border-bottom:none}.nav-actions{flex-direction:column;width:100%;gap:1rem;padding:2rem;flex:0 0 auto}.nav-actions .btn-secondary,.nav-actions .btn-primary{width:100%;text-align:center;padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.nav-container{padding:0 1rem;height:64px}.logo-icon{height:32px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0A0A0A;--bg-secondary: #0F0F0F;--bg-tertiary: #141414;--gray-50: #FAFAFA;--gray-100: #F4F4F5;--gray-200: #E4E4E7;--gray-300: #D4D4D8;--gray-400: #A1A1AA;--gray-500: #71717A;--gray-600: #52525B;--gray-700: #3F3F46;--gray-800: #27272A;--gray-900: #18181B;--accent: #0EA5E9;--accent-dim: #0284C7;--accent-glow: rgba(14, 165, 233, .15);--success: #10B981;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .04);--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--text-5xl: 3.815rem}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--gray-300);line-height:1.6;font-size:var(--text-base);overflow-x:hidden;position:relative;margin:0;padding:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E")}.container{max-width:1280px;margin:0 auto;padding:0 40px;position:relative;z-index:2;width:100%;box-sizing:border-box}.btn{padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:500;font-size:var(--text-sm);transition:all .2s;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid transparent;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dim);box-shadow:0 0 20px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--gray-300);border:1px solid var(--border)}.btn-ghost:hover{background:var(--gray-900);color:var(--gray-50);border-color:var(--gray-700)}h1,.h1{font-size:var(--text-5xl);font-weight:900;color:var(--gray-50);letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}h2,.h2{font-size:var(--text-3xl);font-weight:700;color:var(--gray-50);letter-spacing:-.02em;line-height:1.2;margin-bottom:1.25rem;margin-top:3rem}h3,.h3{font-size:var(--text-2xl);font-weight:700;color:var(--gray-50);letter-spacing:-.01em;line-height:1.3;margin-bottom:1rem;margin-top:2rem}h4,.h4{font-size:var(--text-xl);font-weight:600;color:var(--gray-50);letter-spacing:-.005em;line-height:1.4;margin-bottom:.75rem;margin-top:1.5rem}h5,.h5{font-size:var(--text-lg);font-weight:600;color:var(--gray-200);line-height:1.4;margin-bottom:.5rem;margin-top:1rem}h6,.h6{font-size:var(--text-base);font-weight:600;color:var(--gray-400);line-height:1.5;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.page-title{font-size:var(--text-5xl);font-weight:900;color:var(--gray-50);letter-spacing:-.03em;line-height:1.05;margin-bottom:1.5rem;text-align:center}.page-subtitle{font-size:var(--text-xl);font-weight:400;color:var(--gray-400);line-height:1.6;text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:var(--text-3xl);font-weight:700;color:var(--gray-50);letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.section-subtitle{font-size:var(--text-lg);font-weight:400;color:var(--gray-500);line-height:1.6;margin-bottom:2rem}.hero-title{font-size:4.5rem;font-weight:900;color:var(--gray-50);letter-spacing:-.04em;line-height:1.05;margin-bottom:1.5rem;text-align:center}.hero-subtitle{font-size:var(--text-2xl);font-weight:400;color:var(--gray-300);line-height:1.5;text-align:center;margin-bottom:3rem;max-width:1100px;margin-left:auto;margin-right:auto}.card-title{font-size:var(--text-xl);font-weight:700;color:var(--gray-50);letter-spacing:-.01em;line-height:1.3;margin-bottom:.75rem}.card-subtitle{font-size:var(--text-base);font-weight:500;color:var(--gray-400);line-height:1.5;margin-bottom:1rem}.feature-title{font-size:var(--text-lg);font-weight:600;color:var(--gray-50);line-height:1.4;margin-bottom:.5rem}.feature-subtitle{font-size:var(--text-sm);font-weight:500;color:var(--gray-500);line-height:1.5;margin-bottom:1rem}.accent-text{color:var(--accent)}.section-header{text-align:center;margin-bottom:80px;width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding:0 40px}.section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:48px;margin-bottom:32px;transition:all .2s}.section:hover{border-color:var(--gray-700);background:var(--bg-tertiary)}.section-content{color:var(--gray-300);line-height:1.6}.section-content p{margin-bottom:16px}.section-content ul{margin:16px 0;padding-left:24px}.section-content li{margin-bottom:8px;line-height:1.6;color:var(--gray-300)}.section-content li::marker{color:var(--accent)}.section-content strong{color:var(--gray-50)}.main-content{margin-top:64px;padding:0;overflow-x:hidden;width:100%}.page-header{text-align:center;width:100%;max-width:900px;margin:120px auto 80px;padding:0 40px}.content{margin-bottom:80px}.hero,.hero-giant{margin-top:64px!important;padding:120px 0!important;text-align:center;position:relative}.cost-analysis,.mcp-benefits,.final-cta{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:48px!important;margin:80px 0!important;text-align:center}.pricing-card,.feature-card,.connector-card{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:32px!important;transition:all .2s}.pricing-card:hover,.feature-card:hover,.connector-card:hover{border-color:var(--gray-700)!important;background:var(--bg-tertiary)!important;transform:translateY(-2px)}.cta-section{background:var(--bg-tertiary)!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:48px!important;text-align:center;margin-top:64px!important}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border);border-radius:4px;font-size:var(--text-xs);font-weight:500;margin-bottom:32px;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);background:var(--bg-secondary)}.hero-badge .pulse{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0}.feature-card{background:var(--bg-tertiary)!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:2rem!important;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-dim));opacity:0;transition:opacity .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0003;border-color:var(--gray-700)}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:8px;background:var(--accent-glow);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;transition:all .3s}.feature-card:hover .feature-icon{background:var(--accent);transform:scale(1.05)}.cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:2rem 0}.cost-item{text-align:center;padding:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;transition:all .2s}.cost-item:hover{border-color:var(--accent);background:var(--accent-glow);transform:translateY(-2px)}.cost-breakdown{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin:2rem 0}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light);transition:all .2s}.breakdown-item:hover{background:var(--bg-secondary);margin:0 -1rem;padding-left:1rem;padding-right:1rem;border-radius:4px}.breakdown-item:last-child{border-bottom:none;font-weight:600;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--border);background:var(--accent-glow);border-radius:4px;margin:.5rem -1rem 0;padding-left:1rem;padding-right:1rem}.connector-preview{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:1rem;text-align:center;min-width:140px;transition:all .2s}.connector-preview:hover{border-color:var(--accent);background:var(--accent-glow);transform:translateY(-2px)}.connector-preview .icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.benefit-item{transition:all .2s}.benefit-item:hover{transform:translateY(-2px)}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-dim))}.page-header{position:relative;background:radial-gradient(ellipse at center,rgba(14,165,233,.08) 0%,transparent 60%)}.page-title{background:linear-gradient(135deg,var(--gray-50) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}.feature-list{list-style:none;padding:0;margin-top:1rem}.feature-list li{padding:.25rem 0;color:var(--gray-300);display:flex;align-items:center;gap:8px;transition:color .2s}.feature-list li:before{content:"→";color:var(--accent);font-weight:500;flex-shrink:0}.feature-list li:hover{color:var(--gray-50)}@media (max-width: 768px){.cost-grid,.feature-grid,.benefit-grid{grid-template-columns:1fr}.button-group{flex-direction:column;align-items:stretch}}a{color:var(--accent);text-decoration:underline;transition:color .2s}a:hover{color:var(--accent-dim)}.btn,.btn-primary,.btn-ghost{text-decoration:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{to{opacity:1}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1024px){h1,.h1,.page-title{font-size:var(--text-4xl)}.hero-title{font-size:var(--text-5xl)}h2,.h2,.section-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-xl)}.page-subtitle{font-size:var(--text-lg)}.container,.section-header{padding:0 32px}.section{padding:32px}.page-header{margin:100px 0 60px}}@media (max-width: 768px){h1,.h1,.page-title{font-size:var(--text-3xl)}.hero-title{font-size:var(--text-4xl)}h2,.h2,.section-title{font-size:var(--text-xl)}h3,.h3{font-size:var(--text-lg)}h4,.h4,.card-title{font-size:var(--text-base)}.hero-subtitle{font-size:var(--text-lg)}.page-subtitle,.section-subtitle{font-size:var(--text-base)}.container{padding:0 24px}.section-header{padding:0 24px;margin-bottom:60px}.section{padding:24px;margin-bottom:24px}.page-header{margin:80px 0 50px;padding:0 24px}.button-group{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.hero-title,.page-title{font-size:var(--text-3xl);line-height:1.1}.hero-subtitle{font-size:var(--text-base)}h2,.h2,.section-title{font-size:var(--text-lg)}h3,.h3{font-size:var(--text-base)}.container{padding:0 16px}.section-header{padding:0 16px;margin-bottom:40px}.section{padding:20px;margin-bottom:20px;border-radius:12px}.page-header{margin:60px 0 40px;padding:0 16px}.page-subtitle,.section-subtitle{font-size:var(--text-sm)}}