1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="c9aab2cc-f019-4236-a202-d1512bbfb6f9",e._sentryDebugIdIdentifier="sentry-dbid-c9aab2cc-f019-4236-a202-d1512bbfb6f9")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7607],{77607:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var i=n(54568);function a(){return(0,i.jsx)("style",{children:"\n .tpl-helix { -webkit-font-smoothing: antialiased; }\n .tpl-helix .hlx-display { font-family: var(--site-font-display, 'Montserrat', system-ui, sans-serif); }\n .tpl-helix .hlx-hero { min-height: var(--hlx-hero-min-height, 100svh); }\n .tpl-helix .hlx-hero-copy { min-width: 0; }\n .tpl-helix .hlx-hero-actions > * { min-width: 0; }\n .tpl-helix .hlx-hero-display {\n font-family: var(--site-font-display, 'Montserrat', system-ui, sans-serif); font-optical-sizing: auto;\n overflow-wrap: anywhere; text-wrap: balance;\n }\n .tpl-helix .hlx-body { font-family: var(--site-font-body, 'Montserrat', system-ui, sans-serif); }\n .tpl-helix .hlx-hero-wash {\n position: absolute; inset: 0; pointer-events: none; opacity: 0.7;\n background:\n radial-gradient(36% 38% at 6% 22%, rgba(118,184,42,0.12), transparent 70%),\n radial-gradient(40% 42% at 100% 8%, rgba(0,87,217,0.12), transparent 70%),\n radial-gradient(30% 34% at 76% 92%, rgba(200,155,44,0.12), transparent 70%);\n }\n .tpl-helix .hlx-dna { position: relative; display: grid; place-items: center; height: 460px; }\n .tpl-helix .hlx-dna-glow {\n position: absolute; inset: 10% 14%; pointer-events: none; border-radius: 50%; filter: blur(22px); opacity: 0.5;\n background:\n radial-gradient(46% 40% at 34% 20%, color-mix(in oklab, #76B82A, transparent 68%), transparent 70%),\n radial-gradient(48% 42% at 68% 50%, color-mix(in oklab, #0057D9, transparent 66%), transparent 70%),\n radial-gradient(46% 40% at 46% 84%, color-mix(in oklab, #C89B2C, transparent 70%), transparent 70%);\n }\n .tpl-helix .hlx-dna-stage { position: relative; width: 170px; height: 380px; perspective: 900px; }\n .tpl-helix .hlx-dna-rotor {\n position: absolute; left: 50%; top: 50%; width: 0; height: 0;\n transform-style: preserve-3d; animation: hlx-spin 26s linear infinite;\n }\n @keyframes hlx-spin { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } }\n .tpl-helix .hlx-rung { position: absolute; left: 0; top: 0; transform-style: preserve-3d; }\n .tpl-helix .hlx-bar { position: absolute; top: -1px; left: -70px; width: 140px; height: 2px; border-radius: 2px; background: var(--c); opacity: 0.26; }\n .tpl-helix .hlx-bead {\n position: absolute; top: -6px; width: 12px; height: 12px; border-radius: 9999px; background: var(--c);\n box-shadow: 0 0 11px color-mix(in oklab, var(--c), transparent 45%);\n }\n .tpl-helix .hlx-bead-a { left: -76px; }\n .tpl-helix .hlx-bead-b { left: 64px; }\n\n /* Until the desktop grid starts, Helix is a distinct vertical\n composition: copy leads, the DNA becomes a compact signature, and\n the section grows with custom content instead of insisting on a full\n viewport plus a desktop-sized illustration. */\n @media (max-width: 991px) {\n .tpl-helix .hlx-hero { min-height: auto; padding-block: clamp(4.5rem, 9vw, 5rem); }\n .tpl-helix .hlx-hero-grid { gap: clamp(2.5rem, 6vw, 3.5rem); }\n .tpl-helix .hlx-hero-art { width: min(100%, 29rem); margin-inline: auto; }\n .tpl-helix .hlx-hero-actions { margin-top: 2rem; }\n .tpl-helix .hlx-hero-stats { margin-top: 2.5rem; }\n .tpl-helix .hlx-dna { height: 360px; }\n .tpl-helix .hlx-dna-stage { transform: scale(0.84); transform-origin: center; }\n\n /* A per-word size from the rich-text drawer is intentionally a\n desktop edit. In the stacked composition it inherits the responsive\n heading/body scale, while colour and emphasis remain intact. */\n .tpl-helix .hlx-hero-copy .hlx-hero-display :is(span, a)[style*=\"font-size\"],\n .tpl-helix .hlx-hero-copy .hlx-body :is(span, a)[style*=\"font-size\"] { font-size: inherit !important; }\n }\n\n @media (max-width: 575px) {\n .tpl-helix .hlx-hero { padding-inline: 1.25rem; padding-block: 3.5rem 3.25rem; }\n .tpl-helix .hlx-hero-grid { gap: 2.25rem; }\n .tpl-helix .hlx-hero-actions { margin-top: 1.75rem; }\n .tpl-helix .hlx-hero-actions > :is(a, span, div) { width: 100%; }\n .tpl-helix .hlx-hero-actions [class~=\"group/btn\"] { width: 100%; justify-content: center; }\n .tpl-helix .hlx-hero-stats {\n display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.875rem 1rem; margin-top: 2rem;\n }\n .tpl-helix .hlx-hero-stats > div { min-width: 0; align-items: flex-start; }\n .tpl-helix .hlx-dna { height: 260px; }\n .tpl-helix .hlx-dna-stage { transform: scale(0.63); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .tpl-helix .hlx-dna-rotor { animation: none; transform: rotateY(16deg); }\n }\n "})}n(7620)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.