@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow:wght@400;500;600;700&display=swap');
/* OCPH Powerhouse — GoHighLevel export. Generated by
   website/scripts/ukiyo-build-ghl-export.py. Do not hand-edit: rerun it.
   Every selector below is scoped to #ocph-root so nothing here can reach
   GHL's own page chrome — with ONE named exception, the row-width escape
   at the end, which has to reach an ancestor and says so. */
@font-face{font-family:Anton Fallback;src:local(Arial);ascent-override:129.7%;descent-override:36.29%;line-gap-override:0.0%;size-adjust:90.69%}#ocph-root .anton_e5f45ee7-module__adCnNW__className{font-family:Anton,Anton Fallback;font-style:normal;font-weight:400}#ocph-root .anton_e5f45ee7-module__adCnNW__variable{--font-anton:"Anton", "Anton Fallback"}@font-face{font-family:Barlow Fallback;src:local(Arial);ascent-override:103.43%;descent-override:20.69%;line-gap-override:0.0%;size-adjust:96.68%}#ocph-root .barlow_3efa340c-module__nz_60G__className{font-family:Barlow,Barlow Fallback;font-style:normal}#ocph-root .barlow_3efa340c-module__nz_60G__variable{--font-barlow:"Barlow", "Barlow Fallback"}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){#ocph-root *,#ocph-root :before,#ocph-root :after,#ocph-root ::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}#ocph-root{--font-sans:var(--font-barlow), system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-amber:#ffa300;--color-amber-deep:#c87c00;--color-surface:#0b0b0b;--color-line:#ffffff1a;--color-muted:#ffffffa8;--font-display:var(--font-anton), "Arial Narrow", sans-serif}#ocph-root *,#ocph-root :after,#ocph-root :before,#ocph-root ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}#ocph-root ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}#ocph-root{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}#ocph-root hr{height:0;color:inherit;border-top-width:1px}#ocph-root abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#ocph-root h1,#ocph-root h2,#ocph-root h3,#ocph-root h4,#ocph-root h5,#ocph-root h6{font-size:inherit;font-weight:inherit}#ocph-root a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}#ocph-root b,#ocph-root strong{font-weight:bolder}#ocph-root code,#ocph-root kbd,#ocph-root samp,#ocph-root pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}#ocph-root small{font-size:80%}#ocph-root sub,#ocph-root sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}#ocph-root sub{bottom:-.25em}#ocph-root sup{top:-.5em}#ocph-root table{text-indent:0;border-color:inherit;border-collapse:collapse}#ocph-root :-moz-focusring:where(:not(iframe)){outline:auto}#ocph-root progress{vertical-align:baseline}#ocph-root summary{display:list-item}#ocph-root ol,#ocph-root ul,#ocph-root menu{list-style:none}#ocph-root img,#ocph-root svg,#ocph-root video,#ocph-root canvas,#ocph-root audio,#ocph-root iframe,#ocph-root embed,#ocph-root object{vertical-align:middle;display:block}#ocph-root img,#ocph-root video{max-width:100%;height:auto}#ocph-root button,#ocph-root input,#ocph-root select,#ocph-root optgroup,#ocph-root textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}#ocph-root ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}#ocph-root :where(select:is([multiple],[size])) optgroup{font-weight:bolder}#ocph-root :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}#ocph-root ::file-selector-button{margin-inline-end:4px}#ocph-root ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){#ocph-root ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){#ocph-root ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}#ocph-root textarea{resize:vertical}#ocph-root ::-webkit-search-decoration{-webkit-appearance:none}#ocph-root ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}#ocph-root ::-webkit-datetime-edit{display:inline-flex}#ocph-root ::-webkit-datetime-edit-fields-wrapper{padding:0}#ocph-root ::-webkit-datetime-edit{padding-block:0}#ocph-root ::-webkit-datetime-edit-year-field{padding-block:0}#ocph-root ::-webkit-datetime-edit-month-field{padding-block:0}#ocph-root ::-webkit-datetime-edit-day-field{padding-block:0}#ocph-root ::-webkit-datetime-edit-hour-field{padding-block:0}#ocph-root ::-webkit-datetime-edit-minute-field{padding-block:0}#ocph-root ::-webkit-datetime-edit-second-field{padding-block:0}#ocph-root ::-webkit-datetime-edit-millisecond-field{padding-block:0}#ocph-root ::-webkit-datetime-edit-meridiem-field{padding-block:0}#ocph-root ::-webkit-calendar-picker-indicator{line-height:1}#ocph-root :-moz-ui-invalid{box-shadow:none}#ocph-root button,#ocph-root input:where([type=button],[type=reset],[type=submit]){appearance:button}#ocph-root ::file-selector-button{appearance:button}#ocph-root ::-webkit-inner-spin-button{height:auto}#ocph-root ::-webkit-outer-spin-button{height:auto}#ocph-root [hidden]:where(:not([hidden=until-found])){display:none!important}#ocph-root .pointer-events-auto{pointer-events:auto}#ocph-root .pointer-events-none{pointer-events:none}#ocph-root .collapse{visibility:collapse}#ocph-root .invisible{visibility:hidden}#ocph-root .visible{visibility:visible}#ocph-root .absolute{position:absolute}#ocph-root .fixed{position:fixed}#ocph-root .relative{position:relative}#ocph-root .static{position:static}#ocph-root .sticky{position:sticky}#ocph-root .inset-0{inset:0}#ocph-root .inset-x-0{inset-inline:0}#ocph-root .top-0{top:0}#ocph-root .top-1\/2{top:50%}#ocph-root .top-full{top:100%}#ocph-root .bottom-0{bottom:0}#ocph-root .bottom-3{bottom:calc(var(--spacing) * 3)}#ocph-root .bottom-6{bottom:calc(var(--spacing) * 6)}#ocph-root .bottom-\[3\%\]{bottom:3%}#ocph-root .left-1\/2{left:50%}#ocph-root .left-3{left:calc(var(--spacing) * 3)}#ocph-root .isolate{isolation:isolate}#ocph-root .-z-10{z-index:calc(10 * -1)}#ocph-root .-z-20{z-index:calc(20 * -1)}#ocph-root .z-10{z-index:10}#ocph-root .z-20{z-index:20}#ocph-root .z-30{z-index:30}#ocph-root .z-50{z-index:50}#ocph-root .z-\[-5\]{z-index:-5}#ocph-root .order-1{order:1}#ocph-root .order-2{order:2}#ocph-root .container{width:100%}@media (min-width:40rem){#ocph-root .container{max-width:40rem}}@media (min-width:48rem){#ocph-root .container{max-width:48rem}}@media (min-width:64rem){#ocph-root .container{max-width:64rem}}@media (min-width:80rem){#ocph-root .container{max-width:80rem}}@media (min-width:96rem){#ocph-root .container{max-width:96rem}}#ocph-root .mx-2{margin-inline:calc(var(--spacing) * 2)}#ocph-root .mx-auto{margin-inline:auto}#ocph-root .mt-1{margin-top:var(--spacing)}#ocph-root .mt-2{margin-top:calc(var(--spacing) * 2)}#ocph-root .mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}#ocph-root .mt-3{margin-top:calc(var(--spacing) * 3)}#ocph-root .mt-4{margin-top:calc(var(--spacing) * 4)}#ocph-root .mt-5{margin-top:calc(var(--spacing) * 5)}#ocph-root .mt-6{margin-top:calc(var(--spacing) * 6)}#ocph-root .mt-7{margin-top:calc(var(--spacing) * 7)}#ocph-root .mt-8{margin-top:calc(var(--spacing) * 8)}#ocph-root .mt-9{margin-top:calc(var(--spacing) * 9)}#ocph-root .mt-10{margin-top:calc(var(--spacing) * 10)}#ocph-root .mt-14{margin-top:calc(var(--spacing) * 14)}#ocph-root .mt-16{margin-top:calc(var(--spacing) * 16)}#ocph-root .mt-20{margin-top:calc(var(--spacing) * 20)}#ocph-root .mt-24{margin-top:calc(var(--spacing) * 24)}#ocph-root .mt-\[0\.45rem\]{margin-top:.45rem}#ocph-root .mt-auto{margin-top:auto}#ocph-root .mr-2{margin-right:calc(var(--spacing) * 2)}#ocph-root .mr-\[0\.22em\]{margin-right:.22em}#ocph-root .mb-5{margin-bottom:calc(var(--spacing) * 5)}#ocph-root .ml-1{margin-left:var(--spacing)}#ocph-root .ml-2{margin-left:calc(var(--spacing) * 2)}#ocph-root .ml-auto{margin-left:auto}#ocph-root .block{display:block}#ocph-root .contents{display:contents}#ocph-root .flex{display:flex}#ocph-root .grid{display:grid}#ocph-root .hidden{display:none}#ocph-root .inline{display:inline}#ocph-root .inline-block{display:inline-block}#ocph-root .inline-flex{display:inline-flex}#ocph-root .table{display:table}#ocph-root .aspect-4\/3{aspect-ratio:4/3}#ocph-root .aspect-16\/10{aspect-ratio:16/10}#ocph-root .aspect-square{aspect-ratio:1}#ocph-root .h-1\.5{height:calc(var(--spacing) * 1.5)}#ocph-root .h-3{height:calc(var(--spacing) * 3)}#ocph-root .h-3\.5{height:calc(var(--spacing) * 3.5)}#ocph-root .h-4{height:calc(var(--spacing) * 4)}#ocph-root .h-5{height:calc(var(--spacing) * 5)}#ocph-root .h-7{height:calc(var(--spacing) * 7)}#ocph-root .h-8{height:calc(var(--spacing) * 8)}#ocph-root .h-9{height:calc(var(--spacing) * 9)}#ocph-root .h-10{height:calc(var(--spacing) * 10)}#ocph-root .h-12{height:calc(var(--spacing) * 12)}#ocph-root .h-14{height:calc(var(--spacing) * 14)}#ocph-root .h-16{height:calc(var(--spacing) * 16)}#ocph-root .h-40{height:calc(var(--spacing) * 40)}#ocph-root .h-\[5px\]{height:5px}#ocph-root .h-\[34px\]{height:34px}#ocph-root .h-\[62\%\]{height:62%}#ocph-root .h-\[70\%\]{height:70%}#ocph-root .h-\[88\%\]{height:88%}#ocph-root .h-auto{height:auto}#ocph-root .h-full{height:100%}#ocph-root .max-h-10{max-height:calc(var(--spacing) * 10)}#ocph-root .min-h-\[100svh\]{min-height:100svh}#ocph-root .min-h-full{min-height:100%}#ocph-root .w-1\.5{width:calc(var(--spacing) * 1.5)}#ocph-root .w-3{width:calc(var(--spacing) * 3)}#ocph-root .w-3\.5{width:calc(var(--spacing) * 3.5)}#ocph-root .w-4{width:calc(var(--spacing) * 4)}#ocph-root .w-5{width:calc(var(--spacing) * 5)}#ocph-root .w-8{width:calc(var(--spacing) * 8)}#ocph-root .w-9{width:calc(var(--spacing) * 9)}#ocph-root .w-10{width:calc(var(--spacing) * 10)}#ocph-root .w-14{width:calc(var(--spacing) * 14)}#ocph-root .w-40{width:calc(var(--spacing) * 40)}#ocph-root .w-64{width:calc(var(--spacing) * 64)}#ocph-root .w-\[2px\]{width:2px}#ocph-root .w-\[21px\]{width:21px}#ocph-root .w-\[78\%\]{width:78%}#ocph-root .w-\[152px\]{width:152px}#ocph-root .w-\[min\(71\%\,17\.5rem\)\]{width:min(71%,17.5rem)}#ocph-root .w-auto{width:auto}#ocph-root .w-full{width:100%}#ocph-root .w-max{width:max-content}#ocph-root .max-w-2xl{max-width:var(--container-2xl)}#ocph-root .max-w-3xl{max-width:var(--container-3xl)}#ocph-root .max-w-6xl{max-width:var(--container-6xl)}#ocph-root .max-w-\[26rem\]{max-width:26rem}#ocph-root .max-w-\[140px\]{max-width:140px}#ocph-root .max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}#ocph-root .max-w-lg{max-width:var(--container-lg)}#ocph-root .min-w-0{min-width:0}#ocph-root .flex-1{flex:1}#ocph-root .shrink-0{flex-shrink:0}#ocph-root .grow{flex-grow:1}#ocph-root .origin-top{transform-origin:top}#ocph-root .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}#ocph-root .translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}#ocph-root .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}#ocph-root .-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}#ocph-root .translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}#ocph-root .rotate-45{rotate:45deg}#ocph-root .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}#ocph-root .animate-\[\.\.\.\]{animation:...}#ocph-root .animate-\[ocph-float_8s_ease-in-out_infinite\]{animation:8s ease-in-out infinite ocph-float}#ocph-root .animate-\[ocph-nudge_2\.2s_ease-out_infinite\]{animation:2.2s ease-out infinite ocph-nudge}#ocph-root .animate-\[ocph-pulse_7s_ease-in-out_infinite\]{animation:7s ease-in-out infinite ocph-pulse}#ocph-root .cursor-pointer{cursor:pointer}#ocph-root .appearance-none{appearance:none}#ocph-root .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}#ocph-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#ocph-root .flex-col{flex-direction:column}#ocph-root .flex-wrap{flex-wrap:wrap}#ocph-root .items-baseline{align-items:baseline}#ocph-root .items-center{align-items:center}#ocph-root .items-start{align-items:flex-start}#ocph-root .justify-center{justify-content:center}#ocph-root .\!gap-2{gap:calc(var(--spacing) * 2)!important}#ocph-root .gap-1\.5{gap:calc(var(--spacing) * 1.5)}#ocph-root .gap-2{gap:calc(var(--spacing) * 2)}#ocph-root .gap-2\.5{gap:calc(var(--spacing) * 2.5)}#ocph-root .gap-3{gap:calc(var(--spacing) * 3)}#ocph-root .gap-4{gap:calc(var(--spacing) * 4)}#ocph-root .gap-5{gap:calc(var(--spacing) * 5)}#ocph-root .gap-6{gap:calc(var(--spacing) * 6)}#ocph-root .gap-7{gap:calc(var(--spacing) * 7)}#ocph-root .gap-8{gap:calc(var(--spacing) * 8)}#ocph-root .gap-10{gap:calc(var(--spacing) * 10)}#ocph-root .gap-12{gap:calc(var(--spacing) * 12)}#ocph-root .gap-px{gap:1px}#ocph-root :where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}#ocph-root .gap-x-4{column-gap:calc(var(--spacing) * 4)}#ocph-root .gap-x-5{column-gap:calc(var(--spacing) * 5)}#ocph-root .gap-x-6{column-gap:calc(var(--spacing) * 6)}#ocph-root .gap-x-10{column-gap:calc(var(--spacing) * 10)}#ocph-root .gap-y-1{row-gap:var(--spacing)}#ocph-root .gap-y-2{row-gap:calc(var(--spacing) * 2)}#ocph-root .gap-y-4{row-gap:calc(var(--spacing) * 4)}#ocph-root .gap-y-10{row-gap:calc(var(--spacing) * 10)}#ocph-root .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#ocph-root .overflow-hidden{overflow:hidden}#ocph-root .overflow-x-clip{overflow-x:clip}#ocph-root .rounded-\[100\%\]{border-radius:100%}#ocph-root .rounded-full{border-radius:3.40282e38px}#ocph-root .rounded-sm{border-radius:var(--radius-sm)}#ocph-root .border{border-style:var(--tw-border-style);border-width:1px}#ocph-root .border-2{border-style:var(--tw-border-style);border-width:2px}#ocph-root .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}#ocph-root .border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}#ocph-root .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}#ocph-root .border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}#ocph-root .border-amber{border-color:var(--color-amber)}#ocph-root .border-amber\/25{border-color:#ffa30040}@supports (color:color-mix(in lab, red, red)){#ocph-root .border-amber\/25{border-color:color-mix(in oklab, var(--color-amber) 25%, transparent)}}#ocph-root .border-amber\/40{border-color:#ffa30066}@supports (color:color-mix(in lab, red, red)){#ocph-root .border-amber\/40{border-color:color-mix(in oklab, var(--color-amber) 40%, transparent)}}#ocph-root .border-amber\/45{border-color:#ffa30073}@supports (color:color-mix(in lab, red, red)){#ocph-root .border-amber\/45{border-color:color-mix(in oklab, var(--color-amber) 45%, transparent)}}#ocph-root .border-amber\/70{border-color:#ffa300b3}@supports (color:color-mix(in lab, red, red)){#ocph-root .border-amber\/70{border-color:color-mix(in oklab, var(--color-amber) 70%, transparent)}}#ocph-root .border-line{border-color:var(--color-line)}#ocph-root .border-muted\/70{border-color:#ffffff76}@supports (color:color-mix(in lab, red, red)){#ocph-root .border-muted\/70{border-color:color-mix(in oklab, var(--color-muted) 70%, transparent)}}#ocph-root .border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){#ocph-root .border-white\/25{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}#ocph-root .bg-amber{background-color:var(--color-amber)}#ocph-root .bg-black{background-color:var(--color-black)}#ocph-root .bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){#ocph-root .bg-black\/25{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}#ocph-root .bg-black\/65{background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){#ocph-root .bg-black\/65{background-color:color-mix(in oklab, var(--color-black) 65%, transparent)}}#ocph-root .bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){#ocph-root .bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}#ocph-root .bg-black\/85{background-color:#000000d9}@supports (color:color-mix(in lab, red, red)){#ocph-root .bg-black\/85{background-color:color-mix(in oklab, var(--color-black) 85%, transparent)}}#ocph-root .bg-black\/95{background-color:#000000f2}@supports (color:color-mix(in lab, red, red)){#ocph-root .bg-black\/95{background-color:color-mix(in oklab, var(--color-black) 95%, transparent)}}#ocph-root .bg-line{background-color:var(--color-line)}#ocph-root .bg-muted{background-color:var(--color-muted)}#ocph-root .bg-surface{background-color:var(--color-surface)}#ocph-root .bg-white{background-color:var(--color-white)}#ocph-root .bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){#ocph-root .bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}#ocph-root .bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){#ocph-root .bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}#ocph-root .bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}#ocph-root .bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}#ocph-root .from-black{--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}#ocph-root .from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}#ocph-root .via-black\/80{--tw-gradient-via:#000c}@supports (color:color-mix(in lab, red, red)){#ocph-root .via-black\/80{--tw-gradient-via:color-mix(in oklab, var(--color-black) 80%, transparent)}}#ocph-root .via-black\/80{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}#ocph-root .to-black{--tw-gradient-to:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}#ocph-root .to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}#ocph-root .\[mask-image\:linear-gradient\(90deg\,transparent\,\#000_6\%\,\#000_94\%\,transparent\)\]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}#ocph-root .bg-left{background-position:0}#ocph-root .bg-right{background-position:100%}#ocph-root .object-contain{object-fit:contain}#ocph-root .object-cover{object-fit:cover}#ocph-root .object-top{object-position:top}#ocph-root .p-5{padding:calc(var(--spacing) * 5)}#ocph-root .p-7{padding:calc(var(--spacing) * 7)}#ocph-root .\!px-3{padding-inline:calc(var(--spacing) * 3)!important}#ocph-root .px-2{padding-inline:calc(var(--spacing) * 2)}#ocph-root .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}#ocph-root .px-3{padding-inline:calc(var(--spacing) * 3)}#ocph-root .px-5{padding-inline:calc(var(--spacing) * 5)}#ocph-root .px-6{padding-inline:calc(var(--spacing) * 6)}#ocph-root .px-7{padding-inline:calc(var(--spacing) * 7)}#ocph-root .px-8{padding-inline:calc(var(--spacing) * 8)}#ocph-root .\!py-2{padding-block:calc(var(--spacing) * 2)!important}#ocph-root .py-1{padding-block:var(--spacing)}#ocph-root .py-2{padding-block:calc(var(--spacing) * 2)}#ocph-root .py-3{padding-block:calc(var(--spacing) * 3)}#ocph-root .py-4{padding-block:calc(var(--spacing) * 4)}#ocph-root .py-9{padding-block:calc(var(--spacing) * 9)}#ocph-root .py-12{padding-block:calc(var(--spacing) * 12)}#ocph-root .py-14{padding-block:calc(var(--spacing) * 14)}#ocph-root .py-20{padding-block:calc(var(--spacing) * 20)}#ocph-root .py-24{padding-block:calc(var(--spacing) * 24)}#ocph-root .pt-5{padding-top:calc(var(--spacing) * 5)}#ocph-root .pt-10{padding-top:calc(var(--spacing) * 10)}#ocph-root .pt-14{padding-top:calc(var(--spacing) * 14)}#ocph-root .pt-16{padding-top:calc(var(--spacing) * 16)}#ocph-root .pt-\[5px\]{padding-top:5px}#ocph-root .pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}#ocph-root .pb-5{padding-bottom:calc(var(--spacing) * 5)}#ocph-root .pl-7{padding-left:calc(var(--spacing) * 7)}#ocph-root .text-center{text-align:center}#ocph-root .text-left{text-align:left}#ocph-root .font-sans{font-family:var(--font-sans)}#ocph-root .\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}#ocph-root .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}#ocph-root .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}#ocph-root .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}#ocph-root .text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}#ocph-root .text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}#ocph-root .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}#ocph-root .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}#ocph-root .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}#ocph-root .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}#ocph-root .text-\[0\.6rem\]{font-size:.6rem}#ocph-root .text-\[0\.7rem\]{font-size:.7rem}#ocph-root .text-\[0\.68rem\]{font-size:.68rem}#ocph-root .text-\[0\.95rem\]{font-size:.95rem}#ocph-root .text-\[0\.98rem\]{font-size:.98rem}#ocph-root .text-\[1\.7rem\]{font-size:1.7rem}#ocph-root .text-\[3\.1rem\]{font-size:3.1rem}#ocph-root .leading-\[0\.9\]{--tw-leading:.9;line-height:.9}#ocph-root .leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}#ocph-root .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}#ocph-root .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}#ocph-root .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}#ocph-root .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}#ocph-root .tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}#ocph-root .tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}#ocph-root .tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}#ocph-root .tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}#ocph-root .tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}#ocph-root .tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}#ocph-root .tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}#ocph-root .tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}#ocph-root .tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}#ocph-root .whitespace-nowrap{white-space:nowrap}#ocph-root .text-amber{color:var(--color-amber)}#ocph-root .text-black{color:var(--color-black)}#ocph-root .text-muted{color:var(--color-muted)}#ocph-root .text-white{color:var(--color-white)}#ocph-root .text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){#ocph-root .text-white\/25{color:color-mix(in oklab, var(--color-white) 25%, transparent)}}#ocph-root .text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){#ocph-root .text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}#ocph-root .text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){#ocph-root .text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}#ocph-root .text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){#ocph-root .text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}#ocph-root .text-white\/55{color:#ffffff8c}@supports (color:color-mix(in lab, red, red)){#ocph-root .text-white\/55{color:color-mix(in oklab, var(--color-white) 55%, transparent)}}#ocph-root .text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){#ocph-root .text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}#ocph-root .text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){#ocph-root .text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}#ocph-root .uppercase{text-transform:uppercase}#ocph-root .italic{font-style:italic}#ocph-root .not-italic{font-style:normal}#ocph-root .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}#ocph-root .underline{text-decoration-line:underline}#ocph-root .decoration-amber{-webkit-text-decoration-color:var(--color-amber);-webkit-text-decoration-color:var(--color-amber);-webkit-text-decoration-color:var(--color-amber);text-decoration-color:var(--color-amber)}#ocph-root .decoration-line{-webkit-text-decoration-color:var(--color-line);-webkit-text-decoration-color:var(--color-line);-webkit-text-decoration-color:var(--color-line);text-decoration-color:var(--color-line)}#ocph-root .decoration-2{text-decoration-thickness:2px}#ocph-root .underline-offset-4{text-underline-offset:4px}#ocph-root .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#ocph-root .opacity-0{opacity:0}#ocph-root .opacity-85{opacity:.85}#ocph-root .opacity-100{opacity:1}#ocph-root .mix-blend-screen{mix-blend-mode:screen}#ocph-root .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}#ocph-root .ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}#ocph-root .shadow-black\/60{--tw-shadow-color:#0009}@supports (color:color-mix(in lab, red, red)){#ocph-root .shadow-black\/60{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent)}}#ocph-root .outline{outline-style:var(--tw-outline-style);outline-width:1px}#ocph-root .outline-offset-4{outline-offset:4px}#ocph-root .blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}#ocph-root .filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}#ocph-root .backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}#ocph-root .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#ocph-root .transition-\[border-color\,#ocph-root box-shadow\,#ocph-root transform\]{transition-property:border-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#ocph-root .transition-\[text-shadow\]{transition-property:text-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#ocph-root .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#ocph-root .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#ocph-root .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#ocph-root .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}#ocph-root .duration-150{--tw-duration:.15s;transition-duration:.15s}#ocph-root .duration-200{--tw-duration:.2s;transition-duration:.2s}#ocph-root .duration-300{--tw-duration:.3s;transition-duration:.3s}#ocph-root .duration-500{--tw-duration:.5s;transition-duration:.5s}#ocph-root .duration-\[900ms\]{--tw-duration:.9s;transition-duration:.9s}#ocph-root .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}#ocph-root .select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){#ocph-root .group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}#ocph-root .group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}#ocph-root .group-hover\:scale-\[1\.05\]:is(:where(.group):hover *){scale:1.05}#ocph-root .group-hover\:scale-\[1\.06\]:is(:where(.group):hover *){scale:1.06}#ocph-root .group-hover\:scale-\[1\.045\]:is(:where(.group):hover *){scale:1.045}#ocph-root .group-hover\:rotate-\[135deg\]:is(:where(.group):hover *){rotate:135deg}#ocph-root .group-hover\:border-amber:is(:where(.group):hover *){border-color:var(--color-amber)}#ocph-root .group-hover\:bg-amber\/10:is(:where(.group):hover *){background-color:#ffa3001a}@supports (color:color-mix(in lab, red, red)){#ocph-root .group-hover\:bg-amber\/10:is(:where(.group):hover *){background-color:color-mix(in oklab, var(--color-amber) 10%, transparent)}}#ocph-root .group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}#ocph-root .group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}#ocph-root .group-hover\:\[text-shadow\:0_0_38px_rgba\(255\,163\,0\,0\.55\)\]:is(:where(.group):hover *){text-shadow:0 0 38px #ffa3008c}#ocph-root .hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}#ocph-root .hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}#ocph-root .hover\:border-amber:hover{border-color:var(--color-amber)}#ocph-root .hover\:border-amber\/45:hover{border-color:#ffa30073}@supports (color:color-mix(in lab, red, red)){#ocph-root .hover\:border-amber\/45:hover{border-color:color-mix(in oklab, var(--color-amber) 45%, transparent)}}#ocph-root .hover\:bg-\[\#ffb32e\]:hover{background-color:#ffb32e}#ocph-root .hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){#ocph-root .hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}#ocph-root .hover\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){#ocph-root .hover\:bg-white\/\[0\.03\]:hover{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}#ocph-root .hover\:text-amber:hover{color:var(--color-amber)}#ocph-root .hover\:text-white:hover{color:var(--color-white)}#ocph-root .hover\:shadow-\[0_24px_70px_-30px_rgba\(255\,163\,0\,0\.55\)\]:hover{--tw-shadow:0 24px 70px -30px var(--tw-shadow-color,#ffa3008c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}#ocph-root .focus-visible\:text-amber:focus-visible{color:var(--color-amber)}@media (prefers-reduced-motion:reduce){#ocph-root .motion-reduce\:animate-none{animation:none}#ocph-root .motion-reduce\:transition-none{transition-property:none}@media (hover:hover){#ocph-root .motion-reduce\:group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}#ocph-root .motion-reduce\:hover\:translate-y-0:hover{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}}}@media (min-width:381px){#ocph-root .min-\[381px\]\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media (min-width:420px){#ocph-root .min-\[420px\]\:inline{display:inline}#ocph-root .min-\[420px\]\:w-16{width:calc(var(--spacing) * 16)}}@media (min-width:520px){#ocph-root .min-\[520px\]\:inline{display:inline}}@media (min-width:40rem){#ocph-root .sm\:inline{display:inline}#ocph-root .sm\:h-6{height:calc(var(--spacing) * 6)}#ocph-root .sm\:h-9{height:calc(var(--spacing) * 9)}#ocph-root .sm\:h-\[60px\]{height:60px}#ocph-root .sm\:max-h-\[52px\]{max-height:52px}#ocph-root .sm\:w-9{width:calc(var(--spacing) * 9)}#ocph-root .sm\:w-20{width:calc(var(--spacing) * 20)}#ocph-root .sm\:w-\[172px\]{width:172px}#ocph-root .sm\:w-\[min\(57\%\,18\.25rem\)\]{width:min(57%,18.25rem)}#ocph-root .sm\:max-w-\[160px\]{max-width:160px}#ocph-root .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#ocph-root .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#ocph-root .sm\:flex-row{flex-direction:row}#ocph-root .sm\:items-center{align-items:center}#ocph-root .sm\:justify-between{justify-content:space-between}#ocph-root .sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}#ocph-root .sm\:gap-3{gap:calc(var(--spacing) * 3)}#ocph-root .sm\:gap-6{gap:calc(var(--spacing) * 6)}#ocph-root .sm\:p-6{padding:calc(var(--spacing) * 6)}#ocph-root .sm\:p-10{padding:calc(var(--spacing) * 10)}#ocph-root .sm\:\!px-4{padding-inline:calc(var(--spacing) * 4)!important}#ocph-root .sm\:px-3{padding-inline:calc(var(--spacing) * 3)}#ocph-root .sm\:px-8{padding-inline:calc(var(--spacing) * 8)}#ocph-root .sm\:py-5{padding-block:calc(var(--spacing) * 5)}#ocph-root .sm\:py-28{padding-block:calc(var(--spacing) * 28)}#ocph-root .sm\:py-32{padding-block:calc(var(--spacing) * 32)}#ocph-root .sm\:\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}#ocph-root .sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}#ocph-root .sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}#ocph-root .sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}#ocph-root .sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}#ocph-root .sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}#ocph-root .sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}#ocph-root .sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}#ocph-root .sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}#ocph-root .sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}#ocph-root .sm\:tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}}@media (min-width:48rem){#ocph-root .md\:ml-0{margin-left:0}#ocph-root .md\:flex{display:flex}#ocph-root .md\:flex-row{flex-direction:row}#ocph-root .md\:items-center{align-items:center}#ocph-root .md\:items-end{align-items:flex-end}#ocph-root .md\:justify-between{justify-content:space-between}}@media (min-width:64rem){#ocph-root .lg\:order-1{order:1}#ocph-root .lg\:order-2{order:2}#ocph-root .lg\:flex{display:flex}#ocph-root .lg\:w-\[min\(100\%\,21rem\)\]{width:min(100%,21rem)}#ocph-root .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#ocph-root .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#ocph-root .lg\:grid-cols-\[1\.06fr_0\.94fr\]{grid-template-columns:1.06fr .94fr}#ocph-root .lg\:grid-cols-\[1fr_0\.9fr\]{grid-template-columns:1fr .9fr}#ocph-root .lg\:grid-cols-\[1fr_1\.08fr\]{grid-template-columns:1fr 1.08fr}#ocph-root .lg\:grid-cols-\[1fr_1\.15fr\]{grid-template-columns:1fr 1.15fr}#ocph-root .lg\:gap-6{gap:calc(var(--spacing) * 6)}#ocph-root .lg\:gap-12{gap:calc(var(--spacing) * 12)}#ocph-root .lg\:gap-16{gap:calc(var(--spacing) * 16)}#ocph-root .lg\:py-20{padding-block:calc(var(--spacing) * 20)}#ocph-root .lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}#ocph-root .lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}#ocph-root .lg\:text-\[5\.2rem\]{font-size:5.2rem}}@media (min-width:80rem){#ocph-root .xl\:text-\[5\.8rem\]{font-size:5.8rem}}#ocph-root .\[\&\:\:-moz-range-thumb\]\:h-3\.5::-moz-range-thumb{height:calc(var(--spacing) * 3.5)}#ocph-root .\[\&\:\:-moz-range-thumb\]\:w-3\.5::-moz-range-thumb{width:calc(var(--spacing) * 3.5)}#ocph-root .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:3.40282e38px}#ocph-root .\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-style:var(--tw-border-style);border-width:0}#ocph-root .\[\&\:\:-moz-range-thumb\]\:bg-amber::-moz-range-thumb{background-color:var(--color-amber)}#ocph-root .\[\&\:\:-webkit-slider-thumb\]\:h-3\.5::-webkit-slider-thumb{height:calc(var(--spacing) * 3.5)}#ocph-root .\[\&\:\:-webkit-slider-thumb\]\:w-3\.5::-webkit-slider-thumb{width:calc(var(--spacing) * 3.5)}#ocph-root .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}#ocph-root .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:3.40282e38px}#ocph-root .\[\&\:\:-webkit-slider-thumb\]\:bg-amber::-webkit-slider-thumb{background-color:var(--color-amber)}#ocph-root .\[\&\>span\]\:hidden>span{display:none}@media (min-width:40rem){#ocph-root .sm\:\[\&\>span\]\:inline>span{display:inline}}#ocph-root{scroll-behavior:smooth;background:#000}#ocph-root{color:#fff;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:#000}#ocph-root .display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-style:italic;line-height:.92}#ocph-root .copy{text-align:justify;text-align-last:left}#ocph-root .rule-amber{background:linear-gradient(90deg, transparent, var(--color-amber) 20%, var(--color-amber) 80%, transparent)}#ocph-root :where(a,button,[tabindex]):focus-visible{outline:3px solid var(--color-amber);outline-offset:3px;border-radius:2px}@keyframes ocph-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ocph-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes ocph-nudge{0%{box-shadow:0 0 #ffa30080}55%,to{box-shadow:0 0 0 7px #ffa30000}}@keyframes ocph-cue-wheel{0%{opacity:1;transform:translateY(0)}40%{opacity:0;transform:translateY(11px)}41%{opacity:0;transform:translateY(0)}60%,to{opacity:1;transform:translateY(0)}}#ocph-root [data-a=cue-wheel]{animation:2.1s cubic-bezier(.65,0,.35,1) infinite ocph-cue-wheel}@keyframes ocph-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){#ocph-root{scroll-behavior:auto}#ocph-root *,#ocph-root :before,#ocph-root :after{animation-duration:.001ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
/* ===========================================================================
   OCPH Powerhouse — animation layer for the GoHighLevel export.
   Framework-free rebuild of what motion/react does on the Next.js site.

   Two rules govern everything here:

   1. THE BASE STATE IS THE FINISHED STATE. Every element's plain CSS is how it
      looks after its animation has run. Entrances are added on top via
      @keyframes with `both` fill, so the 0% frame supplies the "before". If
      this stylesheet loads but the JS never does, the page is a correct static
      page rather than a blank one. That is the opposite of how the React build
      ships it (motion writes `opacity:0` into the HTML) and it is deliberate:
      inside GHL, JS is the thing most likely to be stripped on save.

   2. EVERYTHING IS SCOPED TO #ocph-root. Nothing here may reach GHL's own
      page furniture. The one exception is the `.ocph-js` flag, which lives on
      <html> so it is readable before #ocph-root has been parsed — that is what
      lets the scroll-reveal "before" state apply without a flash of finished
      content.
   =========================================================================== */

