/* crocoblocks-design-system:v2 */:root{--color-bg-canvas:#0b1020;--color-bg-surface:#11172b;--color-bg-surface-2:#16203a;--color-bg-soft:#eef3ff;--color-text-strong:#f5f7ff;--color-text-body:#c8d2f0;--color-text-muted:#8e9ab8;--color-text-dark:#0f172a;--color-accent:#4fd1ff;--color-accent-strong:#00b8ff;--color-accent-violet:#7c5cff;--color-accent-lime:#7ef0c2;--color-border-soft:rgba(255,255,255,0.12);--color-border-strong:rgba(79,209,255,0.35);--color-success:#39d98a;--color-warning:#ffb84d;--color-danger:#ff6b7a;--grad-hero:linear-gradient(135deg, #0b1020 0%, #16203a 52%, #1e2b52 100%);--grad-accent:linear-gradient(135deg, #4fd1ff 0%, #7c5cff 100%);--grad-surface:linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);--grad-soft:linear-gradient(180deg, #ffffff 0%, #eef3ff 100%);--font-display:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-size-hero:clamp(3rem, 2.3rem + 3.8vw, 5.75rem);--font-size-h2:clamp(2rem, 1.5rem + 2vw, 3.5rem);--font-size-h3:clamp(1.35rem, 1.1rem + 0.8vw, 2rem);--font-size-h4:clamp(1.05rem, 0.95rem + 0.35vw, 1.25rem);--font-size-base:clamp(1rem, 0.98rem + 0.15vw, 1.0625rem);--font-size-sm:clamp(0.84rem, 0.8rem + 0.12vw, 0.95rem);--font-size-mono:clamp(0.75rem, 0.72rem + 0.12vw, 0.88rem);--space-section-xl:clamp(5rem, 3.5rem + 5vw, 8rem);--space-section-md:clamp(3rem, 2.2rem + 3vw, 5rem);--space-section-sm:clamp(1.5rem, 1.1rem + 1.5vw, 2.5rem);--space-card:clamp(1.25rem, 1rem + 1vw, 2rem);--space-gap:clamp(1rem, 0.85rem + 0.8vw, 1.75rem);--space-inline:clamp(0.5rem, 0.4rem + 0.3vw, 0.8rem);--radius-sm:0.75rem;--radius-md:1.1rem;--radius-lg:1.6rem;--radius-pill:999px;--shadow-card:0 20px 60px rgba(5, 10, 26, 0.28);--shadow-float:0 30px 90px rgba(0, 0, 0, 0.35);--shadow-accent:0 14px 34px rgba(79, 209, 255, 0.28);--container-base:76rem;--container-wide:88rem;--duration-fast:180ms;--duration-base:320ms;--ease-standard:cubic-bezier(0.22, 1, 0.36, 1);}:where(.crocoblocks-document .cb-el,.crocoblocks-preview .cb-el){box-sizing:border-box;max-width: 100%}:where(.crocoblocks-document .cb-image,.crocoblocks-preview .cb-image){max-width: 100%;height: auto;}:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 48px);max-width:var(--cb-section-container-width,1180px);margin-left:auto;margin-right:auto;}@media (max-width: 1024px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 40px);}}@media (max-width: 767px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 32px);}}body{margin:0;background:var(--color-bg-canvas);color:var(--color-text-body);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
h1{margin:0;font-family:var(--font-display);font-size:var(--font-size-hero);line-height:1.02;font-weight:700;letter-spacing:-0.03em;color:var(--color-text-strong);}
h2{margin:0;font-family:var(--font-display);font-size:var(--font-size-h2);line-height:1.08;font-weight:700;letter-spacing:-0.02em;}
h3{margin:0;font-family:var(--font-display);font-size:var(--font-size-h3);line-height:1.14;font-weight:650;}
p{margin:0;line-height:1.65;}
a{color:inherit;text-decoration:none;}
.ds-page{background:var(--color-bg-canvas);color:var(--color-text-body);}
.ds-section{padding-top:var(--space-section-md);padding-bottom:var(--space-section-md);}
.ds-section-xl{padding-top:var(--space-section-xl);padding-bottom:var(--space-section-xl);}
.ds-section-dark{background:var(--grad-hero);color:var(--color-text-strong);}
.ds-section-soft{background:var(--grad-soft);color:var(--color-text-dark);}
.ds-container{width:100%;max-width:var(--container-base);margin-left:auto;margin-right:auto;padding-left:clamp(1rem, 0.7rem + 1vw, 1.75rem);padding-right:clamp(1rem, 0.7rem + 1vw, 1.75rem);}
.ds-container-wide{max-width:var(--container-wide);}
.ds-stack-sm{display:flex;flex-direction:column;gap:0.75rem;}
.ds-stack-md{display:flex;flex-direction:column;gap:1rem;}
.cluster{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;}
.ds-eyebrow{display:inline-flex;align-self:flex-start;font-family:var(--font-mono);font-size:var(--font-size-mono);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-accent);padding:0.45rem 0.75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:rgba(79,209,255,0.08);}
.ds-heading-display{font-family:var(--font-display);font-size:var(--font-size-hero);line-height:1.02;font-weight:700;letter-spacing:-0.03em;color:var(--color-text-strong);}
.ds-heading-section{font-family:var(--font-display);font-size:var(--font-size-h2);line-height:1.08;font-weight:700;letter-spacing:-0.02em;}
.ds-copy-lead{font-size:var(--font-size-h4);line-height:1.6;color:var(--color-text-body);max-width:42rem;}
.ds-copy-muted{font-size:var(--font-size-base);line-height:1.65;color:var(--color-text-muted);}
.ds-meta{font-family:var(--font-mono);font-size:var(--font-size-mono);letter-spacing:0.06em;text-transform:uppercase;color:var(--color-accent-strong);}
.ds-grid-3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--space-gap);}
.ds-grid-4{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--space-gap);}
.ds-card{display:flex;flex-direction:column;gap:1rem;height:100%;padding:var(--space-card);border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:var(--grad-surface);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);}
.ds-card-soft{background:#ffffff;color:var(--color-text-dark);border:1px solid rgba(15,23,42,0.08);box-shadow:0 16px 40px rgba(15,23,42,0.08);}
.ds-card-featured{border:1px solid var(--color-border-strong);box-shadow:var(--shadow-float);transform:translateY(-0.35rem);}
.ds-badge{display:inline-flex;align-self:flex-start;padding:0.35rem 0.65rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--font-size-mono);text-transform:uppercase;letter-spacing:0.06em;background:rgba(124,92,255,0.1);color:var(--color-accent-violet);}
.ds-stat-panel{display:flex;flex-direction:column;gap:1rem;padding:var(--space-card);border-radius:var(--radius-lg);background:linear-gradient(180deg, rgba(17,23,43,0.9) 0%, rgba(22,32,58,0.95) 100%);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-float);}
.ds-button-primary{display:inline-flex;align-items:center;justify-content:center;padding:0.95rem 1.35rem;border-radius:var(--radius-pill);background:var(--grad-accent);color:#07111d;font-weight:700;text-decoration:none;box-shadow:var(--shadow-accent);}
.ds-button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:0.95rem 1.35rem;border-radius:var(--radius-pill);background:transparent;color:inherit;font-weight:600;text-decoration:none;border:1px solid currentColor;}
.ds-filter-chip{display:inline-flex;padding:0.6rem 0.95rem;border-radius:var(--radius-pill);background:rgba(255,255,255,0.04);border:1px solid rgba(15,23,42,0.08);font-size:var(--font-size-sm);}
.ds-pricing-price{font-family:var(--font-display);font-size:clamp(2.2rem, 1.8rem + 1.2vw, 3rem);line-height:1;font-weight:700;color:var(--color-text-strong);}
.ds-swatch{display:flex;flex-direction:column;justify-content:space-between;min-height:9rem;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);}
.ds-swatch-canvas{background:var(--color-bg-canvas);color:var(--color-text-strong);}
.ds-swatch-surface{background:var(--color-bg-surface);color:var(--color-text-strong);}
.ds-swatch-soft{background:var(--color-bg-soft);color:var(--color-text-dark);box-shadow:0 16px 40px rgba(15,23,42,0.08);}
.ds-swatch-accent{background:var(--grad-accent);color:#07111d;}
.ds-swatch-violet{background:var(--color-accent-violet);color:#ffffff;}
.ds-swatch-lime{background:var(--color-accent-lime);color:#07111d;}
.ds-rule{height:1px;background:var(--color-border-soft);width:100%;}
.ds-footer{padding-top:var(--space-section-sm);padding-bottom:var(--space-section-sm);border-top:1px solid var(--color-border-soft);color:var(--color-text-muted);}