:root{--ccl-bg: #f5f2ea;--ccl-surface: rgba(255, 255, 255, .82);--ccl-surface-strong: rgba(255, 255, 255, .94);--ccl-border: rgba(47, 54, 49, .14);--ccl-border-strong: rgba(47, 54, 49, .28);--ccl-text: #1f2723;--ccl-muted: #56645d;--ccl-accent: #0f766e;--ccl-accent-strong: #115e59;--ccl-warm: #c46b37;--ccl-shadow: 0 24px 70px rgba(31, 39, 35, .12);--ccl-radius-xl: 28px;--ccl-radius-lg: 20px;--ccl-radius-md: 14px;--ccl-content-width: 1180px;--ccl-heading-font: "Aptos Display", "Segoe UI Variable Display", "Trebuchet MS", sans-serif;--ccl-body-font: "Aptos", "Segoe UI Variable Text", "Segoe UI", sans-serif;--ccl-code-font: "Cascadia Code", "Consolas", monospace}:root{color-scheme:light dark;--landing-html-bg: radial-gradient(circle at top left, rgba(15, 118, 110, .14), transparent 32%), radial-gradient(circle at 85% 12%, rgba(196, 107, 55, .14), transparent 26%), linear-gradient(180deg, #f9f6ef 0%, #f2eee3 100%);--landing-header-bg: rgba(249, 246, 239, .82);--landing-header-border: rgba(47, 54, 49, .08);--landing-surface: rgba(255, 255, 255, .82);--landing-surface-strong: rgba(255, 255, 255, .94);--landing-surface-soft: rgba(255, 255, 255, .7);--landing-secondary-bg: rgba(255, 255, 255, .66);--landing-subtle-border: rgba(47, 54, 49, .08);--landing-accent-border: rgba(15, 118, 110, .2);--landing-accent-bg: rgba(15, 118, 110, .08);--landing-button-text: #f7f5ef;--landing-inverse-text: #f7f5ef;--landing-code-bg: #171713;--landing-code-text: #f3efe5;--landing-code-dot: #d6d1c5}:root[data-theme=dark]{color-scheme:dark;--ccl-bg: #171713;--ccl-surface: rgba(28, 29, 24, .84);--ccl-surface-strong: rgba(34, 35, 29, .94);--ccl-border: rgba(235, 229, 215, .1);--ccl-border-strong: rgba(235, 229, 215, .22);--ccl-text: #f3efe5;--ccl-muted: #c9c0b0;--ccl-accent: #72d6cb;--ccl-accent-strong: #72d6cb;--ccl-warm: #e09a6b;--ccl-shadow: 0 24px 70px rgba(0, 0, 0, .26);--landing-html-bg: radial-gradient(circle at top left, rgba(114, 214, 203, .12), transparent 32%), radial-gradient(circle at 85% 12%, rgba(224, 154, 107, .1), transparent 26%), linear-gradient(180deg, #171713 0%, #10110e 100%);--landing-header-bg: rgba(23, 23, 19, .88);--landing-header-border: rgba(235, 229, 215, .08);--landing-surface: rgba(28, 29, 24, .84);--landing-surface-strong: rgba(34, 35, 29, .94);--landing-surface-soft: rgba(35, 37, 31, .72);--landing-secondary-bg: rgba(255, 255, 255, .06);--landing-subtle-border: rgba(235, 229, 215, .08);--landing-accent-border: rgba(114, 214, 203, .28);--landing-accent-bg: rgba(114, 214, 203, .1);--landing-button-text: #171713;--landing-inverse-text: #171713;--landing-code-bg: #0f100d;--landing-code-text: #f3efe5;--landing-code-dot: #6a6252}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ccl-bg: #171713;--ccl-surface: rgba(28, 29, 24, .84);--ccl-surface-strong: rgba(34, 35, 29, .94);--ccl-border: rgba(235, 229, 215, .1);--ccl-border-strong: rgba(235, 229, 215, .22);--ccl-text: #f3efe5;--ccl-muted: #c9c0b0;--ccl-accent: #72d6cb;--ccl-accent-strong: #72d6cb;--ccl-warm: #e09a6b;--ccl-shadow: 0 24px 70px rgba(0, 0, 0, .26);--landing-html-bg: radial-gradient(circle at top left, rgba(114, 214, 203, .12), transparent 32%), radial-gradient(circle at 85% 12%, rgba(224, 154, 107, .1), transparent 26%), linear-gradient(180deg, #171713 0%, #10110e 100%);--landing-header-bg: rgba(23, 23, 19, .88);--landing-header-border: rgba(235, 229, 215, .08);--landing-surface: rgba(28, 29, 24, .84);--landing-surface-strong: rgba(34, 35, 29, .94);--landing-surface-soft: rgba(35, 37, 31, .72);--landing-secondary-bg: rgba(255, 255, 255, .06);--landing-subtle-border: rgba(235, 229, 215, .08);--landing-accent-border: rgba(114, 214, 203, .28);--landing-accent-bg: rgba(114, 214, 203, .1);--landing-button-text: #171713;--landing-inverse-text: #171713;--landing-code-bg: #0f100d;--landing-code-text: #f3efe5;--landing-code-dot: #6a6252}}*{box-sizing:border-box}html{background:var(--landing-html-bg)}body{margin:0;min-height:100vh;color:var(--ccl-text);font-family:var(--ccl-body-font)}a{color:inherit}.site-shell{width:min(calc(100% - 2rem),var(--ccl-content-width));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);background:var(--landing-header-bg);border-bottom:1px solid var(--landing-header-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.site-brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}.site-brand__mark{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.85rem;background:linear-gradient(135deg,#0f766e,#115e59);color:#f7f5ef;font-family:var(--ccl-heading-font);font-size:.95rem;font-weight:700;box-shadow:0 16px 36px #0f766e40}.site-brand__text{display:grid;gap:.08rem}.site-brand__title{font-family:var(--ccl-heading-font);font-size:1rem;font-weight:700;letter-spacing:-.03em}.site-brand__tagline{color:var(--ccl-muted);font-size:.92rem}.site-nav{display:flex;align-items:center;gap:.9rem}.site-nav__link{color:var(--ccl-muted);font-size:.95rem;text-decoration:none}.site-nav__cta{display:inline-flex;align-items:center;gap:.55rem;padding:.82rem 1.15rem;border-radius:999px;background:var(--ccl-text);color:var(--landing-inverse-text);text-decoration:none;box-shadow:0 14px 28px #1f272324}.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:1.5rem;padding:4rem 0 2rem}.hero__panel,.hero__code,.section-card{border:1px solid var(--ccl-border);background:var(--landing-surface);box-shadow:var(--ccl-shadow);backdrop-filter:blur(14px)}.hero__panel{padding:2.4rem;border-radius:var(--ccl-radius-xl)}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.48rem .78rem;border-radius:999px;border:1px solid var(--landing-accent-border);background:var(--landing-accent-bg);color:var(--ccl-accent-strong);font-size:.85rem;font-weight:600}.hero h1{margin:1rem 0;max-width:14ch;font-family:var(--ccl-heading-font);font-size:clamp(2.9rem,6vw,5.4rem);line-height:.95;letter-spacing:-.06em}.hero__lede{max-width:56ch;color:var(--ccl-muted);font-size:1.1rem;line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.6rem 0 1.9rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:9.8rem;padding:.96rem 1.2rem;border-radius:999px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,#0f766e,#115e59);color:#f7f5ef;box-shadow:0 16px 30px #0f766e3d}.button--secondary{border:1px solid var(--ccl-border-strong);background:var(--landing-secondary-bg)}.hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.fact{padding:1rem;border-radius:var(--ccl-radius-md);border:1px solid var(--landing-subtle-border);background:var(--landing-surface-soft)}.fact strong{display:block;margin-bottom:.35rem;font-family:var(--ccl-heading-font);font-size:1.05rem}.fact span{color:var(--ccl-muted);font-size:.94rem;line-height:1.55}.hero__code{padding:1.1rem;border-radius:var(--ccl-radius-xl)}.hero__code-header{display:flex;align-items:center;gap:.45rem;margin-bottom:.9rem;color:var(--ccl-muted);font-size:.88rem}.hero__code-dot{width:.72rem;height:.72rem;border-radius:999px;background:var(--landing-code-dot)}.hero__code-dot--accent{background:var(--ccl-warm)}.hero__code pre{overflow-x:auto;margin:0;padding:1.25rem;border-radius:calc(var(--ccl-radius-xl) - 8px);background:var(--landing-code-bg);color:var(--landing-code-text);font-family:var(--ccl-code-font);font-size:.93rem;line-height:1.65}.content-grid{display:grid;gap:1rem;margin:2rem 0}.content-grid--three,.content-grid--two{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding:1.1rem 0 2rem}.section-header{display:grid;gap:.65rem;margin-bottom:1.15rem}.section-label{color:var(--ccl-accent-strong);font-size:.84rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.section-title{margin:0;font-family:var(--ccl-heading-font);font-size:clamp(2rem,4vw,3.05rem);letter-spacing:-.05em}.section-copy{max-width:60ch;margin:0;color:var(--ccl-muted);font-size:1.04rem;line-height:1.72}.section-card{padding:1.4rem;border-radius:var(--ccl-radius-lg)}.section-card h3{margin:0 0 .7rem;font-family:var(--ccl-heading-font);font-size:1.35rem;letter-spacing:-.04em}.section-card p,.section-card li{color:var(--ccl-muted);line-height:1.65}.section-card ul{margin:0;padding-left:1.1rem}.docs-callout{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:1rem;align-items:center}.language-callout{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:1rem;align-items:center;margin-top:1rem}.site-footer{padding:2.5rem 0 3.5rem;color:var(--ccl-muted);font-size:.95rem}@media(max-width:960px){.hero,.content-grid--three,.content-grid--two,.docs-callout,.language-callout{grid-template-columns:1fr}.hero{padding-top:2.4rem}}@media(max-width:720px){.site-header__inner,.site-nav,.hero__actions,.hero__facts{display:grid}.site-header__inner{justify-content:stretch}.site-nav{grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start}.hero__panel,.hero__code{padding:1.2rem}.hero__facts{grid-template-columns:1fr}}