/* --- root -----------------------------------------------------------------
   The Next.js build hangs the font variables off classes on <html>, which GHL
   drops. Name the families here instead. The Fallback faces are metric
   overrides on local(Arial) and come through the main stylesheet untouched. */
#ocph-root {
  --font-anton: "Anton", "Anton Fallback", "Arial Narrow", sans-serif;
  --font-barlow: "Barlow", "Barlow Fallback", system-ui, sans-serif;
  box-sizing: border-box;
  width: 100%;
  /* GHL's row wraps this block in `padding: 0 10px`, so #ocph-root is 20px
     narrower than the viewport and anything that outgrows it pushes a
     horizontal scrollbar onto GHL's WHOLE page, not just this section.

     This is a net, not the fix. The hero's off-canvas lightning was measured
     and is NOT the cause -- its parent <svg> already carries overflow:hidden,
     so those paths contribute nothing to scrollWidth. The real overflow was
     the header's own content box; that is fixed at source in site-header.tsx.
     This rule only stops the next one from reaching GHL's page furniture.

     `clip`, not `hidden`, and no `overflow-x:hidden` fallback line ahead of
     it. On html/body `hidden` is harmless, which is why the usual published
     recipe pairs them. On a CONTAINER div it is not: `hidden` on one axis
     forces the other to `auto`, making this a scroll container, and the
     sticky header below then has no viewport scrollport to stick to and
     scrolls away. `clip` never creates a scroll container. Every browser that
     matters has shipped it since Safari 16 (2022), and the failure mode
     without it is one stray scrollbar -- strictly better than a dead header. */
  overflow-x: clip;
  border: 0 solid;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  background: #000;
  color: #fff;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  /* GHL sections set their own line-height and letter-spacing on wrappers.
     Re-assert the ones the site's type depends on. */
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: none;
}

