.sc-placeholder { background: color-mix(in srgb, currentcolor 8%, transparent 92%); border: 1px solid color-mix(in srgb, currentcolor, transparent); border-radius: 2px; box-sizing: border-box; overflow: hidden; } @keyframes sc-shine { 0% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } html.sc-dc-streaming .sc-placeholder, html.sc-dc-streaming .sc-interp.sc-missing { position: relative; background: color-mix(in srgb, currentcolor 5%, transparent 95%); border-color: transparent; } html.sc-dc-streaming .sc-placeholder::before, html.sc-dc-streaming .sc-interp.sc-missing::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg, rgba(217, 119, 87, 0) 25%, rgba(247, 225, 211, 0.95) 37%, rgba(217, 119, 87, 0) 63%) 0% 0% / 400% 100%; animation: 1.4s ease 0s infinite normal none running sc-shine; } html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before, html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before { animation: auto ease 0s 1 normal none running none; background: color-mix(in srgb, currentcolor 8%, transparent 92%); } .sc-placeholder-error { padding: 4px 8px; font: 11px / 1.4 ui-monospace, monospace; color: color-mix(in srgb, currentcolor 70%, transparent 30%); word-break: break-word; } .sc-interp.sc-missing { display: inline-block; width: 2em; height: 1em; overflow: hidden; vertical-align: text-bottom; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 2px; box-sizing: border-box; color: transparent; user-select: none; } .sc-interp.sc-unresolved { font-family: ui-monospace, monospace; font-size: 0.85em; color: color-mix(in srgb, currentcolor, transparent); background: color-mix(in srgb, currentcolor 10%, transparent 90%); border-radius: 3px; padding: 0px 3px; } .sc-host.sc-has-error { position: relative; } .sc-logic-error { position: absolute; top: 8px; left: 8px; z-index: 2147483647; max-width: 60ch; padding: 6px 10px; background: rgb(176, 0, 32); color: rgb(255, 255, 255); font: 12px / 1.4 ui-monospace, monospace; border-radius: 4px; white-space: pre-wrap; pointer-events: none; } @media print { @page { margin: 0.5cm; } figure, table { break-inside: avoid; } #dc-root, #dc-root > .sc-host { height: auto; } *, ::before, ::after { print-color-adjust: exact; backdrop-filter: none !important; animation-delay: -99s !important; animation-duration: 0.001s !important; animation-iteration-count: 1 !important; animation-fill-mode: both !important; animation-play-state: running !important; transition-duration: 0s !important; } } x-dc { display: none !important; } html, body { height: 100%; margin: 0px; } #dc-root, #dc-root > .sc-host { height: 100%; } @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/fonts/plus-jakarta-sans-normal-200-800.cb39517ad3.woff2") format("woff2"); } @font-face { font-family: "Plus Jakarta Sans"; font-style: italic; font-weight: 200 800; font-display: swap; src: url("/fonts/plus-jakarta-sans-italic-200-800.d163b8c2cf.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/jetbrains-mono-normal-400.27e9b32d1c.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/jetbrains-mono-normal-500.2186e58652.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/jetbrains-mono-normal-600.b4d8aa380f.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/jetbrains-mono-normal-700.d35e4b0cf6.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/jetbrains-mono-italic-400.3457333e78.woff2") format("woff2"); } :root { --blue: #0274B0; --blue-deep: #0369A1; --blue-bright: #0EA5E9; --blue-soft: #38BDF8; --blue-mid: #BAE6FD; --blue-light: #E0F2FE; --blue-glow: rgba(2,132,199,0.15); --ink: #020812; --ink-2: #061428; --ink-3: #0A1E38; --border-dark: #1E3358; --white: #FFFFFF; --bg: #FAFBFC; --bg-alt: #F1F5F9; --slate: #334155; --muted: #556680; --muted-2: #5E6E85; --border: #E2E8F0; --border-2: #CBD5E1; --green: #10B981; --green-light: #D1FAE5; --green-glow: rgba(16,185,129,0.30); --amber: #F59E0B; --amber-light: #FEF3C7; --red: #EF4444; --red-light: #FEE2E2; --grad-headline: linear-gradient(135deg,var(--blue) 0%,var(--blue-bright) 50%,var(--blue-soft) 100%); --surface-page: var(--white); --surface-page-alt: var(--bg); --surface-section-alt: var(--bg-alt); --surface-card: var(--white); --text-primary: var(--ink-2); --text-secondary: var(--slate); --text-tertiary: var(--muted); --text-faint: var(--muted-2); --text-inverse: var(--white); --border-hairline: var(--border); --border-strong: var(--border-2); --action-primary: var(--blue); --action-primary-hover: var(--blue-deep); --action-focus-ring: var(--blue-glow); --emphasis: var(--blue); --link: var(--blue); --link-hover: var(--blue-deep); --status-live: var(--green); --status-warn: var(--amber); --status-error: var(--red); --dark-surface-page: var(--ink); --dark-surface-card: var(--ink-2); --dark-surface-raised: var(--ink-3); --dark-border: var(--border-dark); --dark-text-primary: var(--white); --dark-text-secondary: rgba(255,255,255,0.62); --dark-text-faint: rgba(255,255,255,0.45); --dark-emphasis: var(--blue-mid); --dark-link: var(--blue-mid); --dark-tag-blue-bg: rgba(2,132,199,0.22); --dark-tag-blue-fg: #7DD3FC; --dark-tag-green-bg: rgba(16,185,129,0.18); --dark-tag-green-fg: #6EE7B7; } :root { --font: 'Plus Jakarta Sans',system-ui,-apple-system,sans-serif; --mono: 'JetBrains Mono',ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace; --font-sans: var(--font); --font-mono: var(--mono); --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-extrabold: 800; --fs-display: clamp(44px,6vw,76px); --fw-display: 800; --ls-display: -2.5px; --lh-display: 1.0; --fs-h1: 40px; --fw-h1: 800; --ls-h1: -1.2px; --lh-h1: 1.05; --fs-h2: 28px; --fw-h2: 700; --ls-h2: -0.5px; --lh-h2: 1.2; --fs-h3: 20px; --fw-h3: 700; --ls-h3: -0.3px; --lh-h3: 1.3; --fs-body-l: 18px; --lh-body-l: 1.7; --fs-body: 16px; --lh-body: 1.6; --fs-small: 14px; --fs-small-2: 13px; --fw-small: 500; --lh-small: 1.5; --fs-eyebrow: 11px; --fw-eyebrow: 600; --ls-eyebrow: 0.16em; --fs-readout: 12px; --fs-readout-sm: 11px; --fs-readout-tag: 10px; --wordmark-weight: 800; --wordmark-tracking: -0.04em; } :root { --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-7: 28px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-14: 56px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px; --container: 1080px; --container-wide: 1200px; --gutter: 28px; --section-y: 52px; --section-y-lg: 96px; --btn-pad: 13px 26px; --btn-pad-sm: 9px 16px; --badge-pad: 6px 15px; --readout-pad: 11px 14px; --card-pad: 22px; --input-pad: 11px 14px; } :root { --r: 8px; --r-lg: 12px; --r-xl: 16px; --r-2xl: 24px; --r-pill: 40px; --r-round: 50%; --radius-button: var(--r-lg); --radius-input: var(--r); --radius-chip: var(--r); --radius-card: var(--r-xl); --radius-panel: var(--r-xl); --radius-frame: var(--r-2xl); --radius-pill: var(--r-pill); --sh-sm: 0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04); --sh-md: 0 4px 16px rgba(0,0,0,0.08); --sh-lg: 0 12px 40px rgba(0,0,0,0.10); --sh-xl: 0 24px 64px rgba(0,0,0,0.12); --sh-featured: 0 12px 40px rgba(2,132,199,0.14); --sh-button-hover: 0 6px 20px var(--blue-glow); --glow-green: 0 0 12px var(--green-glow); --glow-blue: 0 0 40px rgba(2,132,199,0.35); --ambient-dark: radial-gradient(ellipse 60% 50% at 70% 0%,rgba(2,132,199,0.18) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 10% 100%,rgba(16,185,129,0.10) 0%,transparent 70%); --ambient-light: radial-gradient(ellipse 70% 70% at 78% -20%,rgba(2,132,199,0.08) 0%,transparent 70%); --ease: cubic-bezier(0.2,0.6,0.2,1); --dur: 0.18s; --dur-slow: 0.3s; } :root { --t-micro: 120ms; --t-state: 200ms; --t-rewrite: 450ms; --t-enter: 600ms; --ease-standard: cubic-bezier(.2,0,0,1); --ease-exit: cubic-bezier(.4,0,1,1); --stagger: 80ms; --rise: 8px; --lift: 3px; } @media (prefers-reduced-motion: reduce) { :root { --t-state: 0ms; --t-rewrite: 0ms; --t-enter: 0ms; --stagger: 0ms; } } @keyframes hw-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes hw-rise { 0% { opacity: 0; transform: translateY(var(--rise)); } 100% { opacity: 1; transform: none; } } body { font-family: var(--font); -webkit-font-smoothing: antialiased; line-height: 1.5; margin: 0px; } .theme-light { background: var(--white); color: var(--ink-2); } .theme-dark { background: var(--ink); color: var(--white); } em { color: var(--blue-mid); font-style: italic; font-weight: inherit; } .theme-light em { color: var(--blue); } a { color: var(--blue); text-decoration: none; } a:hover { color: var(--blue-deep); } .theme-dark a { color: var(--blue-mid); } .theme-dark a:hover { color: var(--white); } .gradient-text { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; } .eyebrow { font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); } @keyframes hw-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.85); } } .pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green-glow); animation: 1.6s ease-in-out 0s infinite normal none running hw-pulse; flex-shrink: 0; display: inline-block; } @media (prefers-reduced-motion: reduce) { .pulse-dot { animation: auto ease 0s 1 normal none running none; } } @font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/fonts/plus-jakarta-sans-normal-200-800.cb39517ad3.woff2") format("woff2"); } @font-face { font-family: "Plus Jakarta Sans"; font-style: italic; font-weight: 200 800; font-display: swap; src: url("/fonts/plus-jakarta-sans-italic-200-800.d163b8c2cf.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/jetbrains-mono-normal-400.27e9b32d1c.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/jetbrains-mono-normal-500.2186e58652.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/jetbrains-mono-normal-600.b4d8aa380f.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/jetbrains-mono-normal-700.d35e4b0cf6.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/jetbrains-mono-italic-400.3457333e78.woff2") format("woff2"); } :root { --blue: #0274B0; --blue-deep: #0369A1; --blue-bright: #0EA5E9; --blue-soft: #38BDF8; --blue-mid: #BAE6FD; --blue-light: #E0F2FE; --blue-glow: rgba(2,132,199,0.15); --ink: #020812; --ink-2: #061428; --ink-3: #0A1E38; --border-dark: #1E3358; --white: #FFFFFF; --bg: #FAFBFC; --bg-alt: #F1F5F9; --slate: #334155; --muted: #556680; --muted-2: #5E6E85; --border: #E2E8F0; --border-2: #CBD5E1; --green: #10B981; --green-light: #D1FAE5; --green-glow: rgba(16,185,129,0.30); --amber: #F59E0B; --amber-light: #FEF3C7; --red: #EF4444; --red-light: #FEE2E2; --grad-headline: linear-gradient(135deg,var(--blue) 0%,var(--blue-bright) 50%,var(--blue-soft) 100%); --surface-page: var(--white); --surface-page-alt: var(--bg); --surface-section-alt: var(--bg-alt); --surface-card: var(--white); --text-primary: var(--ink-2); --text-secondary: var(--slate); --text-tertiary: var(--muted); --text-faint: var(--muted-2); --text-inverse: var(--white); --border-hairline: var(--border); --border-strong: var(--border-2); --action-primary: var(--blue); --action-primary-hover: var(--blue-deep); --action-focus-ring: var(--blue-glow); --emphasis: var(--blue); --link: var(--blue); --link-hover: var(--blue-deep); --status-live: var(--green); --status-warn: var(--amber); --status-error: var(--red); --dark-surface-page: var(--ink); --dark-surface-card: var(--ink-2); --dark-surface-raised: var(--ink-3); --dark-border: var(--border-dark); --dark-text-primary: var(--white); --dark-text-secondary: rgba(255,255,255,0.62); --dark-text-faint: rgba(255,255,255,0.45); --dark-emphasis: var(--blue-mid); --dark-link: var(--blue-mid); --dark-tag-blue-bg: rgba(2,132,199,0.22); --dark-tag-blue-fg: #7DD3FC; --dark-tag-green-bg: rgba(16,185,129,0.18); --dark-tag-green-fg: #6EE7B7; } :root { --font: 'Plus Jakarta Sans',system-ui,-apple-system,sans-serif; --mono: 'JetBrains Mono',ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace; --font-sans: var(--font); --font-mono: var(--mono); --fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-extrabold: 800; --fs-display: clamp(44px,6vw,76px); --fw-display: 800; --ls-display: -2.5px; --lh-display: 1.0; --fs-h1: 40px; --fw-h1: 800; --ls-h1: -1.2px; --lh-h1: 1.05; --fs-h2: 28px; --fw-h2: 700; --ls-h2: -0.5px; --lh-h2: 1.2; --fs-h3: 20px; --fw-h3: 700; --ls-h3: -0.3px; --lh-h3: 1.3; --fs-body-l: 18px; --lh-body-l: 1.7; --fs-body: 16px; --lh-body: 1.6; --fs-small: 14px; --fs-small-2: 13px; --fw-small: 500; --lh-small: 1.5; --fs-eyebrow: 11px; --fw-eyebrow: 600; --ls-eyebrow: 0.16em; --fs-readout: 12px; --fs-readout-sm: 11px; --fs-readout-tag: 10px; --wordmark-weight: 800; --wordmark-tracking: -0.04em; } :root { --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-7: 28px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-14: 56px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px; --container: 1080px; --container-wide: 1200px; --gutter: 28px; --section-y: 52px; --section-y-lg: 96px; --btn-pad: 13px 26px; --btn-pad-sm: 9px 16px; --badge-pad: 6px 15px; --readout-pad: 11px 14px; --card-pad: 22px; --input-pad: 11px 14px; } :root { --r: 8px; --r-lg: 12px; --r-xl: 16px; --r-2xl: 24px; --r-pill: 40px; --r-round: 50%; --radius-button: var(--r-lg); --radius-input: var(--r); --radius-chip: var(--r); --radius-card: var(--r-xl); --radius-panel: var(--r-xl); --radius-frame: var(--r-2xl); --radius-pill: var(--r-pill); --sh-sm: 0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04); --sh-md: 0 4px 16px rgba(0,0,0,0.08); --sh-lg: 0 12px 40px rgba(0,0,0,0.10); --sh-xl: 0 24px 64px rgba(0,0,0,0.12); --sh-featured: 0 12px 40px rgba(2,132,199,0.14); --sh-button-hover: 0 6px 20px var(--blue-glow); --glow-green: 0 0 12px var(--green-glow); --glow-blue: 0 0 40px rgba(2,132,199,0.35); --ambient-dark: radial-gradient(ellipse 60% 50% at 70% 0%,rgba(2,132,199,0.18) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 10% 100%,rgba(16,185,129,0.10) 0%,transparent 70%); --ambient-light: radial-gradient(ellipse 70% 70% at 78% -20%,rgba(2,132,199,0.08) 0%,transparent 70%); --ease: cubic-bezier(0.2,0.6,0.2,1); --dur: 0.18s; --dur-slow: 0.3s; } :root { --t-micro: 120ms; --t-state: 200ms; --t-rewrite: 450ms; --t-enter: 600ms; --ease-standard: cubic-bezier(.2,0,0,1); --ease-exit: cubic-bezier(.4,0,1,1); --stagger: 80ms; --rise: 8px; --lift: 3px; } @media (prefers-reduced-motion: reduce) { :root { --t-state: 0ms; --t-rewrite: 0ms; --t-enter: 0ms; --stagger: 0ms; } } @keyframes hw-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes hw-rise { 0% { opacity: 0; transform: translateY(var(--rise)); } 100% { opacity: 1; transform: none; } } body { font-family: var(--font); -webkit-font-smoothing: antialiased; line-height: 1.5; margin: 0px; } .theme-light { background: var(--white); color: var(--ink-2); } .theme-dark { background: var(--ink); color: var(--white); } em { color: var(--blue-mid); font-style: italic; font-weight: inherit; } .theme-light em { color: var(--blue); } a { color: var(--blue); text-decoration: none; } a:hover { color: var(--blue-deep); } .theme-dark a { color: var(--blue-mid); } .theme-dark a:hover { color: var(--white); } .gradient-text { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; } .eyebrow { font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); } @keyframes hw-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.85); } } .pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green-glow); animation: 1.6s ease-in-out 0s infinite normal none running hw-pulse; flex-shrink: 0; display: inline-block; } @media (prefers-reduced-motion: reduce) { .pulse-dot { animation: auto ease 0s 1 normal none running none; } } :root { --t-micro: 120ms; --t-state: 200ms; --t-rewrite: 450ms; --t-enter: 600ms; --ease-standard: cubic-bezier(.2,0,0,1); --ease-exit: cubic-bezier(.4,0,1,1); --stagger: 80ms; --rise: 8px; --lift: 3px; } @media (prefers-reduced-motion: reduce) { :root { --t-state: 0ms; --t-rewrite: 0ms; --t-enter: 0ms; --stagger: 0ms; } } * { box-sizing: border-box; } html, body { margin: 0px; overflow-x: clip; } html body #dc-root, html body #dc-root > .sc-host { height: auto; min-height: 100%; } body { font-family: var(--font); color: var(--ink-2); background: var(--white); -webkit-font-smoothing: antialiased; } a { color: var(--blue); text-decoration: none; transition: color var(--t-micro) var(--ease-standard); } a:hover { color: var(--blue-deep); } :focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; transition: none; } img { max-width: 100%; display: block; } .mono { font-family: ui-monospace, "JetBrains Mono", Menlo, monospace; } .wrap { max-width: 1200px; margin: 0px auto; padding: 0px 32px; } .sec { padding: 96px 0px; background: rgb(255, 255, 255); } .sec.alt { background: rgb(241, 245, 249); } h1, h2, h3, p { margin: 0px; text-wrap: pretty; } h2 { font-size: 28px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.2; color: var(--ink); } h3 { font-size: 20px; font-weight: 700; letter-spacing: -0.3px; line-height: 1.3; color: var(--ink); } h2 em, h3 em { color: var(--blue); } .lead { font-size: 18px; line-height: 1.7; color: var(--slate); } .body { font-size: 16px; line-height: 1.6; color: var(--slate); } .small { font-size: 14px; font-weight: 500; color: var(--muted); } .readline { font-size: 12px; color: var(--muted); letter-spacing: 0.02em; } .head { display: grid; gap: 14px; max-width: 680px; margin-bottom: 44px; } .xf { display: grid; min-width: 0px; } .xf-l { grid-area: 1 / 1; min-width: 0px; opacity: 0; visibility: hidden; transition: opacity var(--t-rewrite) var(--ease-exit),visibility 0s linear var(--t-rewrite); } .xf-l.on { opacity: 1; visibility: visible; transition: opacity var(--t-rewrite) var(--ease-standard),visibility 0s; } .xf.st > .xf-l { transition: opacity var(--t-state) var(--ease-exit),visibility 0s linear var(--t-state); } .xf.st > .xf-l.on { transition: opacity var(--t-state) var(--ease-standard),visibility 0s; } .top { position: sticky; top: 0px; z-index: 40; } .hdr { background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(8px); border-bottom: 1px solid var(--border); } .hdr-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 64px; } .hdr-nav { display: flex; gap: 28px; } .hdr-nav a { font-size: 13.5px; font-weight: 600; color: var(--slate); } .hdr-nav a:hover { color: var(--ink); } .hdr-nav a.on { color: var(--blue); } .hdr-r { display: flex; align-items: center; gap: 18px; } .lang { display: flex; gap: 6px; font-size: 11px; color: var(--muted-2); } .lang a { color: var(--muted-2); } .lang .on { color: var(--ink); font-weight: 600; } .login { font-size: 13.5px; font-weight: 600; color: var(--slate); } .menu-btn { display: none; background: none; border: 1px solid var(--border); border-radius: 8px; width: 44px; height: 44px; cursor: pointer; align-items: center; justify-content: center; flex-direction: column; gap: 4px; padding: 0px; } .menu-btn span { width: 16px; height: 1.5px; background: var(--ink-2); display: block; } .mnav { display: none; border-top: 1px solid var(--border); padding: 12px 32px 20px; background: var(--white); } .mnav a { display: block; padding: 12px 0px; font-size: 16px; font-weight: 600; color: var(--slate); border-bottom: 1px solid var(--border); } .mnav .mrow { display: flex; justify-content: space-between; align-items: center; padding-top: 14px; } .istrip { position: relative; height: 32px; background: rgb(241, 245, 249); border-bottom: 1px solid rgb(226, 232, 240); } .istrip-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 100%; } .is-read { position: relative; display: flex; align-items: center; gap: 10px; min-width: 0px; flex: 1 1 0%; height: 32px; background: none; border: 0px; padding: 0px; cursor: pointer; font-family: ui-monospace, "JetBrains Mono", Menlo, monospace; font-size: 11px; color: var(--slate); text-align: left; } .is-read::after { content: ""; position: absolute; inset: -6px; } .is-read .xf { flex: 1 1 0%; } .is-read .xf-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .is-read b { font-weight: 600; color: var(--ink); } .is-right { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; } .is-count { font-size: 11px; color: var(--muted); white-space: nowrap; animation: hwfade var(--t-state) var(--ease-standard); } @keyframes hwfade { 0% { opacity: 0; } 100% { opacity: 1; } } .is-menu { position: absolute; top: 34px; left: 24px; z-index: 45; background: var(--white); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--sh-md); padding: 6px; display: grid; min-width: 220px; } .is-menu p { font-size: 11px; color: var(--muted); padding: 8px 12px 4px; } .is-menu button { min-height: 44px; text-align: left; background: none; border: 0px; border-radius: 8px; padding: 0px 12px; font: 600 14px var(--font); color: var(--ink-2); cursor: pointer; transition: background var(--t-micro) var(--ease-standard); } .is-menu button:hover { background: var(--bg-alt); } .mbar { display: none; } .hero { position: relative; background: var(--white); padding: 88px 0px 96px; overflow: hidden; border-bottom: 1px solid var(--border); } .hero::before { content: ""; position: absolute; inset: 0px; background: var(--ambient-light); pointer-events: none; } .display { font-size: clamp(44px, 5vw, 76px); font-weight: 800; letter-spacing: -2.5px; line-height: 1; color: var(--ink); } .hl-em { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .btns { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .g2 { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 48px; } .g3 { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; } .ftr { background: var(--ink); color: rgba(255, 255, 255, 0.62); padding: 64px 0px 32px; } .ftr-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 32px; } .ftr h2 { margin: 0px 0px 14px; font-family: ui-monospace, "JetBrains Mono", Menlo, monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); } .ftr ul { list-style: none; margin: 0px; padding: 0px; display: grid; gap: 10px; } .ftr a { color: rgba(255, 255, 255, 0.72); font-size: 14px; } .ftr a:hover { color: var(--white); } .ftr-brand { justify-self: end; } .ftr-bot { margin-top: 48px; padding-top: 22px; border-top: 1px solid var(--border-dark); display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; font-size: 12px; } .ftr .lang a { color: rgba(255, 255, 255, 0.5); font-size: 11px; } .ftr .lang .on { color: var(--white); } .js-rise .rise { transition: opacity var(--t-enter) var(--ease-standard),transform var(--t-enter) var(--ease-standard); } .js-rise .rise:not(.in) { opacity: 0; transform: translateY(var(--rise)); } .js-rise .rise.noanim { transition: none; } @media (prefers-reduced-motion: reduce) { .js-rise .rise, .js-rise .rise:not(.in) { opacity: 1; transform: none; transition: none; } .pulse-dot { animation: auto ease 0s 1 normal none running none !important; } .is-count { animation: auto ease 0s 1 normal none running none; } } @media (max-width: 1100px) { .ftr-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .ftr-brand { justify-self: start; } } @media (max-width: 900px) { .sec { padding: 56px 0px; } .hero { padding: 48px 0px 56px; } .hdr-nav, .login, .hdr-r .lang { display: none; } .menu-btn { display: inline-flex; } .mnav.open { display: block; } .is-count { display: none; } .g2, .g3 { grid-template-columns: minmax(0px, 1fr); gap: 32px; } .mbar { display: block; position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 39; background: var(--white); border-top: 1px solid var(--border); padding: 10px 20px; transform: translateY(100%); transition: transform var(--t-rewrite) var(--ease-standard); } .mbar.show { transform: none; } .ftr { padding-bottom: 88px; } } @media (max-width: 720px) { .ftr-grid { grid-template-columns: minmax(0px, 1fr); } .wrap { padding: 0px 20px; } .mnav { padding: 12px 20px 20px; } .is-menu { left: 12px; } } .js-rise .rise.stg > * { transition: opacity var(--t-enter) var(--ease-standard),transform var(--t-enter) var(--ease-standard); } .js-rise .rise.stg:not(.in) > * { opacity: 0; transform: translateY(var(--rise)); } .js-rise .rise.stg:not(.in) { opacity: 1; transform: none; } .js-rise .rise.stg > :nth-child(2) { transition-delay: var(--stagger); } .js-rise .rise.stg > :nth-child(3) { transition-delay: calc(var(--stagger)*2); } .bill { display: inline-flex; padding: 4px; gap: 4px; background: var(--white); border: 1px solid var(--border); border-radius: 40px; } .bill button { min-height: 44px; padding: 0px 22px; border: 0px; border-radius: 40px; background: none; font: 600 14px var(--font); color: var(--slate); cursor: pointer; transition: background var(--t-micro) var(--ease-standard),color var(--t-micro) var(--ease-standard); } .bill button:hover { color: var(--ink); } .bill button[aria-checked="true"] { background: var(--blue); color: var(--white); } .tier { display: grid; gap: 20px; align-content: start; height: 100%; } .price { font-size: 44px; font-weight: 800; letter-spacing: -1.5px; line-height: 1; color: var(--ink); } .per { font-size: 12px; color: var(--muted); margin-top: 8px; } .tl { list-style: none; margin: 0px; padding: 0px; border-bottom: 1px solid var(--border); } .tl li { border-top: 1px solid var(--border); padding: 11px 0px; font-size: 14px; line-height: 1.5; color: var(--slate); } .cmp { border: 1px solid var(--border); border-radius: 16px; background: rgb(241, 245, 249); } .cmp-row { display: grid; grid-template-columns: minmax(0px, 2.2fr) repeat(3, minmax(0px, 1fr)); gap: 16px; align-items: center; padding: 0px 22px; border-top: 1px solid var(--border); min-height: 52px; } .cmp-row:first-child { border-top: 0px; } .cmp-hd { min-height: 48px; font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); } .cmp-hd .gr { color: var(--blue); } .cmp-name { position: relative; } .cmp-btn { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; background: none; border: 0px; padding: 0px; text-align: left; font: 600 15px var(--font); color: var(--ink-2); cursor: help; } .cmp-btn .lbl { text-decoration: underline dotted var(--border-2); text-underline-offset: 4px; transition: text-decoration-color var(--t-micro) var(--ease-standard); } .cmp-name:hover .lbl, .cmp-btn:focus-visible .lbl { text-decoration-color: var(--blue); } .chev { display: none; width: 8px; height: 8px; border-right: 1.5px solid var(--muted); border-bottom: 1.5px solid var(--muted); transform: rotate(45deg); flex: 0 0 auto; margin-top: -4px; } .cmp-row.open .chev { transform: rotate(-135deg); margin-top: 4px; } .cmp-tip { display: none; position: absolute; left: 0px; top: calc(100% + 4px); z-index: 20; width: 380px; background: var(--white); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--sh-md); padding: 16px 18px; } .cmp-name:hover .cmp-tip, .cmp-btn:focus-visible + .cmp-tip { display: block; } .expl { display: grid; gap: 10px; margin: 0px; } .expl dt { font-size: 10px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted-2); } .expl dd { margin: 2px 0px 0px; font-size: 14px; line-height: 1.5; color: var(--slate); } .cmp-v { font-size: 12px; color: var(--ink-2); } .cmp-v.no { color: var(--muted-2); } .cmp-exp { display: none; } .mtile { display: grid; gap: 10px; align-content: start; } @media (max-width: 900px) { .cmp { border-radius: 12px; } .cmp-hd { display: none; } .cmp-row { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 4px 12px; padding: 6px 16px 14px; align-items: start; } .cmp-row:nth-child(2) { border-top: 0px; } .cmp-name { grid-column: 1 / -1; } .cmp-btn { cursor: pointer; } .cmp-btn .lbl { text-decoration: none; } .chev { display: block; } .cmp-tip { display: none !important; } .cmp-v::before { content: attr(data-t); display: block; font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted-2); margin-bottom: 2px; } .cmp-row.open .cmp-exp { display: block; grid-column: 1 / -1; margin-top: 12px; padding-top: 14px; border-top: 1px solid var(--border); } .price { font-size: 40px; } } .faq { border-bottom: 1px solid var(--border-2); } .faq-q { display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 100%; min-height: 64px; padding: 18px 0px; background: none; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--border-2); text-align: left; font: 700 18px/1.35 var(--font); letter-spacing: -0.2px; color: var(--ink); cursor: pointer; } .faq-q .chev { display: block; } .faq-q[aria-expanded="true"] .chev { transform: rotate(-135deg); margin-top: 4px; } .faq-a { padding: 0px 0px 22px; max-width: 680px; }

ENNL

Product Kanalen Prijzen Partners Vertrouwen Over ons

Inloggen

ENNL

01 / 07 · hero

prijzen

Begin zelf of laat ons het samen met u draaien.

Twee deuren, twee ingangen. Geen twee treden van dezelfde ladder.

14 dagen proef · 50.000 signals tijdens de proefperiode · €0 vandaag, kaart opgeslagen bij het afrekenen · maandelijks opzegbaar · prijzen exclusief btw

Launch

Bewijs het mechanisme op uw eigen verkeer.

€99

per maand

Start gratis proefperiode →

Elke bezoeker krijgt een eigen versie van uw pagina
Zie welke bedrijven langskwamen, en hoe warm, met meldingen
Campagnelinks, korte links en de pipelinewaardetegel
500.000 signals per maand, één gebruiker
5 door AI opgestelde opvolgingen per maand. Een echt plafond, hardop gezegd.

Growth

MEEST GEKOZEN

Growth ontsluit het saleswerk, niet grotere getallen.

€299

per maand

Start gratis proefperiode →

Alles uit Launch, voor het hele team, met 2.000.000 signals per maand
Een salesdossier per herkend bedrijf
Verhaallijnen voor het tweede bezoek, de pagina gaat verder waar ze gebleven was
Uw eigen beeld, gelabeld per doelgroep, nooit door AI gegenereerd
Onbeperkt AI-concepten binnen fair use, plus routering van meldingen
Volledig GEO-rapport en 10 ABM-vastgezette links.

Scale

Scale is Growth op het volume van demand generation.

€599

per maand

Start gratis proefperiode →

Alles uit Growth, met 10.000.000 signals per maand
Onbeperkt ABM-vastgezette links voor outbound op volume
Advertentie-naar-funnel boodschapkits per doelgroepvariant
Volledige toegang tot de branchebenchmark, niet alleen uw eigen percentiel.

Enterprise: op aanvraag. Voor groepen met meerdere tenants, met een dashboard over alle klanten heen.

Vergelijk alle drie de plannen.

Beweeg over een functie voor wat het is, wat het doet en waarom het loont. Op een telefoon tikt u op de rij.

FunctieLaunchGrowthScale

Ja

Wat het is: De motor die uw funnelpagina bouwt uit uw eigen content.
Wat het doet: Genereert meer dan duizend paginavarianten, één voor elke branche en vraag, en blijft zich aanpassen nadat de bezoeker kiest.
Waarom het loont: Elke bezoeker leest een pagina die voor hem is geschreven, zodat meer van de kliks die u koopt gesprekken worden.

500K

2M

10M

Wat het is: Uw maandelijkse tegoed aan AI-werk: pagina's genereren, scoren, concepten en analyse.
Wat het doet: Bepaalt hoeveel verkeer en hoeveel campagnes HyperW elke maand voor u kan personaliseren.
Waarom het loont: U betaalt voor het volume dat u draait, niet voor functies die u niet gebruikt.

1

Team

Wat het is: Het aantal mensen dat kan inloggen op uw HyperW-paneel.
Wat het doet: Launch is één plek. Met Growth en Scale werken uw marketing- en salesteam in hetzelfde paneel.
Waarom het loont: Sales ziet dezelfde bezoeken en concepten als marketing, zonder rapporten door te sturen.

Ja

Wat het is: Herkenning van de organisatie achter een bezoek, op bedrijfsniveau.
Wat het doet: Laat zien welke bedrijven uw funnel bezochten en wat ze lazen, binnen uw toestemmingsinstellingen.
Waarom het loont: U weet welke doelaccounts interesse tonen voordat ze een formulier invullen.

Ja

Plus routering

Wat het is: Een score per bezoek op basis van gedrag en intentie, getoond in Deal Radar.
Wat het doet: Rangschikt bezoeken van heet naar koud, met meldingen in Microsoft Teams; Growth en Scale routeren meldingen naar de juiste persoon.
Waarom het loont: Sales belt eerst het juiste bedrijf, terwijl de interesse nog warm is.

Ja

Wat het is: Een tegel in uw rapport die de pipelinewaarde schat van de bezoeken die HyperW opleverde.
Wat het doet: Vermenigvuldigt gekwalificeerde bezoeken met uw eigen dealwaarde en toont het resultaat naast uw uitgaven.
Waarom het loont: U ziet bij de verlenging wat de funnel waard is, in euro's, niet in kliks.

5 per maand

Onbeperkt, fair use

Wat het is: Een opvolgmail opgesteld op basis van wat de bezoeker werkelijk las.
Wat het doet: Verschijnt in het paneel naast het bezoek, klaar om te bewerken en over te nemen in uw eigen mail. Launch bevat er vijf per maand.
Waarom het loont: De opvolging gaat dezelfde dag de deur uit in plaats van volgende week.

Nee

Ja

Wat het is: Een samenvatting van één pagina per herkend bedrijf.
Wat het doet: Verzamelt hun bezoeken, de pagina's en panelen die ze lazen, hun score en de voorgestelde volgende stap.
Waarom het loont: Een accountmanager gaat het gesprek in wetend wat de prospect belangrijk vindt.

Nee

Ja

Wat het is: Een andere verhaallijn voor bezoekers die terugkomen.
Wat het doet: Herkent een terugkerend bezoek en gaat verder waar de pagina gebleven was, in plaats van het eerste verhaal te herhalen.
Waarom het loont: Terugkerende bezoekers zijn uw warmste verkeer; dit brengt ze verder in plaats van opnieuw te beginnen.

Detectietegel

Volledig rapport

Volledig plus citatiemateriaal

Wat het is: Een rapport over hoe AI-zoekmachines uw content zien.
Wat het doet: Launch laat zien of AI-verwijzingen u bereiken. Growth voegt het volledige rapport toe. Scale voegt kant-en-klaar citatiemateriaal toe.
Waarom het loont: Uw funnel verschijnt wanneer kopers een AI vragen in plaats van een zoekmachine.

Ja

Wat het is: Een korte link per campagne, kanaal of ontvanger.
Wat het doet: Stuurt elke bezoeker naar de funnel met branche, vraag en campagne al ingesteld, en registreert de klik.
Waarom het loont: Elke LinkedIn-post, mail en QR-code krijgt eigen resultaten, zodat u weet welk kanaal werkt.

Nee

10

Onbeperkt

Wat het is: Een persoonlijke link per doelaccount met de pagina vastgezet op hun sector en vraag.
Wat het doet: Het account landt op de juiste pagina zonder iets te kiezen. Growth bevat er tien, Scale is onbeperkt.
Waarom het loont: Uw waardevolste accounts krijgen uw relevantste pagina.

Nee

Ja

Wat het is: Bij elkaar passende advertentietekst en funneltekst per doelgroep, samen gegenereerd.
Wat het doet: De boodschap die een bezoeker in de advertentie ziet, loopt door op de pagina waarop hij landt.
Waarom het loont: Geen gebroken belofte tussen advertentie en pagina, dus minder afhakers op betaald verkeer.

Eigen percentiel

Volledige toegang

Wat het is: Vergelijking van uw funnelresultaten met andere B2B-funnels op HyperW, geanonimiseerd.
Wat het doet: Launch en Growth tonen uw eigen percentiel. Scale opent de volledige benchmark.
Waarom het loont: U weet of 4 procent conversie goed is of een probleem voor uw branche.

de tweede deur

Managed Start, op aanvraag.

Wij zetten de funnel op en draaien de eerste campagnes samen met u. Een vaste werkwijze, geen maatwerkuitzondering.

01 · GEBOUWD

Kennisbank, funnelpagina's, campagnelinks en meldingskanalen, voor u opgezet.

02 · RITME

Eén concreet voorstel per week, een maandrapport in gewone taal.

03 · LOOPTIJD

Drie of zes maanden, daarna neemt u het over of verlengt u maand na maand.

Een eenmalige opzet, daarna tijdens de looptijd een maandelijkse managed fee bovenop de Scale-licentie. Na de overdracht vervalt de managed fee en gaat u maand na maand verder.

Alles is zichtbaar behalve het bedrag. Vaste prijs, genoemd in ons antwoord binnen één werkdag.

De aanvraag is de eerste stap van de onboarding. Wij reageren binnen één werkdag.

Vraag een voorstel aan

De pipelinewaardetegel in uw rapport schat wat de funnel waard is in euro's, op basis van uw eigen dealwaarde.

Vragen.

Moet ik mijn website aanpassen?

Hoe werkt de proefperiode?

Waarom vraagt HyperW om een betaalkaart?

Wat gebeurt er op dag 14?

Kan ik van plan wisselen of opzeggen?

Wat is een signal?

Wat moet ik zelf aanleveren?

Heb ik training nodig?

Hoe gaat HyperW met mijn gegevens om?

Begin bij €99, maandelijks opzegbaar.

Start gratis proefperiode →

Begin zelf of laat ons het samen met u draaien.

Plannen

{{ t.name }}

Vergelijk alle drie de plannen.

Managed Start, op aanvraag.

Vragen.

Begin bij €99, maandelijks opzegbaar.