@font-face { font-family:'Geist'; font-style:normal; font-weight:500 800; font-display:swap; src:url('/assets/hero-fonts/geist-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:'Geist'; font-style:normal; font-weight:500 800; font-display:swap; src:url('/assets/hero-fonts/geist-latin.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400 700; font-display:swap; src:url('/assets/hero-fonts/inter-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400 700; font-display:swap; src:url('/assets/hero-fonts/inter-latin.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:400 500; font-display:swap; src:url('/assets/hero-fonts/jetbrains-mono-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family:'JetBrains Mono'; font-style:normal; font-weight:400 500; font-display:swap; src:url('/assets/hero-fonts/jetbrains-mono-latin.woff2') format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Generated from tokens/tokens.json. Do not edit this file directly.
 * Springcast Design System 1.0.0
 * Regenerate: node scripts/build-tokens.mjs
 * Verify: node scripts/build-tokens.mjs --check
 * Light foundation; brand palette values never change by application. */
.sc-home-hero {
  color-scheme: light;

  /* Merkpalet — bestaande bronwaarden, stabiel in alle toepassingen */
  --sc-palette-iris-50: #F4F1FB;
  --sc-palette-iris-100: #E6DEF6;
  --sc-palette-iris-300: #A48CDC;
  --sc-palette-iris-500: #5B3BD1;
  --sc-palette-iris-600: #4A2BB8;
  --sc-palette-iris-700: #371F8E;
  --sc-palette-iris-900: #1E1153;
  --sc-palette-ember-100: #FCE8C3;
  --sc-palette-ember-300: #F4BE5E;
  --sc-palette-ember-500: #F2A52E;
  --sc-palette-ember-700: #A36514;
  --sc-palette-petrol-50: #EAF7F3;
  --sc-palette-petrol-100: #CDEBE3;
  --sc-palette-petrol-300: #4FBEA8;
  --sc-palette-petrol-500: #0E8C76;
  --sc-palette-petrol-600: #0B6F5E;
  --sc-palette-petrol-700: #13524A;
  --sc-palette-paper: #FBF9F5;
  --sc-palette-bone: #F3EFE7;
  --sc-palette-mist: #E2DCD0;
  --sc-palette-slate-500: #6B6457;
  --sc-palette-slate-700: #2F2A22;
  --sc-palette-ink: #15120D;
  --sc-palette-on-ink-body: #CFC8BC;

  /* Functioneel rood — 500 behouden als bronwaarde; 50, 100, 600, 700 zijn v1-voorstel */
  --sc-palette-error-50: #FBEDEC;
  --sc-palette-error-100: #F4D5D2;
  --sc-palette-error-500: #B85959;
  --sc-palette-error-600: #A33D40;
  --sc-palette-error-700: #862C30;

  /* Semantische kleuren — gebruik deze rollen in componenten */
  --sc-bg-canvas: var(--sc-palette-paper);
  --sc-bg-subtle: var(--sc-palette-bone);
  --sc-bg-brand: var(--sc-palette-iris-600);
  --sc-bg-inverse: var(--sc-palette-ink);
  --sc-bg-selected: var(--sc-palette-iris-50);
  --sc-bg-disabled: var(--sc-palette-bone);
  --sc-bg-overlay: rgba(21, 18, 13, 0.42);
  --sc-fg: var(--sc-palette-slate-700);
  --sc-fg-heading: var(--sc-palette-ink);
  --sc-fg-muted: var(--sc-palette-slate-500);
  --sc-fg-link: var(--sc-palette-iris-600);
  --sc-fg-link-hover: var(--sc-palette-iris-700);
  --sc-fg-selected: var(--sc-palette-iris-700);
  --sc-fg-disabled: var(--sc-palette-slate-500);
  --sc-fg-on-brand: var(--sc-palette-paper);
  --sc-fg-on-brand-muted: var(--sc-palette-on-ink-body);
  --sc-fg-on-inverse: var(--sc-palette-paper);
  --sc-fg-on-inverse-muted: var(--sc-palette-on-ink-body);
  --sc-fg-accent: var(--sc-palette-petrol-600);
  --sc-border: var(--sc-palette-mist);
  --sc-border-control: var(--sc-palette-slate-500);
  --sc-border-selected: var(--sc-palette-iris-600);
  --sc-border-inverse: var(--sc-palette-on-ink-body);
  --sc-focus-ring: var(--sc-palette-iris-600);
  --sc-focus-ring-inverse: var(--sc-palette-ember-300);

  /* Acties — tekst en achtergrond altijd als paar toepassen */
  --sc-action-primary-bg: var(--sc-palette-ember-500);
  --sc-action-primary-fg: var(--sc-palette-ink);
  --sc-action-primary-hover-bg: var(--sc-palette-ember-300);
  --sc-action-primary-hover-fg: var(--sc-palette-ink);
  --sc-action-primary-active-bg: var(--sc-palette-ember-700);
  --sc-action-primary-active-fg: var(--sc-palette-paper);
  --sc-action-secondary-bg: var(--sc-palette-paper);
  --sc-action-secondary-fg: var(--sc-palette-iris-600);
  --sc-action-secondary-hover-bg: var(--sc-palette-iris-50);
  --sc-action-secondary-hover-fg: var(--sc-palette-iris-600);
  --sc-action-secondary-active-bg: var(--sc-palette-iris-100);
  --sc-action-secondary-active-fg: var(--sc-palette-iris-700);
  --sc-action-danger-bg: var(--sc-palette-error-600);
  --sc-action-danger-fg: var(--sc-palette-paper);
  --sc-action-danger-hover-bg: var(--sc-palette-error-700);
  --sc-action-danger-hover-fg: var(--sc-palette-paper);
  --sc-action-danger-active-bg: var(--sc-palette-error-700);
  --sc-action-danger-active-fg: var(--sc-palette-paper);

  /* Status — altijd met tekstlabel of herkenbaar icoon */
  --sc-status-success-bg: var(--sc-palette-petrol-50);
  --sc-status-success-fg: var(--sc-palette-petrol-700);
  --sc-status-success-border: var(--sc-palette-petrol-600);
  --sc-status-warning-bg: var(--sc-palette-ember-100);
  --sc-status-warning-fg: var(--sc-palette-slate-700);
  --sc-status-warning-border: var(--sc-palette-ember-700);
  --sc-status-error-bg: var(--sc-palette-error-50);
  --sc-status-error-fg: var(--sc-palette-error-600);
  --sc-status-error-border: var(--sc-palette-error-600);
  --sc-status-info-bg: var(--sc-palette-iris-50);
  --sc-status-info-fg: var(--sc-palette-iris-700);
  --sc-status-info-border: var(--sc-palette-iris-600);
  --sc-status-neutral-bg: var(--sc-palette-bone);
  --sc-status-neutral-fg: var(--sc-palette-slate-700);
  --sc-status-neutral-border: var(--sc-palette-slate-500);
  --sc-chart-primary: var(--sc-palette-iris-600);
  --sc-chart-secondary: var(--sc-palette-petrol-600);
  --sc-chart-highlight: var(--sc-palette-ember-700);
  --sc-chart-neutral: var(--sc-palette-slate-500);

  /* Typografie — Geist headings, Inter body, JetBrains Mono labels en cijfers */
  --sc-font-display: 'Geist', system-ui, sans-serif;
  --sc-font-body: 'Inter', system-ui, sans-serif;
  --sc-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --sc-font-weight-regular: 400;
  --sc-font-weight-medium: 500;
  --sc-font-weight-semibold: 600;
  --sc-font-weight-display: 700;
  --sc-font-weight-display-lg: 800;
  --sc-text-display: clamp(2.5rem, 1.75rem + 2vw, 3rem);
  --sc-text-display-sm: clamp(2rem, 1.5rem + 1.5vw, 2.5rem);
  --sc-text-h2: clamp(2rem, 1.5rem + 1.5vw, 2.5rem);
  --sc-text-h3: clamp(1.5rem, 1.25rem + 0.75vw, 2rem);
  --sc-text-h4: 1.25rem;
  --sc-text-body-lg: 1.1875rem;
  --sc-text-body: 1rem;
  --sc-text-body-sm: 0.875rem;
  --sc-text-label: 0.75rem;
  --sc-text-caption: 0.75rem;
  --sc-lh-display: 1.06;
  --sc-lh-heading: 1.12;
  --sc-lh-body: 1.6;
  --sc-lh-ui: 1.4;
  --sc-lh-mono: 1.4;
  --sc-tracking-display: -0.02em;
  --sc-tracking-label: 0.12em;
  --sc-tracking-body: 0em;

  /* Afstanden — bestaande reeks, index is geen pixelvermenigvuldiger */
  --sc-space-0: 0px;
  --sc-space-1: 4px;
  --sc-space-2: 8px;
  --sc-space-3: 12px;
  --sc-space-4: 16px;
  --sc-space-5: 24px;
  --sc-space-6: 32px;
  --sc-space-7: 48px;
  --sc-space-8: 64px;
  --sc-space-9: 80px;
  --sc-space-10: 120px;

  /* Vorm en beweging — terughoudend; reduced motion wordt automatisch verwerkt */
  --sc-radius-sm: 6px;
  --sc-radius-md: 10px;
  --sc-radius-lg: 14px;
  --sc-radius-full: 999px;
  --sc-border-width: 1px;
  --sc-focus-width: 3px;
  --sc-focus-offset: 3px;
  --sc-shadow-elevated: 0 12px 32px rgba(21, 18, 13, 0.08);
  --sc-duration-fast: 120ms;
  --sc-duration-normal: 200ms;
  --sc-duration-slow: 300ms;
  --sc-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --sc-ease-enter: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* Layout — maxima meten alleen content, gutters komen erbuiten */
  --sc-layout-marketing-max: 80rem;
  --sc-layout-platform-max: 73.75rem;
  --sc-layout-platform-wide: 82.5rem;
  --sc-layout-reading: 68ch;
  --sc-layout-sidebar: 16.5rem;
  --sc-layout-sidebar-compact: 14.5rem;
  --sc-layout-max: var(--sc-layout-marketing-max);
  --sc-layout-wide: var(--sc-layout-platform-wide);
  --sc-layout-gutter: 1.25rem;
  --sc-layout-section: var(--sc-space-7);
  --sc-layout-grid-gap: var(--sc-space-5);
  --sc-layout-card-padding: var(--sc-space-6);
  --sc-page-title-size: var(--sc-text-display);
  --sc-control-height: 3rem;
  --sc-control-height-sm: 2.25rem;
  --sc-control-height-lg: 3.25rem;
  --sc-table-row-height: 3.5rem;
  --sc-table-row-height-compact: 2.75rem;
}

.sc-home-hero {
  --sc-layout-max: var(--sc-layout-marketing-max);
  --sc-layout-gutter: 1.25rem;
  --sc-layout-section: var(--sc-space-7);
  --sc-layout-grid-gap: var(--sc-space-5);
  --sc-layout-card-padding: var(--sc-space-6);
  --sc-page-title-size: var(--sc-text-display);
  --sc-control-height: 3rem;
}

[data-sc-application="platform"] {
  --sc-layout-max: var(--sc-layout-platform-max);
  --sc-layout-gutter: var(--sc-space-4);
  --sc-layout-section: var(--sc-space-6);
  --sc-layout-grid-gap: var(--sc-space-4);
  --sc-layout-card-padding: var(--sc-space-5);
  --sc-page-title-size: var(--sc-text-h3);
  --sc-control-height: 2.75rem;
}

@media (min-width: 48rem) {
  :root:not([data-sc-application]),
  .sc-system:not([data-sc-application]),
  .sc-home-hero {
    --sc-layout-gutter: var(--sc-space-5);
    --sc-layout-section: var(--sc-space-8);
  }
  [data-sc-application="platform"] {
    --sc-layout-gutter: var(--sc-space-5);
  }
}

@media (min-width: 64rem) {
  :root:not([data-sc-application]),
  .sc-system:not([data-sc-application]),
  .sc-home-hero {
    --sc-layout-gutter: var(--sc-space-7);
    --sc-layout-section: var(--sc-space-9);
  }
  [data-sc-application="platform"] {
    --sc-layout-gutter: var(--sc-space-6);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root,
  .sc-system,
  [data-sc-application] {
    --sc-duration-fast: 0ms;
    --sc-duration-normal: 0ms;
    --sc-duration-slow: 0ms;
  }
}

.sc-home-hero *{box-sizing:border-box}.sc-home-hero{margin:0;background:var(--sc-bg-canvas);color:var(--sc-fg);font-family:var(--sc-font-body)}.sc-home-hero a{color:inherit;text-decoration:none}.sc-home-hero a:focus-visible,.sc-home-hero summary:focus-visible{outline:3px solid var(--sc-focus-ring);outline-offset:5px}.sc-home-hero .scx-wrap{width:min(calc(100% - 2 * var(--sc-layout-gutter)),var(--sc-layout-max));margin:auto}.sc-home-hero header{border-bottom:1px solid var(--sc-border)}.sc-home-hero .nav{min-height:80px;display:flex;align-items:center;gap:48px}.sc-home-hero .brand{width:155px;height:auto}.sc-home-hero .links{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:500}.sc-home-hero .account{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:14px}.sc-home-hero .nav-cta{border:1px solid var(--sc-border-control);border-radius:var(--sc-radius-md);padding:12px 20px}.sc-home-hero details{display:none}.sc-home-hero .scx-eyebrow{font:500 12px/1.5 var(--sc-font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--sc-fg-link);margin:0 0 24px}.sc-home-hero h1{font:700 var(--sc-text-display)/1.06 var(--sc-font-display);letter-spacing:-.045em;color:var(--sc-fg-heading);margin:0;text-wrap:balance}.sc-home-hero .scx-intro{font-size:19px;line-height:1.6;max-width:54ch;margin:24px auto 0}.sc-home-hero .scx-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.sc-home-hero .scx-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:12px 24px;border-radius:var(--sc-radius-md);font-weight:600;font-size:16px;border:1px solid var(--sc-fg-link);color:var(--sc-fg-link)}.sc-home-hero .scx-primary{background:var(--sc-action-primary-bg);color:var(--sc-action-primary-fg);border-color:transparent}.sc-home-hero .scx-primary:hover{background:var(--sc-action-primary-hover-bg)}.sc-home-hero .scx-primary:active{background:var(--sc-action-primary-active-bg);color:var(--sc-action-primary-active-fg)}.sc-home-hero .scx-secondary:hover{background:var(--sc-action-secondary-hover-bg)}.sc-home-hero .scx-hero{text-align:center;padding:80px 0 48px}.sc-home-hero .scx-trust{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:48px;flex-wrap:wrap}.sc-home-hero .scx-trust p{font-size:12px;color:var(--sc-fg-muted);margin:0}.sc-home-hero .scx-logos{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.sc-home-hero .scx-logos img{width:80px;height:28px;object-fit:contain}.sc-home-hero .product{max-width:1040px;margin:0 auto;border:1px solid var(--sc-border);border-radius:var(--sc-radius-lg);overflow:hidden;background:var(--sc-bg-canvas);box-shadow:var(--sc-shadow-elevated)}.sc-home-hero .bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--sc-border);color:var(--sc-fg-muted);font:12px var(--sc-font-mono)}.sc-home-hero .product img{width:100%;height:auto;display:block}.sc-home-hero .scx-showcase{padding:16px 0 80px}.sc-home-hero .scx-caption{font-size:12px;color:var(--sc-fg-muted);text-align:center;margin:16px 0 0}.sc-home-hero .iris .scx-hero{background:var(--sc-bg-brand);color:var(--sc-fg-on-brand);padding-bottom:80px}.sc-home-hero .iris h1,.sc-home-hero .iris .scx-eyebrow{color:var(--sc-fg-on-brand)}.sc-home-hero .iris .scx-intro{color:var(--sc-fg-on-brand)}.sc-home-hero .iris .scx-secondary{color:var(--sc-fg-on-brand);border-color:var(--sc-fg-on-brand)}.sc-home-hero .iris .scx-secondary:hover{background:var(--sc-palette-iris-700)}.sc-home-hero .iris .scx-hero a:focus-visible{outline-color:var(--sc-focus-ring-inverse)}.sc-home-hero .iris .scx-trust{margin:0 auto 32px}.sc-home-hero .iris .scx-showcase{padding-top:32px}.sc-home-hero .editorial .scx-hero{text-align:left;padding-bottom:48px}.sc-home-hero .editorial .scx-story{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end}.sc-home-hero .editorial h1{max-width:19ch}.sc-home-hero .editorial .scx-intro{margin:0}.sc-home-hero .editorial .scx-actions{justify-content:flex-start}.sc-home-hero .editorial .scx-trust{justify-content:space-between;border-top:1px solid var(--sc-border);padding-top:32px}.sc-home-hero .editorial .scx-showcase{background:var(--sc-bg-subtle);padding-top:48px}.sc-home-hero .editorial .product{max-width:1120px}.sc-home-hero footer{text-align:center;padding:24px;font-size:12px;color:var(--sc-fg-muted)}@media(min-width:1024px){.sc-home-hero h1{font-size:4rem}.sc-home-hero .editorial h1{font-size:3rem}}@media(max-width:1023px){.sc-home-hero .links,.sc-home-hero .account{display:none}.sc-home-hero .nav{justify-content:space-between;min-height:72px}.sc-home-hero details{display:block;position:relative}.sc-home-hero summary{cursor:pointer;padding:12px}.sc-home-hero details .menu{position:absolute;right:0;top:48px;z-index:2;min-width:220px;padding:16px;background:var(--sc-bg-canvas);border:1px solid var(--sc-border-control);border-radius:10px}.sc-home-hero details a{display:block;padding:12px}.sc-home-hero .scx-hero{padding-top:64px}.sc-home-hero .editorial .scx-story{grid-template-columns:1fr;gap:24px}.sc-home-hero .editorial .scx-trust{justify-content:flex-start}}@media(max-width:600px){.sc-home-hero .scx-hero{padding:48px 0 32px}.sc-home-hero h1{font-size:var(--sc-text-display)}.sc-home-hero .scx-intro{font-size:17px}.sc-home-hero .scx-actions{flex-direction:column}.sc-home-hero .scx-btn{width:100%}.sc-home-hero .scx-trust{gap:20px;margin-top:32px}.sc-home-hero .scx-logos{gap:20px}.sc-home-hero .scx-logos img{width:60px;height:24px}.sc-home-hero .bar{padding:12px;font-size:10px}.sc-home-hero .iris .scx-hero{padding-bottom:48px}.sc-home-hero .editorial .scx-trust{gap:20px}.sc-home-hero .scx-showcase{padding-bottom:48px}}.sc-home-hero.scx-refined h1{max-width:1000px;margin:auto;text-wrap:balance;font-size:clamp(2.5rem,4.5vw,4rem)}.sc-home-hero.scx-refined .scx-intro{text-wrap:balance;max-width:58ch}.sc-home-hero.scx-refined .scx-hero{padding-top:64px;padding-bottom:32px}.sc-home-hero.scx-refined .scx-actions{gap:32px;align-items:flex-start}.sc-home-hero .scx-action-route{width:290px}.sc-home-hero .scx-action-route .scx-btn{min-width:180px}.sc-home-hero .scx-route-note{font-size:12px;line-height:1.6;color:var(--sc-fg-muted);margin:12px auto 0;max-width:34ch}.sc-home-hero.scx-refined .scx-trust{margin-top:32px}.sc-home-hero.scx-refined .scx-showcase{padding-top:16px}.sc-home-hero.scx-refined .product{max-width:1160px}.sc-home-hero .analytics-zoom{display:block}.sc-home-hero .analytics-zoom:focus-visible{outline:3px solid var(--sc-focus-ring);outline-offset:4px}.sc-home-hero.scx-refined .product img{width:100%;height:auto}.sc-home-hero.scx-refined .scx-caption{max-width:60ch;margin:16px auto 0}@media(max-width:600px){.sc-home-hero.scx-refined .scx-hero{padding-top:48px}.sc-home-hero.scx-refined .scx-actions{gap:24px;align-items:center}.sc-home-hero .scx-action-route{width:100%}.sc-home-hero .scx-action-route .scx-btn{width:100%}.sc-home-hero.scx-refined .scx-trust{margin-top:32px}.sc-home-hero.scx-refined .product{overflow:auto}.sc-home-hero.scx-refined .product img{width:760px;max-width:none}.sc-home-hero.scx-refined .bar{min-width:760px}.sc-home-hero.scx-refined .scx-showcase .scx-wrap{position:relative}.sc-home-hero.scx-refined .scx-caption:after{content:' Swipe the image to explore, or tap to enlarge.'}.sc-home-hero.scx-refined h1{font-size:40px;letter-spacing:-.04em}}.sc-home-hero .scx-product-triptych{display:grid;grid-template-columns:1.25fr 1fr .7fr;gap:var(--sc-space-5);align-items:stretch}.sc-home-hero .scx-feature-card{min-width:0;height:408px;border:1px solid var(--sc-border);border-radius:var(--sc-radius-lg);background:var(--sc-bg-subtle);overflow:hidden;position:relative}.sc-home-hero .scx-card-heading{padding:24px 24px 0;position:relative;z-index:1}.sc-home-hero .scx-card-kicker{font:500 11px/1.5 var(--sc-font-mono);letter-spacing:.12em;color:var(--sc-fg-muted);margin:0 0 8px}.sc-home-hero .scx-card-heading h2{font:600 21px/1.2 var(--sc-font-display);letter-spacing:-.025em;margin:0;color:var(--sc-fg-heading)}.sc-home-hero .scx-visual{display:block;margin:24px 0 0 24px}.sc-home-hero .scx-visual img{display:block;height:auto}.sc-home-hero .scx-dashboard-visual{border:1px solid var(--sc-border);border-radius:10px 0 0 0;overflow:hidden;width:660px;box-shadow:var(--sc-shadow-elevated)}.sc-home-hero .scx-dashboard-visual img{width:660px}.sc-home-hero .scx-insights-card{background:var(--sc-bg-canvas)}.sc-home-hero .scx-analytics-visual{margin:40px 16px 0}.sc-home-hero .scx-analytics-visual img{width:100%;border-radius:var(--sc-radius-md);box-shadow:var(--sc-shadow-elevated)}.sc-home-hero .scx-mobile-card{background:var(--sc-bg-brand)}.sc-home-hero .scx-mobile-card .scx-card-kicker{color:var(--sc-fg-on-brand-muted)}.sc-home-hero .scx-mobile-card h2{color:var(--sc-fg-on-brand)}.sc-home-hero .scx-mobile-visual{width:190px;margin:24px auto 0;filter:drop-shadow(0 12px 16px rgba(21,18,13,.18))}.sc-home-hero .scx-mobile-visual img{width:190px}.sc-home-hero .scx-mobile-card a:focus-visible{outline-color:var(--sc-focus-ring-inverse)}.sc-home-hero.scx-refined .scx-caption{max-width:none}.sc-home-hero.scx-refined .scx-caption:after{content:none}@media(min-width:768px) and (max-width:1100px){.sc-home-hero .scx-product-triptych{grid-template-columns:1fr 1fr}.sc-home-hero .scx-mobile-card{grid-column:1/-1;height:320px}.sc-home-hero .scx-mobile-visual{position:absolute;right:15%;top:0}.sc-home-hero .scx-mobile-card .scx-card-heading{max-width:45%}}@media(max-width:767px){.sc-home-hero .scx-product-triptych{grid-template-columns:1fr;gap:24px}.sc-home-hero .scx-feature-card{height:360px}.sc-home-hero .scx-dashboard-visual,.sc-home-hero .scx-dashboard-visual img{width:560px}.sc-home-hero .scx-analytics-visual{margin:24px 16px}.sc-home-hero .scx-insights-card{height:auto;min-height:320px;padding-bottom:24px}.sc-home-hero .scx-mobile-card{height:408px}.sc-home-hero .scx-mobile-visual,.sc-home-hero .scx-mobile-visual img{width:220px}.sc-home-hero .scx-card-heading h2{font-size:22px}}.sc-home-hero .scx-showcase>.scx-wrap{width:100%;max-width:none}.sc-home-hero .scx-product-triptych{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:14%;padding:8px 14% 24px;overscroll-behavior-x:contain;scrollbar-width:none}.sc-home-hero .scx-product-triptych::-webkit-scrollbar{display:none}.sc-home-hero .scx-product-triptych:focus-visible{outline:2px solid var(--sc-focus-ring);outline-offset:-3px}.sc-home-hero .scx-feature-card{flex:0 0 100%;height:460px;scroll-snap-align:center;scroll-snap-stop:always;grid-column:auto;transition:opacity .2s ease}.sc-home-hero .scx-feature-card:not(.scx-is-active){opacity:.75}.sc-home-hero .scx-card-heading{padding:32px 40px 0}.sc-home-hero .scx-card-heading h2{font-size:30px}.sc-home-hero .scx-card-kicker{font-size:12px}.sc-home-hero .scx-dashboard-visual{width:calc(100% - 80px);margin:24px 40px 0}.sc-home-hero .scx-dashboard-visual img{width:100%}.sc-home-hero .scx-analytics-visual{width:min(520px,calc(100% - 80px));margin:24px auto 0}.sc-home-hero .scx-analytics-visual img{width:100%;box-shadow:none}.sc-home-hero .scx-mobile-card .scx-card-heading{max-width:50%}.sc-home-hero .scx-mobile-visual{position:absolute;right:14%;top:24px;margin:0;width:250px}.sc-home-hero .scx-mobile-visual img{width:100%}.sc-home-hero .scx-carousel-controls{max-width:1280px;width:calc(100% - 96px);margin:0 auto;display:flex;align-items:center;gap:24px}.sc-home-hero .scx-carousel-dots{display:flex;gap:4px}.sc-home-hero .scx-carousel-dots button{width:44px;height:44px;position:relative;background:none;border:0;cursor:pointer}.sc-home-hero .scx-carousel-dots button:after{content:'';position:absolute;width:8px;height:8px;background:var(--sc-fg-muted);border-radius:99px;inset:18px}.sc-home-hero .scx-carousel-dots button[aria-current=true]:after{background:var(--sc-bg-brand);width:24px;left:10px}.sc-home-hero .scx-carousel-status{font:12px var(--sc-font-mono);color:var(--sc-fg-muted);margin:0}.sc-home-hero .scx-carousel-arrows{display:flex;gap:12px;margin-left:auto}.sc-home-hero .scx-carousel-arrows button{width:48px;height:48px;border-radius:50%;border:1px solid var(--sc-border-control);background:var(--sc-bg-canvas);color:var(--sc-fg-heading);font-size:22px;cursor:pointer}.sc-home-hero .scx-carousel-arrows button:hover:enabled{background:var(--sc-bg-subtle)}.sc-home-hero .scx-carousel-arrows button:disabled{opacity:.35;cursor:default}.sc-home-hero .scx-carousel-controls button:focus-visible{outline:3px solid var(--sc-focus-ring);outline-offset:3px}.sc-home-hero.scx-refined .scx-caption{padding:0 20px}@media(max-width:767px){.sc-home-hero .scx-product-triptych{gap:16px;padding-inline:20px;scroll-padding-inline:20px}.sc-home-hero .scx-feature-card{flex-basis:calc(100% - 24px);height:390px;min-height:0;padding-bottom:0;opacity:1!important}.sc-home-hero .scx-card-heading{padding:24px 20px 0}.sc-home-hero .scx-card-heading h2{font-size:24px}.sc-home-hero .scx-dashboard-visual{width:600px;margin:24px 20px 0}.sc-home-hero .scx-dashboard-visual img{width:600px}.sc-home-hero .scx-analytics-visual{width:calc(100% - 24px);margin:32px auto 0}.sc-home-hero .scx-mobile-card .scx-card-heading{max-width:none}.sc-home-hero .scx-mobile-visual{width:200px;top:120px;right:calc(50% - 100px)}.sc-home-hero .scx-carousel-controls{width:calc(100% - 40px);gap:8px}.sc-home-hero .scx-carousel-status{font-size:10px}.sc-home-hero .scx-carousel-arrows{gap:8px}.sc-home-hero .scx-carousel-dots{gap:0}.sc-home-hero .scx-carousel-dots button{width:32px}.sc-home-hero .scx-carousel-dots button:after{left:12px}.sc-home-hero .scx-carousel-dots button[aria-current=true]:after{width:20px;left:6px}.sc-home-hero .scx-carousel-arrows button{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.sc-home-hero .scx-feature-card{transition:none}}@media(min-width:768px){.sc-home-hero .scx-feature-card{height:500px}}@media(min-width:768px){.sc-home-hero .scx-product-triptych{padding-inline:28.4%;scroll-padding-inline:28.4%}.sc-home-hero .scx-feature-card{height:460px}.sc-home-hero .scx-card-heading{padding:28px 28px 0}.sc-home-hero .scx-card-heading h2{font-size:26px}.sc-home-hero .scx-dashboard-visual{width:660px;margin:24px 28px 0}.sc-home-hero .scx-dashboard-visual img{width:660px}.sc-home-hero .scx-analytics-visual{width:calc(100% - 40px);max-width:520px}.sc-home-hero .scx-mobile-card .scx-card-heading{max-width:none}.sc-home-hero .scx-mobile-visual{width:220px;top:130px;right:calc(50% - 110px)}}.sc-home-hero .scx-extra-visual{width:760px;margin:24px 24px 0;border:1px solid var(--sc-border);border-radius:10px 0 0 0;overflow:hidden}.sc-home-hero .scx-extra-visual img{width:760px}.sc-home-hero .scx-shows-card{background:var(--sc-bg-subtle)}.sc-home-hero .scx-monetisation-card{background:var(--sc-bg-selected)}@media(max-width:767px){.sc-home-hero .scx-carousel-controls{flex-wrap:wrap}.sc-home-hero .scx-carousel-status{order:3;width:100%;text-align:center;margin:8px 0}.sc-home-hero .scx-extra-visual,.sc-home-hero .scx-extra-visual img{width:620px}.sc-home-hero .scx-carousel-arrows{margin-left:auto}}

.sc-home-hero{font-family:var(--sc-font-body);background:var(--sc-bg-canvas);color:var(--sc-fg);}.sc-home-hero p,.sc-home-hero h1,.sc-home-hero h2{font-family:inherit}.sc-home-hero h1,.sc-home-hero h2{font-family:var(--sc-font-display)}