/* --- header ---------------------------------------------------------------
   The site header is position:fixed, which inside a GHL custom-HTML block would
   float over GHL's own header, footer and section chrome for the whole page.
   Sticky keeps the same behaviour — pinned while you read this block — but
   confines it to the block: it releases the moment #ocph-root scrolls past.
   left/right are reset because on a sticky box they are constraints, not
   placement, and inset-x-0 would fight horizontal scroll. */
#ocph-root [data-a="header"] {
  position: sticky;
  left: auto;
  right: auto;
  top: 0;
}

/* The hero carries pt-16 to clear the fixed header. A sticky header occupies
   real flow space, so that padding would double-count, and 100svh would push
   the fold a header's height too far down. */
#ocph-root section#top {
  padding-top: 0;
  min-height: calc(100svh - 4rem);
}

/* ===========================================================================
   HERO — a one-shot entrance sequence, then two slow idle loops.
   Timings are lifted from components/hero.tsx; motion's keyframe `times`
   arrays map straight onto keyframe percentages.
   =========================================================================== */

/* Amber bloom behind the mascot: up, back off, settle. */
@keyframes ocph-bloom {
  0% { opacity: 0; }
  25% { opacity: 1; }
  40% { opacity: 0.86; }
  100% { opacity: 1; }
}
#ocph-root [data-a="bloom"] { animation: ocph-bloom 2.2s ease-out both; }

