:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#3b82f6;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-secondary:#7c3aed;--color-secondary-dark:#6d28d9;--color-background:#fff;--color-surface:#f8fafc;--color-surface-elevated:#fff;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#0ea5e9;--color-info-light:#e0f2fe;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--navbar-height:64px;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease}@media (prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-text:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#334155;--color-border-light:#1e293b;--color-primary-50:#1e3a5f}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:light dark}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--navbar-height);padding:0 2rem;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}@media (prefers-color-scheme:dark){.navbar{background:rgba(15,23,42,.8)}}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--color-primary);background:#fff;padding:.25rem .75rem;border-radius:var(--radius)}.navbar-brand svg{width:32px;height:32px}.navbar-links{display:flex;align-items:center;gap:.5rem}.navbar-link{padding:.5rem 1rem;font-weight:500;font-size:.9375rem;color:var(--color-text-secondary);border-radius:var(--radius);transition:color var(--transition-fast),background-color var(--transition-fast)}.navbar-link:hover{color:var(--color-text);background:var(--color-surface)}.navbar-link.active{color:var(--color-primary);background:var(--color-primary-50)}.navbar-cta{margin-left:1rem;padding:.5rem 1.25rem;background:var(--color-primary);color:#fff!important;border-radius:var(--radius-full);font-weight:600;font-size:.875rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.navbar-cta:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.navbar-mobile-toggle{display:none;padding:.5rem;background:none;border:none;cursor:pointer;color:var(--color-text)}@media (max-width:768px){.navbar{padding:0 1rem}.navbar-links{display:none;position:absolute;top:var(--navbar-height);left:0;right:0;flex-direction:column;padding:1rem;background:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.navbar-links.open{display:flex}.navbar-link{width:100%;padding:.75rem 1rem}.navbar-cta{margin:.5rem 0 0;text-align:center}.navbar-mobile-toggle{display:block}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.container-narrow{max-width:800px;margin:0 auto;padding:0 2rem}.container-wide{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.container,.container-narrow,.container-wide{padding:0 1rem}}.section{padding:5rem 0}.section-sm{padding:3rem 0}.section-lg{padding:7rem 0}.hero{text-align:center;padding:6rem 2rem}.hero-lg{padding:8rem 2rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1.5rem;background:var(--color-primary-50);color:var(--color-primary);font-size:.875rem;font-weight:600;border-radius:var(--radius-full)}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--color-text);margin-bottom:1.5rem;text-wrap:balance}.hero h1 .gradient{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:var(--color-text-muted);max-width:640px;margin:0 auto 2.5rem;line-height:1.7}.hero-buttons{gap:1rem;flex-wrap:wrap}.hero-buttons,.hero-stats{display:flex;justify-content:center}.hero-stats{gap:3rem;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--color-border)}.hero-stat{text-align:center}.hero-stat-value{font-size:2.5rem;font-weight:700;color:var(--color-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero-stat-label{font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}@media (max-width:768px){.hero{padding:3rem 1rem}.hero-stats{flex-direction:column;gap:1.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius);border:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;touch-action:manipulation}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface)}.btn-secondary:hover{background:var(--color-border-light);border-color:var(--color-text-muted)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-icon{padding:.75rem}.card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;height:100%}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary-50);color:var(--color-primary);border-radius:var(--radius);margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.card-description{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6;flex-grow:1}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:3rem;align-items:stretch}.section-header{text-align:center;max-width:640px;margin:0 auto 3rem}.section-header h2{font-size:2.25rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;text-wrap:balance}.section-header p{font-size:1.125rem;color:var(--color-text-muted);line-height:1.7}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.grid-2-col>div:last-child{max-width:100%;overflow:hidden}@media (max-width:1024px){.grid-2-col{grid-template-columns:1fr;gap:2rem}.grid-2-col>div:last-child{order:-1}}.code-block{background:#1e293b;border-radius:var(--radius-lg);overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(0,0,0,.2);border-bottom:1px solid hsla(0,0%,100%,.1)}.code-dots{display:flex;gap:.5rem}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot.red{background:#ef4444}.code-dot.yellow{background:#f59e0b}.code-dot.green{background:#10b981}.code-lang{font-size:.75rem;color:#94a3b8;font-family:var(--font-mono)}.code-content{padding:1.25rem;overflow-x:auto;max-width:100%}.code-content pre{margin:0;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;color:#e2e8f0;white-space:pre}.code-content .comment{color:#6b7280}.code-content .keyword{color:#f472b6}.code-content .string{color:#34d399}.code-content .number{color:#fbbf24}.code-content .function{color:#60a5fa}.footer{padding:4rem 2rem 2rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);grid-gap:3rem;gap:3rem;max-width:1200px;margin:0 auto 3rem}.footer-brand{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;background:#fff;padding:.5rem .75rem;border-radius:var(--radius);display:inline-block}.footer-description{color:var(--color-text-muted);font-size:.9375rem;line-height:1.6;max-width:300px}.footer-column h4{font-size:.875rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--color-text-muted);font-size:.9375rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--color-border);max-width:1200px;margin:0 auto;font-size:.875rem;color:var(--color-text-muted)}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.bg-surface{background:var(--color-surface)}.bg-primary-50{background:var(--color-primary-50)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{left:1rem!important;top:1rem}.navbar-cta,.navbar-link,a,button{touch-action:manipulation}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.navbar-auth-loading{padding:.5rem 1rem;color:var(--color-text-muted)}.navbar-cta-secondary{margin-left:.5rem;padding:.5rem 1rem;color:var(--color-primary);font-weight:500;font-size:.875rem;border-radius:var(--radius);transition:background-color var(--transition-fast)}.navbar-cta-secondary:hover{background:var(--color-primary-50)}.navbar-user-menu{position:relative;margin-left:1rem}.navbar-user-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;font-size:.875rem;color:var(--color-text);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.navbar-user-button:hover{background:var(--color-surface-elevated);border-color:var(--color-primary)}.navbar-user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.5rem;z-index:200}.navbar-user-info{padding:.5rem .75rem}.navbar-user-email{font-size:.75rem;color:var(--color-text-muted)}.navbar-dropdown-divider{border:none;border-top:1px solid var(--color-border);margin:.5rem 0}.navbar-dropdown-button,.navbar-dropdown-link{display:block;width:100%;padding:.5rem .75rem;text-align:left;font-size:.875rem;color:var(--color-text);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.navbar-dropdown-button:hover,.navbar-dropdown-link:hover{background:var(--color-surface)}@media (max-width:768px){.navbar-user-menu{margin-left:0;margin-top:.5rem}.navbar-user-name{display:none}.navbar-user-dropdown{left:0;right:auto}.navbar-cta-secondary{width:100%;margin:.5rem 0 0;text-align:center;display:block}}.login-container{min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--color-surface)}.login-card{width:100%;max-width:420px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:inline-block;margin-bottom:1.5rem;background:#fff;padding:.5rem .75rem;border-radius:var(--radius)}.login-logo-image{height:40px;width:auto}.login-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.login-header p{font-size:.9375rem;color:var(--color-text-muted)}.login-error{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-error-light);color:var(--color-error);border-radius:var(--radius);margin-bottom:1.5rem;font-size:.875rem}.login-error .error-icon{width:20px;height:20px;flex-shrink:0}.oauth-providers{margin-bottom:1.5rem}.oauth-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);margin-bottom:.75rem}.oauth-button:hover{background:var(--color-background);border-color:var(--color-primary)}.oauth-button:last-child{margin-bottom:0}.login-divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--color-text-muted);font-size:.875rem}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.login-divider span{padding:0 1rem}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.875rem;color:var(--color-text)}.form-group input{padding:.75rem 1rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.form-group input:disabled{background:var(--color-surface);cursor:not-allowed}.form-hint{margin-top:.25rem}.login-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.login-button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border);text-align:center}.login-footer p{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.5rem}.login-footer a{color:var(--color-primary);font-weight:500}.login-footer a:hover{text-decoration:underline}.tryit-container{max-width:1400px;margin:0 auto;padding:2rem}.tryit-header{margin-bottom:2rem}.tryit-header h1{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.tryit-header p{color:var(--color-text-muted);font-size:1rem}.tryit-header strong{color:var(--color-primary)}.tryit-content{display:grid;grid-template-columns:280px 1fr;grid-gap:2rem;gap:2rem;min-height:calc(100vh - var(--navbar-height) - 200px)}@media (max-width:968px){.tryit-content{grid-template-columns:1fr}}.tryit-sidebar{display:flex;flex-direction:column;gap:1.5rem}.tryit-sidebar h2{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.endpoint-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.endpoint-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.endpoint-button:hover{background:var(--color-surface-elevated);border-color:var(--color-primary-light)}.endpoint-button.selected{background:var(--color-primary-50);border-color:var(--color-primary)}.method{padding:.25rem .5rem;font-size:.625rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;border-radius:var(--radius-sm)}.method-get{background:#d1fae5;color:#065f46}.method-post{background:#dbeafe;color:#1e40af}.method-put{background:#fef3c7;color:#92400e}.method-delete{background:#fee2e2;color:#991b1b}.endpoint-path{font-size:.8125rem;color:var(--color-text);font-family:var(--font-mono);word-break:break-all}.tryit-info-card{padding:1rem;background:var(--color-primary-50);border-radius:var(--radius);font-size:.875rem}.tryit-info-card h3{font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.tryit-info-card p{color:var(--color-text-muted);line-height:1.5}.tryit-info-card a{color:var(--color-primary);font-weight:500}.tryit-main{display:flex;flex-direction:column;gap:1.5rem}.request-panel,.response-panel{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.request-panel h2,.response-panel h2{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.request-line{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--color-surface);border-radius:var(--radius);margin-bottom:1rem}.request-url{font-family:var(--font-mono);font-size:.875rem;color:var(--color-text);word-break:break-all}.endpoint-description{font-size:.9375rem;color:var(--color-text-muted);margin-bottom:1.5rem}.request-body{margin-bottom:1.5rem}.request-body label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.request-body textarea{width:100%;padding:1rem;font-family:var(--font-mono);font-size:.875rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background);color:var(--color-text);resize:vertical;min-height:120px}.request-body textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.tryit-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.tryit-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.response-body{padding:1rem;background:#1e293b;border-radius:var(--radius);overflow-x:auto}.response-body code{font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:#e2e8f0;white-space:pre}.response-placeholder{padding:3rem 1rem;text-align:center;color:var(--color-text-muted);font-size:.9375rem}.tryit-notice{display:flex;align-items:flex-start;gap:1rem;margin-top:2rem;padding:1rem 1.5rem;background:var(--color-info-light);border-radius:var(--radius)}.notice-icon{color:var(--color-info);flex-shrink:0}.notice-content strong{display:block;color:var(--color-info);font-size:.875rem;margin-bottom:.25rem}.notice-content p{color:var(--color-text-muted);font-size:.8125rem;margin:0}.rate-limit-badge{margin-top:.75rem;display:inline-block;padding:.375rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8125rem;color:var(--color-text-secondary)}.rate-limit-badge .rate-low{color:var(--color-warning);font-weight:600}.request-path-input{flex:1 1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-mono);font-size:.875rem;background:var(--color-surface);color:var(--color-text)}.request-path-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.code-textarea{font-family:var(--font-mono);font-size:.875rem;line-height:1.5;-moz-tab-size:2;tab-size:2;background:#1e293b;color:#e2e8f0;border:none;border-radius:var(--radius);padding:1rem;resize:vertical}.code-textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}.tryit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.tryit-button .spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.response-error{padding:1.25rem;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius)}.error-header{margin-bottom:.5rem}.error-code{display:inline-block;padding:.25rem .5rem;background:var(--color-error);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.error-message{color:var(--color-error);font-weight:500;margin-bottom:.25rem}.error-details{color:var(--color-text-muted);font-size:.875rem}.response-success{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.response-meta{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.status-code{padding:.25rem .5rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm)}.status-success{background:var(--color-success-light);color:var(--color-success)}.status-client-error{background:var(--color-warning-light);color:var(--color-warning)}.status-server-error{background:var(--color-error-light);color:var(--color-error)}.status-info{background:var(--color-info-light);color:var(--color-info)}.response-time{font-size:.8125rem}.request-id,.response-time{color:var(--color-text-muted)}.request-id{font-size:.75rem;font-family:var(--font-mono);margin-left:auto}.response-headers{border-bottom:1px solid var(--color-border)}.toggle-headers{width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast)}.headers-list,.toggle-headers:hover{background:var(--color-surface)}.headers-list{display:none;padding:.75rem 1rem;max-height:200px;overflow-y:auto}.headers-list.expanded{display:block}.header-item{display:flex;gap:.5rem;font-size:.8125rem;padding:.25rem 0;font-family:var(--font-mono)}.header-key{color:var(--color-primary);flex-shrink:0}.header-value{color:var(--color-text-secondary);word-break:break-all}.response-body-container{padding:1rem}.response-body-container h3{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.tryit-notice-info{background:var(--color-info-light)}@media (prefers-color-scheme:dark){.response-error{background:rgba(239,68,68,.1)}.code-textarea{background:#0f172a}}.credentials-container{max-width:1200px;margin:0 auto;padding:2rem}.credentials-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.credentials-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.credentials-header p{color:var(--color-text-secondary)}.btn-primary{padding:.625rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.625rem 1.25rem;background:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn-secondary:hover{background:var(--color-surface)}.btn-copy{background:var(--color-primary);flex-shrink:0}.btn-copy,.btn-revoke{padding:.375rem .75rem;color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer}.btn-revoke{background:var(--color-warning)}.btn-delete{padding:.375rem .75rem;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer}.alert{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem}.alert-error{background:var(--color-error-light);color:var(--color-error)}.alert button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit}.new-credential-card{background:var(--color-success-light);border:1px solid var(--color-success);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.new-credential-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.new-credential-header h2{font-size:1.25rem;color:var(--color-success)}.new-credential-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-success)}.new-credential-warning{background:rgba(0,0,0,.05);padding:.75rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.credential-secrets{display:flex;flex-direction:column;gap:.75rem}.secret-row{display:flex;align-items:center;gap:1rem}.secret-row label{font-weight:600;min-width:100px}.secret-row code{flex:1 1;padding:.5rem .75rem;background:rgba(0,0,0,.05);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8125rem;word-break:break-all}.empty-state{text-align:center;padding:4rem 2rem;background:var(--color-surface);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem}.empty-state p{color:var(--color-text-muted);margin-bottom:1.5rem}.credentials-table{overflow-x:auto}.credentials-table table{width:100%;border-collapse:collapse}.credentials-table td,.credentials-table th{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.credentials-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface)}.credentials-table tr.revoked{opacity:.6}.credentials-table .name-cell{font-weight:500}.credentials-table .key-cell code{padding:.25rem .5rem;background:var(--color-surface);border-radius:var(--radius-sm);font-size:.75rem}.credentials-table .actions-cell{display:flex;gap:.5rem}.type-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.type-badge.type-api_key{background:var(--color-primary-50);color:var(--color-primary)}.type-badge.type-oauth_client{background:var(--color-info-light);color:var(--color-info)}.status-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.status-badge.active{background:var(--color-success-light);color:var(--color-success)}.status-badge.revoked{background:var(--color-error-light);color:var(--color-error)}.usage-card{margin-top:3rem;padding:2rem;background:var(--color-surface);border-radius:var(--radius-lg)}.usage-card h2{font-size:1.25rem;margin-bottom:1.5rem}.usage-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.usage-example{padding:1.25rem;background:var(--color-background);border-radius:var(--radius);border:1px solid var(--color-border)}.usage-example h3{font-size:.9375rem;margin-bottom:.5rem}.usage-example p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.75rem}.usage-example pre{padding:.75rem;background:#1e293b;border-radius:var(--radius-sm);overflow-x:auto}.usage-example code{font-family:var(--font-mono);font-size:.75rem;color:#e2e8f0;white-space:pre}.usage-note{margin-top:1.5rem;font-size:.875rem;color:var(--color-text-muted)}.usage-note a{color:var(--color-primary)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{width:100%;max-width:500px;max-height:90vh;background:var(--color-background);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.125rem}.modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input[type=text]{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem;background:var(--color-background);color:var(--color-text)}.form-group input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-hint{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:.375rem}.type-selector{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.type-option{padding:1rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);text-align:left;cursor:pointer;transition:border-color var(--transition-fast)}.type-option:hover{border-color:var(--color-primary-light)}.type-option.selected{border-color:var(--color-primary);background:var(--color-primary-50)}.type-option strong{display:block;margin-bottom:.25rem}.type-option span{font-size:.8125rem;color:var(--color-text-muted)}.scopes-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto;padding:.5rem;background:var(--color-surface);border-radius:var(--radius)}.scope-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.scope-checkbox input[type=checkbox]{margin-top:.25rem;width:1rem;height:1rem}.scope-info{display:flex;flex-direction:column}.scope-info strong{font-size:.875rem}.scope-info span{font-size:.75rem}.loading,.scope-info span{color:var(--color-text-muted)}.loading{text-align:center;padding:3rem}@media (max-width:768px){.credentials-header{flex-direction:column;gap:1rem}.credentials-table td:nth-child(4),.credentials-table td:nth-child(5),.credentials-table td:nth-child(6),.credentials-table th:nth-child(4),.credentials-table th:nth-child(5),.credentials-table th:nth-child(6){display:none}.type-selector{grid-template-columns:1fr}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.pricing-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.pricing-featured{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-50)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;padding:.375rem 1rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.pricing-header{margin-bottom:1.5rem}.pricing-header h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.pricing-header p{color:var(--color-text-muted);font-size:.9375rem}.pricing-icon{width:48px;height:48px;color:var(--color-primary);margin-bottom:1rem}.pricing-price{margin-bottom:.5rem}.price-amount{font-size:3rem;font-weight:800;color:var(--color-text)}.price-period{font-size:1rem;color:var(--color-text-muted);margin-left:.25rem}.pricing-volume{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.pricing-features{list-style:none;margin-bottom:2rem;flex-grow:1;padding:0}.pricing-features li{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.9375rem;color:var(--color-text-secondary)}.pricing-features li.included{color:var(--color-text)}.pricing-features li.not-included{color:var(--color-text-muted)}.pricing-features .feature-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.pricing-features .feature-icon.included{color:var(--color-success)}.pricing-features .feature-icon.not-included{color:var(--color-text-muted)}.btn-block{width:100%;justify-content:center}.included-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.included-item{display:flex;gap:1rem;padding:1.25rem;background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.included-item .included-icon{width:24px;height:24px;color:var(--color-success);flex-shrink:0}.included-item h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.included-item p{font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.comparison-table{max-width:900px;margin:0 auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.comparison-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border-light);vertical-align:top}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td{display:flex;align-items:flex-start;gap:.75rem}.comparison-table .icon-good{width:20px;height:20px;color:var(--color-success);flex-shrink:0}.comparison-table .icon-bad{width:20px;height:20px;color:var(--color-error);flex-shrink:0}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1000px;margin:0 auto}.faq-item{padding:1.5rem;background:var(--color-surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.faq-item h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.faq-item p{color:var(--color-text-muted);font-size:.9375rem;line-height:1.6}.bg-primary-gradient{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:#fff}.btn-white{background:#fff;color:var(--color-primary);padding:.875rem 1.75rem;border-radius:var(--radius);font-weight:600;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem}.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline-white{background:transparent;color:#fff;padding:.875rem 1.75rem;border:2px solid hsla(0,0%,100%,.5);border-radius:var(--radius);font-weight:600;transition:border-color var(--transition-fast),background var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem}.btn-outline-white:hover{border-color:#fff;background:hsla(0,0%,100%,.1)}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}.comparison-table td{padding:.75rem 1rem;font-size:.875rem}}.pain-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:1200px;margin:0 auto}.pain-point-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.pain-point-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.pain-point-problem{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.pain-point-problem .pain-icon{width:24px;height:24px;color:var(--color-warning);flex-shrink:0}.pain-point-problem h3{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0}.pain-point-description{color:var(--color-text-muted);font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.pain-point-solution{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-success-light);border-radius:var(--radius)}.pain-point-solution .solution-icon{width:20px;height:20px;color:var(--color-success);flex-shrink:0}.pain-point-solution p{font-size:.875rem;color:var(--color-success);font-weight:500;margin:0;line-height:1.5}.features-showcase{display:flex;flex-direction:column;gap:4rem}.feature-showcase-item{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.feature-showcase-item.reverse{direction:rtl}.feature-showcase-item.reverse>*{direction:ltr}.feature-showcase-content{display:flex;flex-direction:column}.feature-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border-radius:var(--radius);margin-bottom:1.25rem;color:var(--color-primary)}.feature-icon-wrapper svg{width:24px;height:24px}.feature-showcase-content h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-showcase-content>p{color:var(--color-text-muted);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.feature-benefits{list-style:none;padding:0;margin:0}.feature-benefits li{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.9375rem;color:var(--color-text-secondary)}.feature-benefits li svg{width:20px;height:20px;color:var(--color-success);flex-shrink:0}.feature-showcase-visual{display:flex;align-items:center;justify-content:center}.mock-audit,.mock-bulk,.mock-queue{width:100%;max-width:420px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.mock-audit-header,.mock-bulk-header,.mock-queue-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);font-weight:600;font-size:.9375rem}.badge{padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.mock-queue-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--color-border-light);font-size:.875rem}.mock-queue-item:last-child{border-bottom:none}.mock-queue-item.urgent .status-dot{background:var(--color-error)}.mock-queue-item.warning .status-dot{background:var(--color-warning)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mock-queue-item .tag{margin-left:auto;padding:.125rem .5rem;background:var(--color-surface);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-muted)}.mock-bulk-body{padding:1.25rem}.mock-bulk-body>p{margin-bottom:1rem;font-size:.9375rem}.mock-bulk-preview{padding:1rem;background:var(--color-surface);border-radius:var(--radius);margin-bottom:1rem}.preview-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.875rem}.preview-row .text-success{color:var(--color-success);font-weight:500}.mock-bulk-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-mock{padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:600}.btn-mock.secondary{background:var(--color-surface);color:var(--color-text-secondary)}.btn-mock.primary{background:var(--color-primary);color:#fff}.mock-audit-timeline{padding:1rem 1.25rem}.timeline-item{padding:.75rem 0 .75rem 1rem;border-left:2px solid var(--color-border);position:relative}.timeline-item:before{content:"";position:absolute;left:-5px;top:1rem;width:8px;height:8px;background:var(--color-primary);border-radius:50%}.timeline-time{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.timeline-event{font-size:.875rem;font-weight:500;color:var(--color-text)}.timeline-user{font-size:.75rem;color:var(--color-text-muted)}.integration-list{list-style:none;padding:0;margin:0}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.logo-placeholder{padding:1.5rem 1rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;font-size:.875rem;color:var(--color-text-muted);font-weight:500}.card-icon svg{width:24px;height:24px}@media (max-width:968px){.feature-showcase-item,.feature-showcase-item.reverse{grid-template-columns:1fr;direction:ltr;gap:2rem}.feature-showcase-visual{order:-1}.logo-grid{grid-template-columns:repeat(2,1fr)}}.headless-comparison{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.comparison-item{padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.comparison-item.highlight{background:var(--color-primary-50);border-color:var(--color-primary)}.comparison-item h4{font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.comparison-item ul{list-style:none;padding:0;margin:0}.comparison-item li{font-size:.875rem;color:var(--color-text-secondary);padding:.375rem 0 .375rem 1.25rem;position:relative}.comparison-item li:before{content:"•";position:absolute;left:0;color:var(--color-text-muted)}.comparison-item.highlight li:before{content:"✓";color:var(--color-success)}.headless-diagram{display:flex;align-items:center;justify-content:center}.diagram-box{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;text-align:center;max-width:400px;width:100%}.diagram-layer{padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:.5rem}.diagram-layer.core{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.layer-label{font-size:.875rem;font-weight:600}.layer-or{display:inline-block;padding:0 .75rem;color:var(--color-text-muted);font-size:.75rem}.layer-features{font-size:.75rem;opacity:.9;margin-top:.5rem}.diagram-arrow{padding:.75rem;font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.use-case-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.use-case-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.use-case-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border-radius:var(--radius);margin-bottom:1rem;color:var(--color-primary)}.use-case-icon svg{width:20px;height:20px}.use-case-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.use-case-card>p{color:var(--color-text-muted);font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.use-case-example{padding:1rem;background:var(--color-surface);border-radius:var(--radius);font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.use-case-example strong{color:var(--color-text)}.api-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.api-feature{display:flex;gap:1rem;padding:1.25rem;background:var(--color-surface);border-radius:var(--radius-lg)}.api-feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border-radius:var(--radius);color:var(--color-primary);flex-shrink:0}.api-feature-icon svg{width:20px;height:20px}.api-feature h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.api-feature p{font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.code-examples{max-width:800px;margin:0 auto}.code-example-tabs{display:flex;gap:.5rem;margin-bottom:-1px}.code-example-tabs .tab{padding:.625rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;font-size:.875rem;color:var(--color-text-muted);cursor:pointer}.code-example-tabs .tab.active{background:#1e293b;border-color:#1e293b;color:#fff}.code-block.large{border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg)}.code-block.large .code-content pre{font-size:.8125rem}.never-locked-list{list-style:none;padding:0;margin:0}.never-locked-list li{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-border-light)}.never-locked-list li:last-child{border-bottom:none}.never-locked-list .icon-success{width:24px;height:24px;color:var(--color-success);flex-shrink:0}.never-locked-list strong{display:block;font-size:1rem;margin-bottom:.25rem}.never-locked-list p{font-size:.9375rem;color:var(--color-text-muted);margin:0;line-height:1.5}.export-visual{display:flex;align-items:center;justify-content:center}.export-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;max-width:360px;width:100%;box-shadow:var(--shadow-lg)}.export-card h4{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.export-card>p{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.export-options{display:flex;flex-direction:column;gap:.75rem}.export-option{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--color-surface);border-radius:var(--radius)}.export-option .format{padding:.25rem .75rem;background:var(--color-primary-50);color:var(--color-primary);font-size:.75rem;font-weight:700;border-radius:var(--radius-sm)}.export-option .size{font-size:.8125rem;color:var(--color-text-secondary)}@media (max-width:768px){.headless-comparison{grid-template-columns:1fr}.headless-diagram{margin-top:2rem}}