/* crocoblocks-design-system:v2 */:root{--color-bg:#07080F;--color-surface:#11131F;--color-surface-alt:#191B2F;--color-accent:#F28C0F;--color-accent-glow:#FFB347;--color-laser:#6C5CFF;--color-text:#F4F5F7;--color-muted:#9AA0B4;--color-on-accent:#07080F;--color-border:rgba(244, 245, 247, 0.12);--color-overlay:rgba(7, 8, 15, 0.55);--space-2xs:0.5rem;--space-xs:0.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:clamp(2rem, 4vw, 3rem);--space-xl:clamp(3rem, 6vw, 5rem);--space-section:clamp(5rem, 10vw, 9rem);--container-max:1320px;--gutter:clamp(1rem, 4vw, 2.5rem);--radius-s:6px;--radius-m:14px;--radius-pill:999px;--fs-hero:clamp(3rem, 8vw, 7.5rem);--fs-h1:clamp(2.5rem, 5.5vw, 5rem);--fs-h2:clamp(2rem, 4vw, 3.5rem);--fs-h3:clamp(1.375rem, 2.2vw, 1.875rem);--fs-lead:clamp(1.125rem, 1.6vw, 1.375rem);--fs-body:1.0625rem;--fs-small:0.875rem;--fs-eyebrow:0.8125rem;--font-display:'Space Grotesk', system-ui, sans-serif;--font-body:'Inter', system-ui, sans-serif;--font-accent:'Instrument Serif', Georgia, serif;}: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);}}.heading-3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:500;line-height:1.2;letter-spacing:-0.01em;color:var(--color-text);}
@media (max-width: 1024px){.heading-3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:500;line-height:1.2;letter-spacing:-0.01em;color:var(--color-text);}}
@media (max-width: 767px){.heading-3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:500;line-height:1.2;letter-spacing:-0.01em;color:var(--color-text);}}
.section--alt{background-color:var(--color-surface-alt);}
@media (max-width: 1024px){.section--alt{background-color:var(--color-surface-alt);}}
@media (max-width: 767px){.section--alt{background-color:var(--color-surface-alt);}}
.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;}
@media (max-width: 1024px){.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;}}
@media (max-width: 767px){.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;}}
.card{position:relative;background-color:var(--color-surface);border-width:1px;border-style:solid;border-color:var(--color-border);border-radius:var(--radius-m);overflow:hidden;transition:border-color .3s ease, transform .3s ease;}.card:hover{border-color:rgba(242, 140, 15, 0.45);transform:translateY(-4px);}
@media (max-width: 1024px){.card{position:relative;background-color:var(--color-surface);border-width:1px;border-style:solid;border-color:var(--color-border);border-radius:var(--radius-m);overflow:hidden;transition:border-color .3s ease, transform .3s ease;}.card:hover{border-color:rgba(242, 140, 15, 0.45);transform:translateY(-4px);}}
@media (max-width: 767px){.card{position:relative;background-color:var(--color-surface);border-width:1px;border-style:solid;border-color:var(--color-border);border-radius:var(--radius-m);overflow:hidden;transition:border-color .3s ease, transform .3s ease;}.card:hover{border-color:rgba(242, 140, 15, 0.45);transform:translateY(-4px);}}
.btn--ghost{background-color:transparent;color:var(--color-text);border-color:rgba(244, 245, 247, 0.35);}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent-glow);transform:translateY(-2px);}
@media (max-width: 1024px){.btn--ghost{background-color:transparent;color:var(--color-text);border-color:rgba(244, 245, 247, 0.35);}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent-glow);transform:translateY(-2px);}}
@media (max-width: 767px){.btn--ghost{background-color:transparent;color:var(--color-text);border-color:rgba(244, 245, 247, 0.35);}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent-glow);transform:translateY(-2px);}}
.section{position:relative;padding-top:var(--space-section);padding-bottom:var(--space-section);padding-left:var(--gutter);padding-right:var(--gutter);}
@media (max-width: 1024px){.section{position:relative;padding-top:var(--space-section);padding-bottom:var(--space-section);padding-left:var(--gutter);padding-right:var(--gutter);}}
@media (max-width: 767px){.section{position:relative;padding-top:var(--space-section);padding-bottom:var(--space-section);padding-left:var(--gutter);padding-right:var(--gutter);}}
.heading-2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;line-height:1.06;letter-spacing:-0.02em;color:var(--color-text);}
@media (max-width: 1024px){.heading-2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;line-height:1.06;letter-spacing:-0.02em;color:var(--color-text);}}
@media (max-width: 767px){.heading-2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;line-height:1.06;letter-spacing:-0.02em;color:var(--color-text);}}
.text-lead{font-family:var(--font-body);font-size:var(--fs-lead);line-height:1.55;color:var(--color-muted);max-width:60ch;}
@media (max-width: 1024px){.text-lead{font-family:var(--font-body);font-size:var(--fs-lead);line-height:1.55;color:var(--color-muted);max-width:60ch;}}
@media (max-width: 767px){.text-lead{font-family:var(--font-body);font-size:var(--fs-lead);line-height:1.55;color:var(--color-muted);max-width:60ch;}}
.heading-hero{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:700;line-height:0.98;letter-spacing:-0.03em;color:var(--color-text);}
@media (max-width: 1024px){.heading-hero{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:700;line-height:0.98;letter-spacing:-0.03em;color:var(--color-text);}}
@media (max-width: 767px){.heading-hero{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:700;line-height:0.98;letter-spacing:-0.03em;color:var(--color-text);}}
.eyebrow{font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-s);}
@media (max-width: 1024px){.eyebrow{font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-s);}}
@media (max-width: 767px){.eyebrow{font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-s);}}
.btn--primary{background-color:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent);}.btn--primary:hover{background-color:var(--color-accent-glow);color:var(--color-on-accent);transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(242, 140, 15, 0.55);border-color:var(--color-accent-glow);}
@media (max-width: 1024px){.btn--primary{background-color:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent);}.btn--primary:hover{background-color:var(--color-accent-glow);color:var(--color-on-accent);transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(242, 140, 15, 0.55);border-color:var(--color-accent-glow);}}
@media (max-width: 767px){.btn--primary{background-color:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent);}.btn--primary:hover{background-color:var(--color-accent-glow);color:var(--color-on-accent);transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(242, 140, 15, 0.55);border-color:var(--color-accent-glow);}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.6em;padding-top:0.95rem;padding-bottom:0.95rem;padding-left:1.7rem;padding-right:1.7rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:0.95rem;font-weight:500;letter-spacing:0.02em;line-height:1;text-decoration:none;border-width:1px;border-style:solid;transition:background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;cursor:pointer;}
@media (max-width: 1024px){.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.6em;padding-top:0.95rem;padding-bottom:0.95rem;padding-left:1.7rem;padding-right:1.7rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:0.95rem;font-weight:500;letter-spacing:0.02em;line-height:1;text-decoration:none;border-width:1px;border-style:solid;transition:background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;cursor:pointer;}}
@media (max-width: 767px){.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.6em;padding-top:0.95rem;padding-bottom:0.95rem;padding-left:1.7rem;padding-right:1.7rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:0.95rem;font-weight:500;letter-spacing:0.02em;line-height:1;text-decoration:none;border-width:1px;border-style:solid;transition:background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;cursor:pointer;}}
.text-small{font-family:var(--font-body);font-size:var(--fs-small);line-height:1.5;color:var(--color-muted);}
@media (max-width: 1024px){.text-small{font-family:var(--font-body);font-size:var(--fs-small);line-height:1.5;color:var(--color-muted);}}
@media (max-width: 767px){.text-small{font-family:var(--font-body);font-size:var(--fs-small);line-height:1.5;color:var(--color-muted);}}
.heading-1{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:700;line-height:1.02;letter-spacing:-0.025em;color:var(--color-text);}
@media (max-width: 1024px){.heading-1{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:700;line-height:1.02;letter-spacing:-0.025em;color:var(--color-text);}}
@media (max-width: 767px){.heading-1{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:700;line-height:1.02;letter-spacing:-0.025em;color:var(--color-text);}}