/* Storm sky. Never settles — it breathes for as long as the page is open. */
@keyframes ocph-sky {
  0%, 100% { opacity: 0.55; }
  50% { opacity: 1; }
}
#ocph-root [data-a="sky"] {
  opacity: 0.8;
  animation: ocph-sky 9s ease-in-out infinite;
}

/* Bolts draw on by walking the dash offset back to zero. The dash pattern is
   authored against pathLength="1", so offset 1 parks the whole stroke in the
   gap and offset 0 is fully drawn. `both` holds the 0% frame through the
   per-bolt delay; without it the storm would appear complete and then redraw. */
@keyframes ocph-draw {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}
#ocph-root [data-a="bolt-draw"] {
  animation: ocph-draw 0.3s ease-out both;
  animation-delay: var(--d, 0s);
}

/* A bolt never rests at full brightness: the amber halo settles at 0.5 and the
   white core at 0.56. The alpha sits on the <g> so a trunk and its branches
   flatten to one layer before it is applied — per-path alpha makes every fork
   composite into a bright bead. */
@keyframes ocph-halo {
  0% { opacity: 0; }
  12% { opacity: 1; }
  30% { opacity: 0.4; }
  100% { opacity: 0.5; }
}
@keyframes ocph-core {
  0% { opacity: 0; }
  12% { opacity: 1; }
  30% { opacity: 0.38; }
  100% { opacity: 0.56; }
}
#ocph-root [data-a="bolt-halo"] {
  opacity: 0.5;
  animation: ocph-halo 1.6s ease-in-out both;
  animation-delay: var(--d, 0s);
}
#ocph-root [data-a="bolt-core"] {
  opacity: 0.56;
  animation: ocph-core 1.6s ease-in-out both;
  animation-delay: var(--d, 0s);
}

