.ck-container{max-width:72rem;padding-inline:var(--dm-space-4);margin-inline:auto}.ck-band{isolation:isolate;background:color-mix(in oklab, var(--dm-primary) 12%, var(--dm-bg));color:var(--dm-fg);position:relative;overflow:hidden}.ck-band:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in oklab, var(--dm-primary) 45%, transparent) 1px, transparent 1.6px);opacity:.55;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 90% at 78% 40%,#000 10%,#0000 75%);mask-image:radial-gradient(70% 90% at 78% 40%,#000 10%,#0000 75%)}.ck-band:after{content:"";z-index:-1;background:radial-gradient(40rem circle at 85% 10%, color-mix(in oklab, var(--dm-primary) 28%, transparent), transparent 60%), radial-gradient(30rem circle at 0% 100%, color-mix(in oklab, var(--dm-chart-6) 35%, transparent), transparent 60%);position:absolute;inset:0}.ck-hero-title{letter-spacing:-.035em;font-size:clamp(2.25rem,1.4rem + 3.6vw,3.75rem);line-height:1.04;font-weight:var(--dm-weight-strong);text-wrap:balance}.ck-brand-name{font-size:22px;line-height:1.1;font-weight:var(--dm-weight-strong);letter-spacing:-.02em;color:var(--dm-fg)}.ck-brand-name--sm{font-size:17px}.ck-watermark{z-index:-1;opacity:.12;pointer-events:none;position:absolute;top:50%;right:-48px;transform:translateY(-50%)rotate(-8deg)}@media (max-width:899px){.ck-watermark{opacity:.07}}.ck-hero-title--sm{font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem)}.ck-hero-lead{color:var(--dm-fg-muted);max-width:36rem;font-size:clamp(1rem,.9rem + .4vw,1.2rem);line-height:1.5}.ck-chip{align-items:center;gap:var(--dm-space-2);border-radius:var(--dm-radius-tag);border:1px solid color-mix(in oklab, var(--dm-primary) 35%, transparent);background:color-mix(in oklab, var(--dm-primary) 10%, transparent);font-size:var(--dm-text-table);color:var(--dm-fg);padding:4px 10px;display:inline-flex}.ck-chip svg{width:14px;height:14px;color:var(--dm-primary)}.ck-preview{border-radius:var(--dm-radius-surface);background:var(--dm-surface);border:1px solid var(--dm-border);box-shadow:0 40px 80px -30px color-mix(in oklab, var(--dm-primary) 55%, transparent), 0 0 0 1px color-mix(in oklab, var(--dm-primary) 25%, transparent);transform:rotate(1.5deg)}@media (prefers-reduced-motion:no-preference){.ck-preview{animation:7s ease-in-out infinite ck-float}@keyframes ck-float{0%,to{transform:rotate(1.5deg)translateY(0)}50%{transform:rotate(1deg)translateY(-6px)}}}.ck-icon{border-radius:var(--dm-radius-control);background:color-mix(in oklab, var(--dm-primary) 12%, transparent);width:40px;height:40px;color:var(--dm-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.ck-icon svg{width:20px;height:20px}.ck-feature{gap:var(--dm-space-4);padding:var(--dm-space-4);border-radius:var(--dm-radius-surface);border:1px solid var(--dm-border);background:var(--dm-surface);transition:border-color .15s,transform .15s;display:flex}.ck-feature:hover{border-color:color-mix(in oklab, var(--dm-primary) 45%, var(--dm-border));transform:translateY(-2px)}.ck-grade{border-radius:var(--dm-radius-surface);border:1px solid}.ck-grade[data-tone=success]{background:color-mix(in oklab, var(--dm-success) 10%, var(--dm-surface));border-color:color-mix(in oklab, var(--dm-success) 45%, transparent);color:var(--dm-success-text)}.ck-grade[data-tone=warning]{background:color-mix(in oklab, var(--dm-warning) 10%, var(--dm-surface));border-color:color-mix(in oklab, var(--dm-warning) 45%, transparent);color:var(--dm-warning-text)}.ck-grade[data-tone=critical]{background:color-mix(in oklab, var(--dm-critical) 10%, var(--dm-surface));border-color:color-mix(in oklab, var(--dm-critical) 45%, transparent);color:var(--dm-critical-text)}.ck-grade[data-tone=neutral]{background:var(--dm-surface);border-color:var(--dm-border);color:var(--dm-fg)}.ck-spotlight{box-shadow:0 24px 48px -24px color-mix(in oklab, var(--dm-primary) 60%, transparent);background-image:radial-gradient(24rem circle at 100% 0%, color-mix(in oklab, var(--dm-primary) 18%, transparent), transparent 60%);border:1px solid color-mix(in oklab, var(--dm-primary) 60%, transparent)!important}
