@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-block-size:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul[role=list],ol[role=list]{list-style:none}a{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: rgba(0, 212, 255, .1);--color-secondary: #0a1628;--color-accent: #0099cc;--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: #ff4466;--color-warning: #ffaa00;--color-info: #4499ff;--color-header-bg: rgba(7, 14, 26, .92);--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 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(0, 212, 255, .15)}[data-theme=light]{--color-primary: #0099bb;--color-primary-hover: #007a99;--color-primary-subtle: rgba(0, 153, 187, .08);--color-secondary: #f0f4f8;--color-accent: #006688;--color-bg: #ffffff;--color-bg-elevated: #f7f8fa;--color-bg-surface: #eef1f5;--color-bg-code: #f4f6f9;--color-text: #1a2332;--color-text-muted: #5c6b7d;--color-text-inverse: #ffffff;--color-border: #d1d9e3;--color-border-subtle: #e4e9f0;--color-success: #0099bb;--color-error: #d93025;--color-warning: #e68a00;--color-info: #1a73e8;--color-header-bg: rgba(255, 255, 255, .92);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(0, 153, 187, .08)}}@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);text-decoration:none;transition:color var(--transition-fast)}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);font-size:.9em;background-color:var(--color-bg-surface);padding:var(--space-2xs) var(--space-xs);border-radius:var(--border-radius-sm)}pre code{background:none;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{position:sticky;inset-block-start:0;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)}header nav{display:flex;align-items:center;gap:var(--space-lg);max-inline-size:var(--content-width);margin-inline:auto;padding-inline:var(--space-xl);padding-block:var(--space-md)}header nav>a:first-child{display:flex;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}header nav>a:first-child img{inline-size:2rem;block-size:2rem;border-radius:var(--border-radius-sm)}header nav>a:first-child:hover{color:var(--color-primary);text-decoration:none}header nav ul{display:flex;gap:var(--space-lg);align-items:center}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);margin-inline:auto;padding-inline:var(--space-xl)}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{margin-inline:auto;margin-block-end:var(--space-xl);max-inline-size:min(480px,80vw);block-size: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-inline:auto;margin-block-end:var(--space-2xl)}#features h2{text-align:center;margin-block-end:var(--space-2xl)}#features>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:var(--space-xl)}#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);margin-block-end:var(--space-2xl);font-size:var(--font-size-lg)}footer{max-inline-size:var(--content-width);margin-inline:auto;padding-inline:var(--space-xl);padding-block:var(--space-2xl);border-block-start:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}footer p{font-size:var(--font-size-sm);color:var(--color-text-muted)}footer nav ul{display:flex;gap:var(--space-lg)}footer nav a{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:48rem){header nav{flex-wrap:wrap}header nav ul{display:none;flex-basis:100%;flex-direction:column;gap:0;padding-block:var(--space-sm);border-block-start:1px solid var(--color-border-subtle)}header[data-nav-open] nav ul{display:flex}header nav ul a{display:block;padding:var(--space-md) 0}footer{flex-direction:column;text-align:center}}}@layer components{cc-signup-form{display:block;max-inline-size:28rem;margin-inline:auto}cc-signup-form form{display:flex;flex-direction:column;gap:var(--space-md)}cc-signup-form label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}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{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}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);background-color:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:var(--border-radius)}cc-signup-form [data-status=error]{color:var(--color-error);font-size:var(--font-size-sm);text-align:center;padding:var(--space-md);background-color:#ff446614;border:1px solid rgba(255,68,102,.2);border-radius:var(--border-radius)}cc-code-sample{display:block;max-inline-size:var(--content-narrow);margin-inline:auto}cc-code-sample [role=tablist]{display:flex;gap:var(--space-xs);border-block-end:1px solid var(--color-border);padding-block-end:0}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:1px solid transparent;border-block-end:none;border-radius:var(--border-radius) var(--border-radius) 0 0;background:none;transition:color var(--transition-fast),background-color var(--transition-fast);cursor:pointer}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-block-start:none;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);overflow-x:auto}cc-code-sample pre{padding:var(--space-xl);margin:0;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-loose);color:var(--color-text);white-space:pre;overflow-x:auto}cc-code-sample [role=tabpanel][hidden]{display:none}cc-feature-compare{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}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)}cc-faq-section{display:block;max-inline-size:var(--content-narrow);margin-inline:auto}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{display:flex;align-items:center;justify-content:space-between;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}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{display:flex;align-items:center}cc-theme-toggle button{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);border-radius:var(--border-radius);color:var(--color-text-muted);transition:color var(--transition-fast),background-color var(--transition-fast)}cc-theme-toggle button:hover{color:var(--color-primary);background-color:var(--color-primary-subtle)}cc-theme-toggle svg{display:block}cc-nav-toggle{display:none;align-items:center}@media(max-width:48rem){cc-nav-toggle{display:flex}}cc-nav-toggle button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:var(--space-sm);inline-size:2.5rem;block-size:2.5rem;border-radius:var(--border-radius);color:var(--color-text-muted);transition:color var(--transition-fast)}cc-nav-toggle button:hover{color:var(--color-primary)}cc-nav-toggle button span{display:block;inline-size:1.25rem;block-size:2px;background-color:currentColor;border-radius:1px;transition:transform var(--transition-base),opacity var(--transition-base)}header[data-nav-open] cc-nav-toggle button span:nth-child(1){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{display:block;max-inline-size:var(--content-narrow);margin-inline:auto;margin-block-start:var(--space-2xl)}.terminal{background-color:#0a0e17;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);text-align:start}[data-theme=light] .terminal{background-color:#1a1e2e}.terminal-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background-color:#111827;border-block-end:1px solid rgba(255,255,255,.06)}[data-theme=light] .terminal-header{background-color:#222638}.terminal-dot{display:block;inline-size:.75rem;block-size:.75rem;border-radius:var(--border-radius-full)}.terminal-dot--red{background-color:#ff5f57}.terminal-dot--yellow{background-color:#febc2e}.terminal-dot--green{background-color:#28c840}.terminal-title{flex:1;text-align:center;font-size:var(--font-size-xs);color:#ffffff59;font-family:var(--font-sans)}.terminal-body{padding:var(--space-lg);min-block-size:8rem}.terminal-line{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-all}.terminal-input{color:#e2e8f0}.terminal-output{color:var(--color-primary);margin-block-start:var(--space-md)}.terminal-cursor{display:inline-block;inline-size:.55em;block-size:1.1em;background-color:var(--color-primary);vertical-align:text-bottom;animation:terminal-blink .8s step-end infinite}@keyframes terminal-blink{50%{opacity:0}}cc-toast{position:fixed;inset-block-end:var(--space-xl);inset-inline-end:var(--space-xl);z-index:1000;pointer-events:none}cc-toast output{display:block;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;transform:translateY(1rem);transition:opacity var(--transition-base),transform var(--transition-base)}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{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}