/* Idle re-strikes rest INVISIBLE — they flare on top of the settled bolt and
   return to nothing, so opacity 0 is their correct static state. The keyframes
   are generated per idle interval by scripts/ukiyo-build-ghl-export.py, because
   the flare has to stay ~0.85s long while the gap between flares changes. */
#ocph-root [data-a="bolt-flare-halo"],
#ocph-root [data-a="bolt-flare-core"] {
  opacity: 0;
  animation-delay: var(--d, 0s);
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

/* One white flash across the sky band, on entry only. WCAG 2.3.1: a single
   flash, nowhere near the three-per-second threshold. Rests at 0 — pinned
   visible it washes the entire hero out. */
@keyframes ocph-flash {
  0%, 42% { opacity: 0; }
  50% { opacity: 0.4; }
  100% { opacity: 0; }
}
#ocph-root [data-a="flash"] {
  opacity: 0;
  animation: ocph-flash 0.72s ease-out both;
}

/* Shockwave ring: expands past the mascot and is gone. Also rests at 0.
   Tailwind's -translate-x-1/2 uses the `translate` property, not `transform`,
   so scaling here composes with the centring instead of overwriting it. */
@keyframes ocph-shock {
  0% { opacity: 0; transform: scale(0.25); }
  12% { opacity: 0.65; }
  100% { opacity: 0; transform: scale(3.6); }
}
#ocph-root [data-a="shock"] {
  opacity: 0;
  animation: ocph-shock 1s ease-out 0.36s both;
}

