@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--ct-dark:#191c1f;--ct-white:#fff;--ct-surface-light:#f4f4f4;--ct-blue:#494fdf;--ct-blue-action:#4f55f1;--ct-blue-text:#376cd5;--ct-danger:#e23b4a;--ct-deep-pink:#e61e49;--ct-warning:#ec7e00;--ct-yellow:#b09000;--ct-teal:#00a87e;--ct-light-green:#428619;--ct-green-text:#006400;--ct-light-blue:#007bc2;--ct-brown:#936d62;--ct-red-text:#8b0000;--ct-slate:#505a63;--ct-gray:#8d969e;--ct-divider:#c9c9cd;--fg1:var(--ct-dark);--fg2:var(--ct-slate);--fg3:var(--ct-gray);--fg-inverse:var(--ct-white);--bg1:var(--ct-white);--bg2:var(--ct-surface-light);--bg-inverse:var(--ct-dark);--border:var(--ct-divider);--focus-ring:var(--ct-blue);--ct-dark-surface:#101214;--ct-dark-card:#202327;--ct-dark-elevated:#2a2d31;--ct-dark-border:#ffffff14;--ct-dark-border-subtle:#ffffff1f;--font-display:"Space Grotesk", "Aeonik Pro", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--size-mega:8.5rem;--size-hero:5rem;--size-h1:3rem;--size-h2:2.5rem;--size-h3:2rem;--size-h4:1.5rem;--size-ui:1.25rem;--size-body-lg:1.125rem;--size-body:1rem;--size-small:.875rem;--size-caption:.75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-30:120px;--radius-sm:12px;--radius-md:20px;--radius-pill:9999px;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur-base:.24s;--dur-slow:.36s;--container-max:1280px;--nav-height:72px}body{font-family:var(--font-body);font-size:var(--size-body);letter-spacing:.016em;color:var(--fg1);background:var(--bg1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.display-mega,h1.mega{font-family:var(--font-display);font-size:var(--size-mega);letter-spacing:-.02em;color:var(--fg1);font-weight:500;line-height:1}.display-hero{font-family:var(--font-display);font-size:var(--size-hero);letter-spacing:-.01em;font-weight:500;line-height:1}h1,.h1{font-family:var(--font-display);font-size:var(--size-h1);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.21}h2,.h2{font-family:var(--font-display);font-size:var(--size-h2);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.2}h3,.h3{font-family:var(--font-display);font-size:var(--size-h3);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.19}h4,.h4{font-family:var(--font-display);font-size:var(--size-h4);margin:0;font-weight:400;line-height:1.33}.ui-text{font-family:var(--font-display);font-size:var(--size-ui);font-weight:500;line-height:1.4}.body-lg,p.lead{font-family:var(--font-body);font-size:var(--size-body-lg);letter-spacing:-.005em;font-weight:400;line-height:1.56}p,.body{font-family:var(--font-body);font-size:var(--size-body);letter-spacing:.015em;margin:0 0 1em;font-weight:400;line-height:1.5}.body-semibold{letter-spacing:.01em;font-weight:600}.body-bold-link{letter-spacing:.015em;color:var(--fg1);font-weight:700;text-decoration:underline}code,.mono{font-family:var(--font-mono);background:var(--bg2);border-radius:6px;padding:.15em .4em;font-size:.95em}.btn{font-family:var(--font-display);font-size:var(--size-ui);border-radius:var(--radius-pill);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out-quint), background var(--dur-fast) var(--ease-out-quint), color var(--dur-fast) var(--ease-out-quint);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:hover{opacity:.85}.btn:active{opacity:.75}.btn:focus-visible{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.btn-primary{background:var(--ct-dark);color:var(--ct-white)}.btn-secondary{background:var(--ct-surface-light);color:#000;padding:14px 34px}.btn-outlined{color:var(--ct-dark);border:2px solid var(--ct-dark);background:0 0;padding:12px 30px}.btn-outlined:hover{background:var(--ct-dark);color:var(--ct-white);opacity:1}.btn-ghost-dark{color:var(--ct-surface-light);border:2px solid var(--ct-surface-light);background:#f4f4f41a;padding:12px 30px}.btn-ghost-dark:hover{background:var(--ct-surface-light);color:var(--ct-dark);opacity:1}.container{max-width:var(--container-max);padding-inline:var(--space-6);margin-inline:auto}@media (min-width:720px){.container{padding-inline:var(--space-10)}}.section{padding-block:var(--space-20)}.section-lg{padding-block:var(--space-30)}.section-dark{background:var(--ct-dark);color:var(--ct-white)}.section-light{background:var(--ct-white);color:var(--ct-dark)}.section-surface{background:var(--ct-surface-light);color:var(--ct-dark)}.card{background:var(--ct-white);border-radius:var(--radius-md);padding:var(--space-8)}.card-dark{background:var(--ct-dark);color:var(--ct-white)}.card-outlined{border:1px solid var(--border);background:0 0}.input{font-family:var(--font-body);font-size:var(--size-body);border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--ct-white);color:var(--fg1);width:100%;transition:border-color var(--dur-base) var(--ease-out-quint), box-shadow var(--dur-slow) var(--ease-out-quint);padding:14px 20px;line-height:1.5;box-shadow:inset 0 0 #494fdf00}.input:focus{border-color:var(--ct-blue);outline:none;box-shadow:inset 0 0 12px -2px #494fdf26}.input::placeholder{color:var(--ct-gray)}.badge{font-family:var(--font-body);font-size:var(--size-small);letter-spacing:.01em;border-radius:var(--radius-pill);background:var(--ct-surface-light);color:var(--ct-dark);align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.badge-dark{background:var(--ct-dark);color:var(--ct-white)}.badge-teal{color:var(--ct-teal);background:#00a87e1f}.badge-blue{color:var(--ct-blue);background:#494fdf1a}.badge-danger{color:var(--ct-danger);background:#e23b4a1a}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--font-mono:var(--font-display)}body{background:var(--ct-white);color:var(--ct-dark);overflow-x:hidden}html[data-theme=dark]{--fg1:var(--ct-white);--fg2:var(--ct-gray);--fg3:var(--ct-slate);--fg-inverse:var(--ct-dark);--bg1:var(--ct-dark);--bg2:var(--ct-dark-surface);--bg-inverse:var(--ct-white);--border:var(--ct-dark-border-subtle);--ct-divider:#ffffff26}html[data-theme=dark] body,html[data-theme=dark] .section-light{background:var(--ct-dark);color:var(--ct-white)}html[data-theme=dark] .section-surface{background:var(--ct-dark-surface);color:var(--ct-white)}html[data-theme=dark] .card{background:var(--ct-dark-card);color:var(--ct-white)}html[data-theme=dark] .btn-primary{background:var(--ct-white);color:var(--ct-dark)}html[data-theme=dark] .btn-outlined{color:var(--ct-white);border-color:var(--ct-white)}html[data-theme=dark] .btn-outlined:hover{background:var(--ct-white);color:var(--ct-dark)}html[data-theme=dark] .btn-secondary{background:var(--ct-dark-elevated);color:var(--ct-white)}html[data-theme=dark] .input{background:var(--ct-dark-card);color:var(--ct-white);border-color:var(--ct-dark-elevated)}html[data-theme=dark] .input:focus{border-color:var(--ct-blue);box-shadow:inset 0 0 16px -2px #494fdf40}html[data-theme=dark] .badge{background:var(--ct-dark-elevated);color:var(--ct-white)}html[data-density=compact] .section{padding-block:56px}html[data-density=compact] .section-lg{padding-block:80px}html[data-density=compact] .card{padding:22px}a{color:inherit;text-decoration:none}a:hover{color:var(--fg2)}.stack{flex-direction:column;display:flex}.row{flex-direction:row;display:flex}.wrap{flex-wrap:wrap}.center{align-items:center}.between{justify-content:space-between}.hover-card{transition:transform var(--dur-base) var(--ease-out-quint), background var(--dur-base) var(--ease-out-quint), color var(--dur-base) var(--ease-out-quint), border-color var(--dur-base) var(--ease-out-quint)}html[data-motion=off] .hover-card{transition:none!important}html[data-motion=ambitious] .hover-card:hover{transform:translateY(-2px)}.fade-in{opacity:0;transition:opacity .4s var(--ease-out-quint), transform .4s var(--ease-out-quint);transform:translateY(8px)}.fade-in.is-in{opacity:1;transform:none}html[data-motion=off] .fade-in{opacity:1;transition:none;transform:none}html[data-motion=ambitious] .fade-in{transition-duration:.6s;transform:translateY(16px)}@keyframes marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{flex-shrink:0;gap:64px;padding-right:64px;animation:40s linear infinite marquee-x;display:flex}html[data-motion=off] .marquee-track{animation:none}html[data-motion=ambitious] .marquee-track{animation-duration:28s}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.live-dot{background:var(--ct-teal);border-radius:9999px;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse-dot;display:inline-block}html[data-motion=off] .live-dot{animation:none}.mock-frame{background:var(--ct-white);border:1px solid var(--ct-divider);border-radius:var(--radius-md);position:relative;overflow:hidden}html[data-theme=dark] .mock-frame{color:var(--ct-dark);background:#fafaf7;border-color:#0000}.mono-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--fg2);font-size:12px;font-weight:500}.section-rule{border-top:1px solid var(--ct-divider)}html[data-theme=dark] .section-rule{border-top-color:var(--ct-dark-border-subtle)}.chip{border:1px solid var(--ct-divider);font-family:var(--font-body);color:var(--ct-slate);background:0 0;border-radius:9999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}html[data-theme=dark] .chip{border-color:var(--ct-dark-border);color:var(--ct-divider)}@media (max-width:820px){.hide-mobile{display:none!important}.section-lg{padding-block:64px}}@media (max-width:640px){:root{--size-mega:4rem;--size-hero:3rem;--size-h1:2.25rem;--size-h2:1.75rem;--size-h3:1.5rem}.section{padding-block:48px}.section-lg{padding-block:56px}.container{padding-inline:var(--space-4)}.btn{justify-content:center;width:100%}}article h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}article ul{padding-left:var(--space-6);margin:0 0 1em}article li{margin-bottom:var(--space-2);line-height:1.5}article a{color:var(--ct-blue);text-decoration:underline}article a:hover{color:var(--ct-blue-action)}