@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-block-size:100dvh}img,picture,video,canvas,svg{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul[role=list],ol[role=list]{list-style:none}a{-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}table{border-collapse:collapse;border-spacing:0}}@layer tokens{:root{--color-primary:#00d4ff;--color-primary-hover:#00b8e6;--color-primary-subtle:#00d4ff1a;--color-secondary:#0a1628;--color-accent:#09c;--color-bg:#070e1a;--color-bg-elevated:#0c1829;--color-bg-surface:#112238;--color-bg-code:#0a1425;--color-text:#e8eef5;--color-text-muted:#7a8da6;--color-text-inverse:#070e1a;--color-border:#1a3050;--color-border-subtle:#122540;--color-success:#00d4ff;--color-error:#f46;--color-warning:#fa0;--color-info:#49f;--color-header-bg:#070e1aeb;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", "Fira Code", monospace;--font-size-xs:clamp(.75rem, .7rem + .25vw, .8125rem);--font-size-sm:clamp(.8125rem, .775rem + .2vw, .9375rem);--font-size-base:clamp(.9375rem, .875rem + .3vw, 1.0625rem);--font-size-lg:clamp(1.125rem, 1rem + .6vw, 1.375rem);--font-size-xl:clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--font-size-2xl:clamp(2rem, 1.5rem + 2.5vw, 3.25rem);--font-size-3xl:clamp(2.5rem, 1.8rem + 3.5vw, 4rem);--line-height-tight:1.2;--line-height-base:1.6;--line-height-loose:1.8;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-2xs:.125rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--space-4xl:8rem;--content-width:72rem;--content-narrow:48rem;--border-radius-sm:.25rem;--border-radius:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #00d4ff26}[data-theme=light]{--color-primary:#09b;--color-primary-hover:#007a99;--color-primary-subtle:#0099bb14;--color-secondary:#f0f4f8;--color-accent:#068;--color-bg:#fff;--color-bg-elevated:#f7f8fa;--color-bg-surface:#eef1f5;--color-bg-code:#f4f6f9;--color-text:#1a2332;--color-text-muted:#5c6b7d;--color-text-inverse:#fff;--color-border:#d1d9e3;--color-border-subtle:#e4e9f0;--color-success:#09b;--color-error:#d93025;--color-warning:#e68a00;--color-info:#1a73e8;--color-header-bg:#ffffffeb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-glow:0 0 20px #0099bb14}}@layer base{body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);text-wrap:balance}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{text-wrap:pretty}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}code{font-family:var(--font-mono);background-color:var(--color-bg-surface);padding:var(--space-2xs) var(--space-xs);border-radius:var(--border-radius-sm);font-size:.9em}pre code{background:0 0;padding:0}mark{background-color:var(--color-primary-subtle);color:var(--color-primary);padding:var(--space-2xs) var(--space-sm);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}strong{font-weight:var(--font-weight-semibold)}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}@layer layout{header{z-index:100;background-color:var(--color-header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--color-border-subtle);position:sticky;inset-block-start:0}header nav{align-items:center;gap:var(--space-lg);max-inline-size:var(--content-width);padding-inline:var(--space-xl);padding-block:var(--space-md);margin-inline:auto;display:flex}header nav>a:first-child{align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);white-space:nowrap;margin-inline-end:auto;display:flex}header nav>a:first-child img{border-radius:var(--border-radius-sm);block-size:2rem;inline-size:2rem}header nav>a:first-child:hover{color:var(--color-primary);text-decoration:none}header nav ul{gap:var(--space-lg);align-items:center;display:flex}header nav ul a{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}header nav ul a:hover{color:var(--color-primary);text-decoration:none}main{max-inline-size:var(--content-width);padding-inline:var(--space-xl);margin-inline:auto}main>section{padding-block:var(--space-4xl)}main>section+section{border-block-start:1px solid var(--color-border-subtle)}#hero{text-align:center;padding-block:var(--space-3xl) var(--space-3xl);border-block-start:none}#hero-logo{block-size:auto;max-inline-size:min(480px,80vw);margin-block-end:var(--space-xl);margin-inline:auto}#hero h1{margin-block-end:var(--space-xl)}#hero>p{font-size:var(--font-size-lg);color:var(--color-text-muted);max-inline-size:var(--content-narrow);margin-block-end:var(--space-2xl);margin-inline:auto}#features h2{text-align:center;margin-block-end:var(--space-2xl)}#features>ul{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));display:grid}#features>ul>li{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-xl);transition:border-color var(--transition-base), box-shadow var(--transition-base)}#features>ul>li:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}#features>ul>li h3{color:var(--color-primary);margin-block-end:var(--space-sm)}#features>ul>li p{color:var(--color-text-muted);font-size:var(--font-size-sm)}#compare h2{text-align:center;margin-block-end:var(--space-2xl)}#quickstart h2{text-align:center;margin-block-end:var(--space-md)}#quickstart>p{text-align:center;color:var(--color-text-muted);margin-block-end:var(--space-2xl)}#endpoints h2{text-align:center;margin-block-end:var(--space-2xl)}#endpoints table{inline-size:100%;max-inline-size:var(--content-narrow);margin-inline:auto}#endpoints th,#endpoints td{padding:var(--space-md) var(--space-lg);text-align:start;border-block-end:1px solid var(--color-border)}#endpoints th{font-weight:var(--font-weight-semibold);color:var(--color-text-muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-bg-elevated)}#endpoints td code{font-size:var(--font-size-sm)}#faq h2{text-align:center;margin-block-end:var(--space-2xl)}#signup{text-align:center}#signup h2{margin-block-end:var(--space-md)}#signup>p{color:var(--color-text-muted);font-size:var(--font-size-lg);margin-block-end:var(--space-2xl)}#site-banner{justify-content:center;align-items:center;gap:var(--space-md);background-color:color-mix(in srgb, var(--color-warning) 15%, transparent);border-block-end:1px solid color-mix(in srgb, var(--color-warning) 40%, transparent);padding-block:var(--space-sm);padding-inline:var(--space-xl);text-align:center;display:flex}#site-banner p{font-size:var(--font-size-sm);color:var(--color-text);margin:0}#site-banner a{color:var(--color-warning);font-weight:var(--font-weight-semibold);white-space:nowrap;text-decoration:none}#site-banner a:hover{text-decoration:underline}.banner-dismiss{color:var(--color-text-muted);opacity:.7;padding:var(--space-xs);transition:opacity var(--transition-fast);flex-shrink:0;font-size:1.25rem;line-height:1}.banner-dismiss:hover{opacity:1}#claude-users{text-align:center;padding-block:var(--space-3xl)}#claude-users h2{margin-block-end:var(--space-lg)}#claude-users>p:first-of-type{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-block-end:var(--space-xl)}.checklist{align-items:flex-start;gap:var(--space-md);font-size:var(--font-size-lg);flex-direction:column;margin-block-end:var(--space-xl);margin-inline:auto;display:inline-flex}.checklist li:before{content:"✅ "}.social-proof{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-block-end:var(--space-xl)}.cta-group{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.btn-primary,.btn-secondary{padding-block:var(--space-md);padding-inline:var(--space-xl);border-radius:var(--border-radius);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);text-decoration:none;display:inline-block}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--color-primary-subtle)}footer{max-inline-size:var(--content-width);padding-inline:var(--space-xl);padding-block:var(--space-2xl);border-block-start:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-inline:auto;display:flex}footer p{font-size:var(--font-size-sm);color:var(--color-text-muted)}footer nav ul{gap:var(--space-lg);display:flex}footer nav a{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (width<=48rem){header nav{flex-wrap:wrap}header nav ul{padding-block:var(--space-sm);border-block-start:1px solid var(--color-border-subtle);flex-direction:column;flex-basis:100%;gap:0;display:none}header[data-nav-open] nav ul{display:flex}header nav ul a{padding:var(--space-md) 0;display:block}footer{text-align:center;flex-direction:column}}}@layer components{cc-signup-form{max-inline-size:28rem;margin-inline:auto;display:block}cc-signup-form form{gap:var(--space-md);flex-direction:column;display:flex}cc-signup-form label{gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);flex-direction:column;display:flex}cc-signup-form input{padding:var(--space-md);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}cc-signup-form input::placeholder{color:var(--color-text-muted);opacity:.6}cc-signup-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);outline:none}cc-signup-form input[aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 3px #ff44661a}cc-signup-form button[type=submit],cc-signup-form button[type=button]{padding:var(--space-md) var(--space-xl);background-color:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border-radius:var(--border-radius);transition:background-color var(--transition-fast), transform var(--transition-fast)}cc-signup-form button[type=submit]:hover,cc-signup-form button[type=button]:hover{background-color:var(--color-primary-hover)}cc-signup-form button[type=submit]:active,cc-signup-form button[type=button]:active{transform:scale(.98)}cc-signup-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}cc-signup-form [data-status=success]{color:var(--color-success);font-weight:var(--font-weight-medium);text-align:center;padding:var(--space-lg);border-radius:var(--border-radius);background-color:#00d4ff14;border:1px solid #00d4ff33}cc-signup-form [data-status=error]{color:var(--color-error);font-size:var(--font-size-sm);text-align:center;padding:var(--space-md);border-radius:var(--border-radius);background-color:#ff446614;border:1px solid #f463}cc-code-sample{max-inline-size:var(--content-narrow);margin-inline:auto;display:block}cc-code-sample [role=tablist]{gap:var(--space-xs);border-block-end:1px solid var(--color-border);padding-block-end:0;display:flex}cc-code-sample [role=tab]{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:color var(--transition-fast), background-color var(--transition-fast);cursor:pointer;background:0 0;border:1px solid #0000;border-block-end:none}cc-code-sample [role=tab]:hover{color:var(--color-text);background-color:var(--color-bg-elevated)}cc-code-sample [role=tab][aria-selected=true]{color:var(--color-primary);background-color:var(--color-bg-code);border-color:var(--color-border)}cc-code-sample [role=tabpanel]{background-color:var(--color-bg-code);border:1px solid var(--color-border);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border-block-start:none;overflow-x:auto}cc-code-sample pre{padding:var(--space-xl);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-loose);color:var(--color-text);white-space:pre;margin:0;overflow-x:auto}cc-code-sample [role=tabpanel][hidden]{display:none}cc-feature-compare{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}cc-feature-compare table{inline-size:100%;min-inline-size:36rem}cc-feature-compare th,cc-feature-compare td{padding:var(--space-md) var(--space-lg);text-align:start;border-block-end:1px solid var(--color-border);font-size:var(--font-size-sm);vertical-align:top}cc-feature-compare thead th{font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs);background-color:var(--color-bg-elevated);position:sticky;inset-block-start:0}cc-feature-compare thead th:first-child{background-color:var(--color-bg-elevated)}cc-feature-compare thead th:nth-child(2){color:var(--color-primary)}cc-feature-compare tbody th{font-weight:var(--font-weight-medium);color:var(--color-text)}cc-feature-compare tbody td:first-of-type{color:var(--color-primary);font-weight:var(--font-weight-medium)}cc-feature-compare tbody tr:hover{background-color:var(--color-bg-elevated)}#testimonials h2{text-align:center;margin-block-end:var(--space-2xl)}.testimonials-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));list-style:none;display:grid}.testimonial-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-xl);gap:var(--space-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex}.testimonial-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.testimonial-card blockquote{margin:0}.testimonial-card blockquote p{color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-loose);font-style:italic}.testimonial-card blockquote p:before{content:"“";color:var(--color-primary);font-size:var(--font-size-xl);vertical-align:-.3em;margin-inline-end:var(--space-2xs);font-style:normal;line-height:0}.testimonial-card blockquote p:after{content:"”";color:var(--color-primary);font-size:var(--font-size-xl);vertical-align:-.3em;margin-inline-start:var(--space-2xs);font-style:normal;line-height:0}.testimonial-attribution{gap:var(--space-2xs);flex-direction:column;margin-block-start:auto;display:flex}.testimonial-attribution strong{color:var(--color-primary);font-size:var(--font-size-sm)}.testimonial-attribution span{color:var(--color-text-muted);font-size:var(--font-size-xs)}cc-faq-section{max-inline-size:var(--content-narrow);margin-inline:auto;display:block}cc-faq-section details{border-block-end:1px solid var(--color-border)}cc-faq-section details:first-of-type{border-block-start:1px solid var(--color-border)}cc-faq-section summary{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);cursor:pointer;color:var(--color-text);transition:color var(--transition-fast);list-style:none;display:flex}cc-faq-section summary::-webkit-details-marker{display:none}cc-faq-section summary:after{content:"+";font-size:var(--font-size-lg);color:var(--color-text-muted);transition:transform var(--transition-base);flex-shrink:0}cc-faq-section details[open] summary:after{content:"−";color:var(--color-primary)}cc-faq-section summary:hover{color:var(--color-primary)}cc-faq-section details>p{padding:0 var(--space-md) var(--space-lg);color:var(--color-text-muted);line-height:var(--line-height-loose)}cc-theme-toggle{align-items:center;display:flex}cc-theme-toggle button{padding:var(--space-sm);border-radius:var(--border-radius);color:var(--color-text-muted);transition:color var(--transition-fast), background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}cc-theme-toggle button:hover{color:var(--color-primary);background-color:var(--color-primary-subtle)}cc-theme-toggle svg{display:block}cc-nav-toggle{align-items:center;display:none}@media (width<=48rem){cc-nav-toggle{display:flex}}cc-nav-toggle button{padding:var(--space-sm);border-radius:var(--border-radius);block-size:2.5rem;inline-size:2.5rem;color:var(--color-text-muted);transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}cc-nav-toggle button:hover{color:var(--color-primary)}cc-nav-toggle button span{block-size:2px;inline-size:1.25rem;transition:transform var(--transition-base), opacity var(--transition-base);background-color:currentColor;border-radius:1px;display:block}header[data-nav-open] cc-nav-toggle button span:first-child{transform:translateY(7px)rotate(45deg)}header[data-nav-open] cc-nav-toggle button span:nth-child(2){opacity:0}header[data-nav-open] cc-nav-toggle button span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}cc-hero-animation{max-inline-size:var(--content-narrow);margin-block-start:var(--space-2xl);margin-inline:auto;display:block}.terminal{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);text-align:start;background-color:#0a0e17;overflow:hidden}[data-theme=light] .terminal{background-color:#1a1e2e}.terminal-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:#111827;border-block-end:1px solid #ffffff0f;display:flex}[data-theme=light] .terminal-header{background-color:#222638}.terminal-dot{border-radius:var(--border-radius-full);block-size:.75rem;inline-size:.75rem;display:block}.terminal-dot--red{background-color:#ff5f57}.terminal-dot--yellow{background-color:#febc2e}.terminal-dot--green{background-color:#28c840}.terminal-title{text-align:center;font-size:var(--font-size-xs);color:#ffffff59;font-family:var(--font-sans);flex:1}.terminal-body{padding:var(--space-lg);block-size:14rem;overflow:hidden}.terminal-line{font-family:var(--font-mono);font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.7}.terminal-input{color:#e2e8f0}.terminal-output{color:var(--color-primary);margin-block-start:var(--space-md)}.terminal-cursor{background-color:var(--color-primary);vertical-align:text-bottom;block-size:1.1em;inline-size:.55em;animation:.8s step-end infinite terminal-blink;display:inline-block}@keyframes terminal-blink{50%{opacity:0}}cc-toast{z-index:1000;pointer-events:none;position:fixed;inset-block-end:var(--space-xl);inset-inline-end:var(--space-xl)}cc-toast output{padding:var(--space-md) var(--space-xl);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);pointer-events:auto;opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);display:block;transform:translateY(1rem)}cc-toast output[data-visible=true]{opacity:1;transform:translateY(0)}cc-toast output[data-type=success]{background-color:var(--color-bg-surface);border:1px solid var(--color-success);color:var(--color-success)}cc-toast output[data-type=error]{background-color:var(--color-bg-surface);border:1px solid var(--color-error);color:var(--color-error)}}@layer utilities{.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}