/* The ground he stands on. */
@keyframes ocph-ground {
  from { opacity: 0; transform: scaleX(0.6); }
  to { opacity: 1; transform: scaleX(1); }
}
#ocph-root [data-a="ground"] {
  animation: ocph-ground 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both;
}

/* The mascot lands: opacity is quick, the settle is long. Two animations
   rather than one because they run at different durations. */
@keyframes ocph-mascot-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes ocph-mascot-settle {
  from { transform: translateY(18px) scale(1.1); }
  to { transform: none; }
}
#ocph-root [data-a="mascot"] {
  animation:
    ocph-mascot-in 0.4s linear 0.34s both,
    ocph-mascot-settle 1.3s cubic-bezier(0.16, 1, 0.3, 1) 0.34s both;
}

/* Then he breathes. */
@keyframes ocph-hover {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-9px); }
}
#ocph-root [data-a="float"] {
  animation: ocph-hover 7s ease-in-out 1.5s infinite;
}

/* An amber rim breath. This never touches his luminance, only the light he
   throws — an entry brightness blowout read as a white silhouette and was cut
   from the React build for the same reason. `alternate` reproduces motion's
   repeatType: "reverse". */
@keyframes ocph-glow {
  0% { filter: drop-shadow(0 0 0 rgba(255, 163, 0, 0)); }
  13% { filter: drop-shadow(0 0 20px rgba(255, 163, 0, 0.3)); }
  56% { filter: drop-shadow(0 0 36px rgba(255, 163, 0, 0.44)); }
  100% { filter: drop-shadow(0 0 20px rgba(255, 163, 0, 0.3)); }
}
#ocph-root [data-a="glow"] {
  filter: drop-shadow(0 0 20px rgba(255, 163, 0, 0.3));
  animation: ocph-glow 6s ease-in-out 0.34s infinite alternate;
}

/* The copy, staggered in behind the strike. */
@keyframes ocph-rise-12 {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: none; }
}
@keyframes ocph-rise-16 {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: none; }
}
@keyframes ocph-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ocph-word {
  from { opacity: 0; transform: translateY(28px); filter: blur(6px); }
  to { opacity: 1; transform: none; filter: blur(0); }
}

#ocph-root [data-a="eyebrow"] { animation: ocph-rise-12 0.45s ease-out 0.55s both; }
#ocph-root [data-a="word"] {
  animation: ocph-word 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: var(--d, 0s);
}
#ocph-root [data-a="lede"] { animation: ocph-rise-16 0.55s ease-out 1s both; }
#ocph-root [data-a="cta"] { animation: ocph-rise-16 0.55s ease-out 1.12s both; }
#ocph-root [data-a="trust"] { animation: ocph-fade 0.6s ease-out 1.26s both; }
#ocph-root [data-a="cue"] { animation: ocph-fade 0.6s ease-out 1.6s both; }

/* The cue's own movement is NOT here. The scroll cue is a mouse outline with a
   wheel dot, and the dot's keyframe lives in app/globals.css so the React site
   and this export run the identical rule out of the same compiled stylesheet.
   Only the cue's entrance fade above needs a twin, because motion/react owned
   that one and the export strips its inline opacity. */

/* ===========================================================================
   SCROLL REVEALS
   Each section owns exactly one transition so that scrolling the page does not
   feel like the same move five times: backup wipes, models slide, proof pushes
   in, the closing CTA travels. The "before" state only exists while <html>
   carries .ocph-js, i.e. only when the JS that will remove it is actually
   running. No JS, no hidden content.
   =========================================================================== */
#ocph-root [data-reveal] {
  transition-property: opacity, transform, clip-path;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-duration: 0.65s;
  transition-delay: var(--d, 0s);
}

/* clip-path only interpolates between two inset() functions, so the resting
   state has to be a real inset(0) rather than `none`. */
#ocph-root [data-a="wipeUp"],
#ocph-root [data-a="wipeIn"] {
  clip-path: inset(0 0 0 0);
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

#ocph-root [data-a="wipeUp"] { transition-duration: 0.9s; }
#ocph-root [data-a="wipeIn"] { transition-duration: 0.95s; }
#ocph-root [data-a="zoom"],
#ocph-root [data-a="slideL"],
#ocph-root [data-a="slideR"] { transition-duration: 0.8s; }
#ocph-root [data-a="settle"] { transition-duration: 0.95s; }
#ocph-root [data-a="parallax"] { transition-duration: 1.15s; }

.ocph-js #ocph-root [data-reveal]:not(.ocph-in) { opacity: 0; }
.ocph-js #ocph-root [data-a="rise"]:not(.ocph-in) { transform: translateY(26px); }
/* The wipes stay fully opaque and are uncovered instead. */
.ocph-js #ocph-root [data-a="wipeUp"]:not(.ocph-in) { opacity: 1; clip-path: inset(100% 0 0 0); }
.ocph-js #ocph-root [data-a="wipeIn"]:not(.ocph-in) { opacity: 1; clip-path: inset(0 100% 0 0); }
.ocph-js #ocph-root [data-a="zoom"]:not(.ocph-in) { transform: scale(1.09); }
.ocph-js #ocph-root [data-a="slideL"]:not(.ocph-in) { transform: translateX(-44px); }
.ocph-js #ocph-root [data-a="slideR"]:not(.ocph-in) { transform: translateX(44px); }
.ocph-js #ocph-root [data-a="parallax"]:not(.ocph-in) { transform: translateY(84px); }
.ocph-js #ocph-root [data-a="settle"]:not(.ocph-in) { transform: translateY(-34px) scale(0.94); }

/* ===========================================================================
   MEDIA CHIPS
   The React build swaps Tailwind classes to light these up. Own classes are
   used instead so the export does not depend on Tailwind having emitted a
   variant that never appears in the server HTML.
   =========================================================================== */
#ocph-root .ocph-lit {
  border-color: rgba(255, 163, 0, 0.7) !important;
  color: #ffa300 !important;
}
/* "There is a jingle here" — a ring that expands out and fades, shown only
   until the visitor has decided either way. Not a colour strobe. */
@keyframes ocph-nudge-ring {
  0% { box-shadow: 0 0 0 0 rgba(255, 163, 0, 0.5); }
  55%, 100% { box-shadow: 0 0 0 7px rgba(255, 163, 0, 0); }
}
#ocph-root .ocph-nudge { animation: ocph-nudge-ring 2.2s ease-out infinite; }

/* ---------------------------------------------------------------------------
   The three-track player's transport bar, folding away on scroll.

   The server HTML arrives in the OPEN state — that is the state React renders
   at scrollY 0, and it is the correct first paint for a visitor who has not
   scrolled yet. So this class describes the FOLDED state only, and the plain-JS
   layer adds and removes it. Doing it the other way round would mean the bar
   flashed open on a page restored mid-scroll.

   `!important` throughout because the element carries Tailwind's own open-state
   utilities inline in its class list (`translate-y-0`, `opacity-100`,
   `pointer-events-auto`) and those are equally specific. The inline
   `visibility` React writes is beaten by `!important` too — an inline style
   loses to an important declaration, which is the one case where it does.

   `translate`, NOT `transform`. Tailwind v4's translate utilities compile to the
   standalone `translate` property — read off the live element, `-translate-y-2`
   computes `translate: 0px -8px` and `transform: none`. A `transform` override
   here would therefore have been beaten by nothing and applied nothing: the bar
   would have faded without moving, which is a difference nobody would have
   spotted in a screenshot of an element that ends up invisible anyway.

   The transition itself already lives on the element's Tailwind classes
   (`transition-all duration-300 ease-out`), so this only has to state the end
   point. Reduced motion is handled globally at the bottom of this file.
   --------------------------------------------------------------------------- */
#ocph-root [data-a="player-transport"].ocph-folded {
  visibility: hidden !important;
  opacity: 0 !important;
  translate: 0 -0.5rem !important;
  pointer-events: none !important;
}

/* ===========================================================================
   REDUCED MOTION
   The JS never sets .ocph-js here, so every reveal is already at rest. What is
   left is the hero, which is pure CSS. Killing the duration alone is not
   enough: the delays would still hold each element on its 0% frame, so a
   headline word would sit blank for six tenths of a second and then pop. Both
   have to go.
   =========================================================================== */
@media (prefers-reduced-motion: reduce) {
  #ocph-root *,
  #ocph-root *::before,
  #ocph-root *::after {
    animation-duration: 1ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    transition-delay: 0s !important;
  }
}

/* --- generated: idle lightning re-strikes --- */
@keyframes ocph-flare-halo-6_2{0.000%{opacity:0}0.723%{opacity:0.7}2.411%{opacity:0}12.057%{opacity:0}}
#ocph-root [data-a="bolt-flare-halo"][data-idle="6.2"]{animation-name:ocph-flare-halo-6_2;animation-duration:7.05s}
@keyframes ocph-flare-core-6_2{0.000%{opacity:0}0.723%{opacity:0.85}2.411%{opacity:0}12.057%{opacity:0}}
#ocph-root [data-a="bolt-flare-core"][data-idle="6.2"]{animation-name:ocph-flare-core-6_2;animation-duration:7.05s}
@keyframes ocph-flare-halo-7_5{0.000%{opacity:0}0.611%{opacity:0.7}2.036%{opacity:0}10.180%{opacity:0}}
#ocph-root [data-a="bolt-flare-halo"][data-idle="7.5"]{animation-name:ocph-flare-halo-7_5;animation-duration:8.35s}
@keyframes ocph-flare-core-7_5{0.000%{opacity:0}0.611%{opacity:0.85}2.036%{opacity:0}10.180%{opacity:0}}
#ocph-root [data-a="bolt-flare-core"][data-idle="7.5"]{animation-name:ocph-flare-core-7_5;animation-duration:8.35s}
@keyframes ocph-flare-halo-9_1{0.000%{opacity:0}0.513%{opacity:0.7}1.709%{opacity:0}8.543%{opacity:0}}
#ocph-root [data-a="bolt-flare-halo"][data-idle="9.1"]{animation-name:ocph-flare-halo-9_1;animation-duration:9.95s}
@keyframes ocph-flare-core-9_1{0.000%{opacity:0}0.513%{opacity:0.85}1.709%{opacity:0}8.543%{opacity:0}}
#ocph-root [data-a="bolt-flare-core"][data-idle="9.1"]{animation-name:ocph-flare-core-9_1;animation-duration:9.95s}

/* --- GHL row-width escape: the only unscoped rules in this file --- */
.c-section > .inner:has(#ocph-root),
.c-row    > .inner:has(#ocph-root),
.c-column > .inner:has(#ocph-root),
.c-row:has(#ocph-root),
.c-column:has(#ocph-root),
.c-custom-code:has(#ocph-root),
.custom-code-container:has(#ocph-root){
  max-width:none!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}