/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking: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-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-semibold:600;--tracking-normal:0em;--tracking-wider:.05em;--tracking-widest:.1em;--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)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,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}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::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}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-\[12px\]{height:12px}.max-h-\[300px\]{max-height:300px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[60ch\]{max-width:60ch}.max-w-\[70ch\]{max-width:70ch}.min-w-\[180px\]{min-width:180px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-left{text-align:left}.text-right{text-align:right}.text-\[10px\]{font-size:10px}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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))}.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))}.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))}.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))}.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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-VariableFont_wght.ttf)format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/montserrat/Montserrat-Italic-VariableFont_wght.ttf)format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:PP Hatton;src:url(/fonts/hatton/PPHatton-Ultralight.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:PP Hatton;src:url(/fonts/hatton/PPHatton-UltralightItalic.woff2)format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:PP Hatton;src:url(/fonts/hatton/PPHatton-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:PP Hatton;src:url(/fonts/hatton/PPHatton-LightItalic.woff2)format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:PP Hatton;src:url(/fonts/hatton/PPHatton-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Hatton;src:url(/fonts/hatton/PPHatton-MediumItalic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:PP Hatton;src:url(/fonts/hatton/PPHatton-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:PP Hatton;src:url(/fonts/hatton/PPHatton-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:PP Hatton;src:url(/fonts/hatton/PPHatton-Ultrabold.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:PP Hatton;src:url(/fonts/hatton/PPHatton-UltraboldItalic.woff2)format("woff2");font-weight:900;font-style:italic;font-display:swap}@supports (color:color-mix(in lab, red, red)){:root{--kol-border-default:color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent);--kol-border-focus:color-mix(in srgb, var(--kol-accent-primary) 70%, var(--kol-surface-on-primary))}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--kol-surface-primary:#121215;--kol-surface-on-primary:#fafafa;--kol-surface-secondary:#19191d;--kol-surface-on-secondary:#f8f8f8;--kol-surface-tertiary:#0e0e11;--kol-surface-on-tertiary:#fff;--kol-surface-inverse:#fcfbf8;--kol-surface-on-inverse:#0e0e11;--kol-opacity-hex-01:#111112;--kol-opacity-hex-02:#171719;--kol-opacity-hex-04:#1b1b1e;--kol-opacity-hex-08:#242427;--kol-opacity-hex-12:#2e2e30;--kol-opacity-hex-16:#363639;--kol-opacity-hex-24:#5b5b5d;--kol-opacity-hex-32:#a3a3a4;--kol-opacity-hex-64:#dbdbdb;--kol-opacity-hex-80:#ebebeb;--kol-opacity-hex-88:#f4f4f5;--kol-opacity-hex-96:#fcfbfb;--kol-opacity-hex-inverse-01:#fcfbfb;--kol-opacity-hex-inverse-02:#f4f4f5;--kol-opacity-hex-inverse-04:#ebebeb;--kol-opacity-hex-inverse-08:#dbdbdb;--kol-opacity-hex-inverse-12:#a3a3a4;--kol-opacity-hex-inverse-16:#5b5b5d;--kol-opacity-hex-inverse-24:#363639;--kol-opacity-hex-inverse-32:#2e2e30;--kol-opacity-hex-inverse-64:#242427;--kol-opacity-hex-inverse-80:#1b1b1e;--kol-opacity-hex-inverse-88:#171719;--kol-opacity-hex-inverse-96:#111112}}@supports (color:color-mix(in lab, red, red)){.bg-surface-inverse{--kol-border-default:color-mix(in srgb, var(--kol-surface-on-inverse) 8%, transparent)}.bg-fg-02{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 2%, transparent)}.bg-fg-04{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 4%, transparent)}.bg-fg-08{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 8%, transparent)}.bg-fg-16{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 16%, transparent)}.bg-fg-24{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 24%, transparent)}.bg-fg-64{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 64%, transparent)}.bg-fg-88{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 88%, transparent)}}.border-fg-02{border-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.border-fg-02{border-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 2%, transparent)}.border-fg-04{border-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 4%, transparent)}.border-fg-08{border-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 8%, transparent)}.border-fg-16{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent)}.border-fg-24{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent)}.border-fg-32{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 32%, transparent)}.border-fg-64{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 64%, transparent)}.text-fg-02{color:color-mix(in srgb, var(--kol-surface-on-primary) 2%, transparent)}.text-fg-04{color:color-mix(in srgb, var(--kol-surface-on-primary) 4%, transparent)}.text-fg-08{color:color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent)}.text-fg-16{color:color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent)}.text-fg-24{color:color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent)}.text-fg-32{color:color-mix(in srgb, var(--kol-surface-on-primary) 32%, transparent)}.text-fg-48{color:color-mix(in srgb, var(--kol-surface-on-primary) 48%, transparent)}.text-fg-64{color:color-mix(in srgb, var(--kol-surface-on-primary) 64%, transparent)}.text-fg-80{color:color-mix(in srgb, var(--kol-surface-on-primary) 80%, transparent)}.text-fg-88{color:color-mix(in srgb, var(--kol-surface-on-primary) 88%, transparent)}}.border-surface-08{border-color:var(--kol-surface-primary)}@supports (color:color-mix(in lab, red, red)){.border-surface-08{border-color:color-mix(in srgb, var(--kol-surface-primary) 8%, transparent)}.border-surface-16{border-color:color-mix(in srgb, var(--kol-surface-primary) 16%, transparent)}.hover\:border-fg-08:hover{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent)}.hover\:border-fg-16:hover{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent)}}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-MediumItalic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}:root{--kol-spacing-1:.25rem;--kol-spacing-2:.5rem;--kol-spacing-3:.75rem;--kol-spacing-4:1rem;--kol-spacing-5:1.25rem;--kol-spacing-6:1.5rem;--kol-spacing-8:2rem;--kol-spacing-10:2.5rem;--kol-spacing-12:3rem;--kol-spacing-16:4rem;--kol-spacing-20:5rem;--kol-spacing-24:6rem;--kol-spacing-section:var(--kol-spacing-20);--kol-spacing-container:var(--kol-spacing-10);--kol-spacing-gap-sm:var(--kol-spacing-2);--kol-spacing-gap-md:var(--kol-spacing-4);--kol-spacing-gap-lg:var(--kol-spacing-6);--kol-radius-none:0;--kol-radius-sm:4px;--kol-radius-md:8px;--kol-radius-lg:12px;--kol-radius-xl:16px;--kol-radius-2xl:20px;--kol-radius-full:9999px;--kol-shadow-sm:0 1px 2px #0000000d;--kol-shadow-md:0 4px 6px #00000012;--kol-shadow-lg:0 10px 15px #0000001a;--kol-shadow-xl:0 20px 25px #00000026;--kol-shadow-inner:inset 0 2px 4px #0000000f;--kol-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--kol-transition-base:.2s cubic-bezier(.4, 0, .2, 1);--kol-transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--kol-transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--kol-z-base:1;--kol-z-dropdown:10;--kol-z-sticky:20;--kol-z-overlay:50;--kol-z-modal:100;--kol-z-toast:200;--kol-z-tooltip:300;--kol-z-nav:1000;--kol-opacity-hover:.8;--kol-opacity-disabled:.5;--kol-opacity-subtle:.6;--kol-opacity-loading:.7}[data-theme=dark],.dark{--kol-shadow-sm:0 1px 2px #ffffff08;--kol-shadow-md:0 4px 6px #ffffff0d;--kol-shadow-lg:0 10px 15px #ffffff14;--kol-shadow-xl:0 20px 25px #ffffff1a;--kol-shadow-inner:inset 0 2px 4px #ffffff0a}:root{--kol-color-brand-sage:#d0d79d;--kol-color-brand-yellow:#ffe32e;--kol-color-brand-orange:#db8000;--kol-color-brand-red:#ce4646;--kol-color-brand-green:#66a44c;--kol-color-brand-teal:#49a0a2;--kol-color-absolute-white:#fff;--kol-color-absolute-black:#000;--kol-surface-primary:#fafafa;--kol-surface-on-primary:#121215;--kol-surface-secondary:#f2f2f2;--kol-surface-on-secondary:#19191d;--kol-surface-tertiary:#fff;--kol-surface-on-tertiary:#0e0e11;--kol-surface-inverse:#0e0e11;--kol-surface-on-inverse:#fcfbf8;--kol-accent-primary:#49a0a2;--kol-accent-on-primary:#1e1e21;--kol-accent-primary-strong:#db8000;--kol-status-danger:#ce4646;--kol-status-on-danger:#fff;--kol-status-success:#66a44c;--kol-status-on-success:#fff;--kol-status-warning:#db8000;--kol-status-on-warning:#fff;--kol-status-info:#49a0a2;--kol-status-on-info:#fff;--kol-signal-input:#4ade80;--kol-cv-attenuate:#497da2;--kol-border-default:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-border-default:color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent)}}:root{--kol-border-focus:var(--kol-accent-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-border-focus:color-mix(in srgb, var(--kol-accent-primary) 70%, var(--kol-surface-on-primary))}}:root{--kol-focus-ring:var(--kol-accent-primary);--kol-opacity-hex-01:#fcfbfb;--kol-opacity-hex-02:#f4f4f5;--kol-opacity-hex-04:#ebebeb;--kol-opacity-hex-08:#dbdbdb;--kol-opacity-hex-12:#a3a3a4;--kol-opacity-hex-16:#5b5b5d;--kol-opacity-hex-24:#363639;--kol-opacity-hex-32:#2e2e30;--kol-opacity-hex-64:#242427;--kol-opacity-hex-80:#1b1b1e;--kol-opacity-hex-88:#171719;--kol-opacity-hex-96:#111112;--kol-opacity-hex-inverse-01:#111112;--kol-opacity-hex-inverse-02:#171719;--kol-opacity-hex-inverse-04:#1b1b1e;--kol-opacity-hex-inverse-08:#242427;--kol-opacity-hex-inverse-12:#2e2e30;--kol-opacity-hex-inverse-16:#363639;--kol-opacity-hex-inverse-24:#5b5b5d;--kol-opacity-hex-inverse-32:#a3a3a4;--kol-opacity-hex-inverse-64:#dbdbdb;--kol-opacity-hex-inverse-80:#ebebeb;--kol-opacity-hex-inverse-88:#f4f4f5;--kol-opacity-hex-inverse-96:#fcfbfb}[data-theme=dark],.dark{--kol-surface-primary:#121215;--kol-surface-on-primary:#fafafa;--kol-surface-secondary:#19191d;--kol-surface-on-secondary:#f8f8f8;--kol-surface-tertiary:#0e0e11;--kol-surface-on-tertiary:#fff;--kol-surface-inverse:#fcfbf8;--kol-surface-on-inverse:#0e0e11;--kol-opacity-hex-01:#111112;--kol-opacity-hex-02:#171719;--kol-opacity-hex-04:#1b1b1e;--kol-opacity-hex-08:#242427;--kol-opacity-hex-12:#2e2e30;--kol-opacity-hex-16:#363639;--kol-opacity-hex-24:#5b5b5d;--kol-opacity-hex-32:#a3a3a4;--kol-opacity-hex-64:#dbdbdb;--kol-opacity-hex-80:#ebebeb;--kol-opacity-hex-88:#f4f4f5;--kol-opacity-hex-96:#fcfbfb;--kol-opacity-hex-inverse-01:#fcfbfb;--kol-opacity-hex-inverse-02:#f4f4f5;--kol-opacity-hex-inverse-04:#ebebeb;--kol-opacity-hex-inverse-08:#dbdbdb;--kol-opacity-hex-inverse-12:#a3a3a4;--kol-opacity-hex-inverse-16:#5b5b5d;--kol-opacity-hex-inverse-24:#363639;--kol-opacity-hex-inverse-32:#2e2e30;--kol-opacity-hex-inverse-64:#242427;--kol-opacity-hex-inverse-80:#1b1b1e;--kol-opacity-hex-inverse-88:#171719;--kol-opacity-hex-inverse-96:#111112}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--kol-surface-primary:#121215;--kol-surface-on-primary:#fafafa;--kol-surface-secondary:#19191d;--kol-surface-on-secondary:#f8f8f8;--kol-surface-tertiary:#0e0e11;--kol-surface-on-tertiary:#fff;--kol-surface-inverse:#fcfbf8;--kol-surface-on-inverse:#0e0e11;--kol-opacity-hex-01:#111112;--kol-opacity-hex-02:#171719;--kol-opacity-hex-04:#1b1b1e;--kol-opacity-hex-08:#242427;--kol-opacity-hex-12:#2e2e30;--kol-opacity-hex-16:#363639;--kol-opacity-hex-24:#5b5b5d;--kol-opacity-hex-32:#a3a3a4;--kol-opacity-hex-64:#dbdbdb;--kol-opacity-hex-80:#ebebeb;--kol-opacity-hex-88:#f4f4f5;--kol-opacity-hex-96:#fcfbfb;--kol-opacity-hex-inverse-01:#fcfbfb;--kol-opacity-hex-inverse-02:#f4f4f5;--kol-opacity-hex-inverse-04:#ebebeb;--kol-opacity-hex-inverse-08:#dbdbdb;--kol-opacity-hex-inverse-12:#a3a3a4;--kol-opacity-hex-inverse-16:#5b5b5d;--kol-opacity-hex-inverse-24:#363639;--kol-opacity-hex-inverse-32:#2e2e30;--kol-opacity-hex-inverse-64:#242427;--kol-opacity-hex-inverse-80:#1b1b1e;--kol-opacity-hex-inverse-88:#171719;--kol-opacity-hex-inverse-96:#111112}}.bg-surface-inverse{background-color:var(--kol-surface-inverse);color:var(--kol-surface-on-inverse);--kol-surface-primary:var(--kol-surface-inverse);--kol-surface-on-primary:var(--kol-surface-on-inverse);--kol-surface-secondary:var(--kol-surface-secondary);--kol-surface-on-secondary:var(--kol-surface-on-inverse);--kol-surface-tertiary:var(--kol-surface-tertiary);--kol-surface-on-tertiary:var(--kol-surface-on-inverse);--kol-border-default:var(--kol-surface-on-inverse)}@supports (color:color-mix(in lab, red, red)){.bg-surface-inverse{--kol-border-default:color-mix(in srgb, var(--kol-surface-on-inverse) 8%, transparent)}}.bg-surface-primary{background-color:var(--kol-surface-primary);color:var(--kol-surface-on-primary)}.bg-surface-secondary{background-color:var(--kol-surface-secondary);color:var(--kol-surface-on-secondary)}.bg-surface-tertiary{background-color:var(--kol-surface-tertiary);color:var(--kol-surface-on-tertiary)}.bg-surface-inverse{background-color:var(--kol-surface-inverse);color:var(--kol-surface-on-inverse)}.elevation-base{background-color:var(--kol-surface-primary);color:var(--kol-surface-on-primary)}.elevation-raised{background-color:var(--kol-surface-secondary);color:var(--kol-surface-on-secondary)}.elevation-elevated{background-color:var(--kol-surface-tertiary);color:var(--kol-surface-on-tertiary)}.bg-opacity-hex-01{background-color:var(--kol-opacity-hex-01)}.bg-opacity-hex-02{background-color:var(--kol-opacity-hex-02)}.bg-opacity-hex-04{background-color:var(--kol-opacity-hex-04)}.bg-opacity-hex-08{background-color:var(--kol-opacity-hex-08)}.bg-opacity-hex-12{background-color:var(--kol-opacity-hex-12)}.bg-opacity-hex-16{background-color:var(--kol-opacity-hex-16)}.bg-opacity-hex-24{background-color:var(--kol-opacity-hex-24)}.bg-opacity-hex-32{background-color:var(--kol-opacity-hex-32)}.bg-opacity-hex-64{background-color:var(--kol-opacity-hex-64)}.bg-opacity-hex-80{background-color:var(--kol-opacity-hex-80)}.bg-opacity-hex-88{background-color:var(--kol-opacity-hex-88)}.bg-opacity-hex-96{background-color:var(--kol-opacity-hex-96)}.border-opacity-hex-01{border-color:var(--kol-opacity-hex-01)}.border-opacity-hex-02{border-color:var(--kol-opacity-hex-02)}.border-opacity-hex-04{border-color:var(--kol-opacity-hex-04)}.border-opacity-hex-08{border-color:var(--kol-opacity-hex-08)}.border-opacity-hex-12{border-color:var(--kol-opacity-hex-12)}.border-opacity-hex-16{border-color:var(--kol-opacity-hex-16)}.border-opacity-hex-24{border-color:var(--kol-opacity-hex-24)}.border-opacity-hex-32{border-color:var(--kol-opacity-hex-32)}.border-opacity-hex-64{border-color:var(--kol-opacity-hex-64)}.border-opacity-hex-80{border-color:var(--kol-opacity-hex-80)}.border-opacity-hex-88{border-color:var(--kol-opacity-hex-88)}.border-opacity-hex-96{border-color:var(--kol-opacity-hex-96)}.bg-fg-02{background-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.bg-fg-02{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 2%, transparent)}}.bg-fg-04{background-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.bg-fg-04{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 4%, transparent)}}.bg-fg-08{background-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.bg-fg-08{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 8%, transparent)}}.bg-fg-16{background-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.bg-fg-16{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 16%, transparent)}}.bg-fg-24{background-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.bg-fg-24{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 24%, transparent)}}.bg-fg-64{background-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.bg-fg-64{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 64%, transparent)}}.bg-fg-88{background-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.bg-fg-88{background-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 88%, transparent)}}.border-fg,.border-fg-02{border-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.border-fg-02{border-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 2%, transparent)}}.border-fg-04{border-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.border-fg-04{border-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 4%, transparent)}}.border-fg-08{border-color:var(--kol-surface-on-primary,currentColor)}@supports (color:color-mix(in lab, red, red)){.border-fg-08{border-color:color-mix(in srgb, var(--kol-surface-on-primary,currentColor) 8%, transparent)}}.border-fg-16{border-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.border-fg-16{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent)}}.border-fg-24{border-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.border-fg-24{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent)}}.border-fg-32{border-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.border-fg-32{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 32%, transparent)}}.border-fg-64{border-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.border-fg-64{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 64%, transparent)}}.text-fg-02{color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.text-fg-02{color:color-mix(in srgb, var(--kol-surface-on-primary) 2%, transparent)}}.text-fg-04{color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.text-fg-04{color:color-mix(in srgb, var(--kol-surface-on-primary) 4%, transparent)}}.text-fg-08{color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.text-fg-08{color:color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent)}}.text-fg-16{color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.text-fg-16{color:color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent)}}.text-fg-24{color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.text-fg-24{color:color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent)}}.text-fg-32{color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.text-fg-32{color:color-mix(in srgb, var(--kol-surface-on-primary) 32%, transparent)}}.text-fg-48{color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.text-fg-48{color:color-mix(in srgb, var(--kol-surface-on-primary) 48%, transparent)}}.text-fg-64{color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.text-fg-64{color:color-mix(in srgb, var(--kol-surface-on-primary) 64%, transparent)}}.text-fg-80{color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.text-fg-80{color:color-mix(in srgb, var(--kol-surface-on-primary) 80%, transparent)}}.text-fg-88{color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.text-fg-88{color:color-mix(in srgb, var(--kol-surface-on-primary) 88%, transparent)}}.text-auto{color:var(--kol-surface-on-primary)}.text-inverse{color:var(--kol-surface-on-inverse)}.bg-auto{background-color:var(--kol-surface-primary)}.bg-fg{background-color:var(--kol-surface-on-primary)}.border-auto{border-color:var(--kol-border-default)}.divider-auto{border-color:var(--kol-border-default);border-width:1px}.border-surface,.border-surface-08{border-color:var(--kol-surface-primary)}@supports (color:color-mix(in lab, red, red)){.border-surface-08{border-color:color-mix(in srgb, var(--kol-surface-primary) 8%, transparent)}}.border-surface-16{border-color:var(--kol-surface-primary)}@supports (color:color-mix(in lab, red, red)){.border-surface-16{border-color:color-mix(in srgb, var(--kol-surface-primary) 16%, transparent)}}.hover\:border-hover:hover{border-color:var(--kol-border-default)}.hover\:border-fg-08:hover{border-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-fg-08:hover{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent)}}.hover\:border-fg-16:hover{border-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:border-fg-16:hover{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent)}}.focus\:border-focus:focus,.focus-visible\:border-focus:focus-visible{border-color:var(--kol-border-focus)}.focus-visible\:ring-focus:focus-visible{outline:2px solid var(--kol-focus-ring);outline-offset:2px}.bgAbsoluteWhite{background-color:var(--kol-color-absolute-white)}.bgAbsoluteBlack{background-color:var(--kol-color-absolute-black)}.textAbsoluteWhite{color:var(--kol-color-absolute-white)}.textAbsoluteBlack{color:var(--kol-color-absolute-black)}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono/JetBrainsMono-MediumItalic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}:root{--kol-font-family-mono:"JetBrains Mono", monospace}.kol-display-lg{font-family:var(--kol-font-family-mono);font-size:clamp(48px,6vw,96px);font-weight:600;line-height:100%}.kol-display-section{font-family:var(--kol-font-family-mono);font-size:clamp(40px,5vw,64px);font-weight:600;line-height:100%}.kol-display-subsection{font-family:var(--kol-font-family-mono);font-size:clamp(32px,4vw,48px);font-weight:600;line-height:100%}.kol-heading-xl{font-family:var(--kol-font-family-mono);font-size:clamp(40px,5vw,64px);font-weight:500;line-height:110%}.kol-heading-lg{font-family:var(--kol-font-family-mono);font-size:clamp(32px,4vw,48px);font-weight:500;line-height:110%}.kol-heading-md{font-family:var(--kol-font-family-mono);font-size:clamp(28px,3.5vw,40px);font-weight:500;line-height:120%}.kol-heading-sm{font-family:var(--kol-font-family-mono);font-size:clamp(20px,2.5vw,32px);font-weight:500;line-height:100%}.kol-heading-xs{font-family:var(--kol-font-family-mono);font-size:clamp(18px,2vw,28px);font-weight:500;line-height:125%}.kol-text-lg{font-family:var(--kol-font-family-mono);font-size:clamp(18px,2vw,20px);font-weight:400;line-height:160%}.kol-text-md{font-family:var(--kol-font-family-mono);font-size:clamp(14px,1.5vw,18px);font-weight:400;line-height:160%}.kol-text-sm{font-family:var(--kol-font-family-mono);font-size:clamp(12px,1.25vw,16px);font-weight:400;line-height:150%}.kol-helper-xl{font-family:var(--kol-font-family-mono);font-size:20px;font-weight:500;line-height:100%}.kol-helper-lg{font-family:var(--kol-font-family-mono);font-size:18px;font-weight:500;line-height:100%}.kol-helper-md{font-family:var(--kol-font-family-mono);font-size:16px;font-weight:500;line-height:100%}.kol-helper-s{font-family:var(--kol-font-family-mono);font-size:14px;font-weight:500;line-height:100%}.kol-helper-xs{font-family:var(--kol-font-family-mono);font-size:12px;font-weight:500;line-height:100%}.kol-helper-xs-2{font-family:var(--kol-font-family-mono);font-size:11px;font-weight:500;line-height:100%}.kol-helper-xs-2 .kol-helper-xs{font-size:11px}.kol-helper-xs-2 .control-slider-minimal{height:20px}.kol-helper-xxs{font-family:var(--kol-font-family-mono);font-size:10px;font-weight:500;line-height:100%}.kol-helper-xxxs{font-family:var(--kol-font-family-mono);font-size:8px;font-weight:500;line-height:125%}.kol-helper-xxxxs{font-family:var(--kol-font-family-mono);font-size:6px;font-weight:500;line-height:125%}.kol-btn{border-radius:var(--kol-radius-full);text-transform:uppercase;font-family:var(--kol-font-family-mono,monospace);letter-spacing:.03em;transition:background-color var(--kol-transition-base), color var(--kol-transition-base), border-color var(--kol-transition-base);cursor:pointer;justify-content:center;align-items:center;font-size:14px;font-weight:400;line-height:100%;display:inline-flex}.kol-btn-primary{background:var(--kol-surface-on-primary);color:var(--kol-surface-primary);border:1px solid #0000}.kol-btn-primary:not(.kol-btn-animate):hover{background-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.kol-btn-primary:not(.kol-btn-animate):hover{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 20%, transparent)}}.kol-btn-primary:not(.kol-btn-animate):hover{color:var(--kol-surface-on-primary);border-color:#0000}.kol-btn-secondary{background:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.kol-btn-secondary{background:color-mix(in srgb, var(--kol-surface-on-primary) 4%, transparent)}}.kol-btn-secondary{color:var(--kol-surface-on-primary);border:none}.kol-btn-secondary:not(.kol-btn-animate):hover{background-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.kol-btn-secondary:not(.kol-btn-animate):hover{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 20%, transparent)}}.kol-btn-secondary:not(.kol-btn-animate):hover{color:var(--kol-surface-on-primary)}.kol-btn-outline{color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);background:0 0}.kol-btn-outline:not(.kol-btn-animate):hover{background-color:var(--kol-opacity-hex-08);border-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.kol-btn-outline:not(.kol-btn-animate):hover{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 25%, transparent)}}.kol-btn-outline:not(.kol-btn-animate):hover{color:var(--kol-surface-on-primary)}.kol-btn-accent{background:var(--kol-accent-primary);color:var(--kol-accent-on-primary);border:1px solid #0000}.kol-btn-accent:not(.kol-btn-animate):hover{background-color:var(--kol-accent-primary);color:var(--kol-surface-on-primary)}.kol-btn-control{color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);background:0 0}.kol-btn-control:not(.kol-btn-animate):hover{background-color:var(--kol-opacity-hex-08);border-color:#0000}.kol-btn-nav{color:var(--kol-surface-on-primary);background:0 0;border:none}.kol-btn-nav:not(.kol-btn-animate):hover{background-color:var(--kol-opacity-hex-08)}@supports (color:color-mix(in lab, red, red)){.input-outline:focus{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 18%, transparent)}}.input-sm{height:28px;font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:0 16px;font-size:14px;font-weight:470;line-height:1}.input-md{height:32px;font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:0 20px;font-size:14px;font-weight:470;line-height:1}.input-lg{height:36px;font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:0 24px;font-size:18px;font-weight:470;line-height:1}.library-search{background:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.library-search{background:color-mix(in srgb, var(--kol-surface-on-primary) 4%, transparent)}}.library-search{color:var(--kol-surface-on-primary);border-radius:var(--kol-radius-full);font-family:var(--kol-font-family-mono,monospace);letter-spacing:.03em;width:200px;transition:background-color var(--kol-transition-base);border:1px solid #ffffff1a;outline:none;padding:6px 16px;font-size:14px;font-weight:400;line-height:100%}.library-search::placeholder{color:var(--kol-surface-on-primary)}.gridcard-preview img{object-position:top left}.gridcard-preview--cover img{object-fit:cover;width:100%;height:100%}.gridcard-preview--natural img{transform-origin:0 0;max-width:none;transform:scale(.5)}.gridcard-preview--compact img{transform-origin:0 0;max-width:none;transform:scale(.3)}:hover>.patch-preview-overlay{opacity:1!important}.patch-link{color:#facc15;text-underline-offset:4px;cursor:pointer;text-decoration:none}.patch-link:hover{text-decoration:underline}.module-detail-code-link:hover{color:#facc15}.library-search:hover{background-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.library-search:hover{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 20%, transparent)}}.kol-btn-sm{padding:6px 16px}.kol-btn-md{padding:8px 20px}.kol-btn-lg{padding:10px 24px;font-size:18px}@media (width>=768px){.kol-btn-sm{padding:8px 20px}.kol-btn-md{padding:12px 28px}.kol-btn-lg{padding:14px 36px}.library-search{padding:8px 20px}}@media (width>=1024px){.kol-btn-sm{padding:10px 24px}.kol-btn-md{padding:14px 32px}.kol-btn-lg{padding:16px 40px}.library-search{padding:10px 24px}}.kol-btn:disabled,.kol-btn[disabled]{opacity:var(--kol-opacity-disabled);cursor:not-allowed}.kol-btn-normal-case{text-transform:none}.kol-icon-swap-container{display:inline-flex;position:relative;overflow:hidden}.kol-icon-default{transition:opacity var(--kol-transition-base), transform var(--kol-transition-base);position:absolute}.kol-icon-hover{opacity:0;transition:opacity var(--kol-transition-base), transform var(--kol-transition-base);position:absolute;transform:translateY(4px)}.kol-btn:hover .kol-icon-default{opacity:0;transform:translateY(-4px)}.kol-btn:hover .kol-icon-hover{opacity:1;transform:translateY(0)}.kol-toggle-bracket{border:1px solid var(--kol-border-default);background-color:var(--kol-surface-on-primary);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.kol-toggle-bracket{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent)}}.kol-toggle-bracket{color:var(--kol-surface-on-primary);transition:background-color var(--kol-transition-base), color var(--kol-transition-base), border-color var(--kol-transition-base);cursor:pointer}.kol-toggle-bracket:hover,.kol-toggle-bracket:focus-visible{background-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.kol-toggle-bracket:hover,.kol-toggle-bracket:focus-visible{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 12%, transparent)}}.kol-toggle-bracket.kol-active{background-color:var(--kol-accent-primary);color:var(--kol-accent-primary);border-color:#0000}.kol-toggle-bracket span:last-child{font-weight:520}.kol-toggle-bracket-plain{color:var(--kol-surface-on-primary);background-color:#0000;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.kol-toggle-bracket-plain:focus-visible{outline:2px solid var(--kol-focus-ring);outline-offset:2px}.toggle-bracket{border:1px solid var(--kol-border-default);background-color:var(--kol-surface-on-primary);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.toggle-bracket{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent)}}.toggle-bracket{color:var(--kol-surface-on-primary);transition:background-color var(--kol-transition-base), color var(--kol-transition-base), border-color var(--kol-transition-base)}.toggle-bracket:hover,.toggle-bracket:focus-visible{background-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.toggle-bracket:hover,.toggle-bracket:focus-visible{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 12%, transparent)}}.toggle-bracket.is-active{background-color:var(--kol-accent-primary);color:var(--kol-surface-primary);border-color:#0000}.toggle-bracket span:last-child{font-weight:520}.toggle-bracket-plain{color:var(--kol-surface-on-primary);background-color:#0000;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.toggle-bracket-plain:focus-visible{outline:2px solid var(--kol-focus-ring);outline-offset:2px}.toggle-bracket-plain span:last-child{font-weight:520}.kol-toggle-switch{border:1px solid var(--kol-surface-on-primary);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.kol-toggle-switch{border:1px solid color-mix(in srgb, var(--kol-surface-on-primary) 12%, transparent)}}.kol-toggle-switch{color:var(--kol-surface-on-primary);transition:background-color var(--kol-transition-base), border-color var(--kol-transition-base);cursor:pointer;background-color:#0000}.kol-toggle-switch:hover,.kol-toggle-switch:focus-visible{border-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.kol-toggle-switch:hover,.kol-toggle-switch:focus-visible{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 18%, transparent)}}.kol-toggle-switch-label{font-family:var(--kol-font-family-mono,monospace);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.kol-toggle-switch-indicator{border-radius:var(--kol-radius-full);background-color:var(--kol-surface-on-primary);width:20px;height:12px}@supports (color:color-mix(in lab, red, red)){.kol-toggle-switch-indicator{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent)}}.kol-toggle-switch-indicator{transition:background-color var(--kol-transition-base);position:relative}.kol-toggle-switch-indicator:after{content:"";border-radius:var(--kol-radius-full);background-color:var(--kol-surface-on-primary);width:8px;height:8px;transition:transform var(--kol-transition-base), background-color var(--kol-transition-base);position:absolute;top:2px;left:2px}.kol-toggle-switch.kol-active .kol-toggle-switch-indicator{background-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.kol-toggle-switch.kol-active .kol-toggle-switch-indicator{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 32%, transparent)}}.kol-toggle-switch.kol-active .kol-toggle-switch-indicator:after{background-color:var(--kol-surface-primary);transform:translate(8px)}.toggle-switch{border:1px solid var(--kol-surface-on-primary);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.toggle-switch{border:1px solid color-mix(in srgb, var(--kol-surface-on-primary) 12%, transparent)}}.toggle-switch{color:var(--kol-surface-on-primary);transition:background-color var(--kol-transition-base), border-color var(--kol-transition-base);background-color:#0000}.toggle-switch:hover,.toggle-switch:focus-visible{border-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.toggle-switch:hover,.toggle-switch:focus-visible{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 18%, transparent)}}.toggle-switch-label{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.toggle-switch-indicator{border-radius:var(--kol-radius-full);background-color:var(--kol-surface-on-primary);width:20px;height:12px}@supports (color:color-mix(in lab, red, red)){.toggle-switch-indicator{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent)}}.toggle-switch-indicator{transition:background-color var(--kol-transition-base);position:relative}.toggle-switch-indicator:after{content:"";border-radius:var(--kol-radius-full);background-color:var(--kol-surface-on-primary);width:8px;height:8px;transition:transform var(--kol-transition-base), background-color var(--kol-transition-base);position:absolute;top:2px;left:2px}.toggle-switch[data-state=on] .toggle-switch-indicator{background-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.toggle-switch[data-state=on] .toggle-switch-indicator{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 32%, transparent)}}.toggle-switch[data-state=on] .toggle-switch-indicator:after{background-color:var(--kol-surface-primary);transform:translate(8px)}.kol-checkbox{cursor:pointer;align-items:center;display:inline-flex}.kol-checkbox input{display:none}.kol-checkbox-indicator{border:1px solid var(--kol-surface-on-primary);border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.kol-checkbox-indicator{border:1px solid color-mix(in srgb, var(--kol-surface-on-primary) 25%, transparent)}}.kol-checkbox-indicator{transition:background-color var(--kol-transition-base), border-color var(--kol-transition-base);background-color:#0000}.kol-checkbox-indicator svg{width:10px;height:8px;stroke:var(--kol-surface-primary);opacity:0;transition:opacity var(--kol-transition-base)}.kol-checkbox.kol-active .kol-checkbox-indicator{background-color:var(--kol-accent-primary);border-color:var(--kol-accent-primary)}.kol-checkbox.kol-active .kol-checkbox-indicator svg{opacity:1}.kol-toggle-checkbox{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.kol-toggle-checkbox input{display:none}.kol-toggle-checkbox-indicator{border:1px solid var(--kol-surface-on-primary);border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.kol-toggle-checkbox-indicator{border:1px solid color-mix(in srgb, var(--kol-surface-on-primary) 25%, transparent)}}.kol-toggle-checkbox-indicator{transition:background-color var(--kol-transition-base), border-color var(--kol-transition-base);background-color:#0000}.kol-toggle-checkbox-indicator svg{width:10px;height:8px;stroke:var(--kol-surface-primary);opacity:0;transition:opacity var(--kol-transition-base)}.kol-toggle-checkbox.kol-active .kol-toggle-checkbox-indicator{background-color:var(--kol-accent-primary);border-color:var(--kol-accent-primary)}.kol-toggle-checkbox.kol-active .kol-toggle-checkbox-indicator svg{opacity:1}.checkbox{cursor:pointer;align-items:center;display:inline-flex}.checkbox input{display:none}.checkbox-indicator{border:1px solid var(--kol-surface-on-primary);border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.checkbox-indicator{border:1px solid color-mix(in srgb, var(--kol-surface-on-primary) 25%, transparent)}}.checkbox-indicator{transition:background-color var(--kol-transition-base), border-color var(--kol-transition-base);background-color:#0000}.checkbox-indicator svg{width:10px;height:8px;stroke:var(--kol-surface-primary);opacity:0;transition:opacity var(--kol-transition-base)}.checkbox.is-active .checkbox-indicator{background-color:var(--kol-accent-primary);border-color:var(--kol-accent-primary)}.checkbox.is-active .checkbox-indicator svg{opacity:1}.toggle-checkbox{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.toggle-checkbox input{display:none}.toggle-checkbox-indicator{border:1px solid var(--kol-surface-on-primary);border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.toggle-checkbox-indicator{border:1px solid color-mix(in srgb, var(--kol-surface-on-primary) 25%, transparent)}}.toggle-checkbox-indicator{transition:background-color var(--kol-transition-base), border-color var(--kol-transition-base);background-color:#0000}.toggle-checkbox-indicator svg{width:10px;height:8px;stroke:var(--kol-surface-primary);opacity:0;transition:opacity var(--kol-transition-base)}.toggle-checkbox.is-active .toggle-checkbox-indicator{background-color:var(--kol-accent-primary);border-color:var(--kol-accent-primary)}.toggle-checkbox.is-active .toggle-checkbox-indicator svg{opacity:1}.pill-inverse{border-radius:var(--kol-radius-full);background-color:var(--kol-surface-on-primary);font-family:var(--kol-font-family-mono);color:var(--kol-surface-primary);border:none;align-items:center;padding:4px 16px;display:inline-flex}.pill-subtle{border-radius:var(--kol-radius-full);background-color:var(--kol-surface-on-primary);align-items:center;padding:4px 16px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pill-subtle{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent)}}.pill-subtle{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);border:1px solid #0000}.pill-outline{border-radius:var(--kol-radius-full);background-color:var(--kol-surface-primary);font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);align-items:center;padding:4px 16px;display:inline-flex}.pill-sm{padding:2px 10px;font-size:10px;font-weight:470}.pill-md{padding:4px 16px;font-size:12px;font-weight:470}.pill-lg{padding:6px 20px;font-size:14px;font-weight:470}.tag-control{border-radius:var(--kol-radius-full);background-color:var(--kol-surface-primary);font-size:10px;font-weight:400;font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);transition:background-color var(--kol-transition-base), color var(--kol-transition-base);align-items:center;padding:4px 16px;display:inline-flex}.tag-control:hover{background-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.tag-control:hover{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent)}}.tag-control:hover{color:var(--kol-surface-on-primary);border-color:#0000}.tag-control.is-active{background-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.tag-control.is-active{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent)}}.tag-control.is-active{color:var(--kol-surface-on-primary);border-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.tag-control.is-active{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent)}}.tag-sm{padding:4px 10px;font-size:10px;font-weight:470}.tag-md{padding:5px 12px;font-size:12px;font-weight:470}.tag-lg{padding:6px 14px;font-size:14px;font-weight:470}.control-unified-inverse{border-radius:var(--kol-radius-full);background-color:var(--kol-surface-on-primary);color:var(--kol-surface-primary);transition:background-color var(--kol-transition-base), color var(--kol-transition-base);border:1px solid #0000;align-items:center;padding:4px 0;display:inline-flex}.control-unified-inverse:hover{background-color:var(--kol-surface-primary);color:var(--kol-surface-on-primary)}.kol-badge{font-family:var(--kol-font-family-mono);transition:background-color var(--kol-transition-base), color var(--kol-transition-base);border-radius:4px;justify-content:center;align-items:center;font-weight:470;display:inline-flex}.kol-badge-default{background-color:var(--kol-surface-on-primary);color:var(--kol-surface-primary);border:1px solid #0000}.kol-badge-secondary{background-color:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.kol-badge-secondary{background-color:color-mix(in srgb, var(--kol-surface-on-primary) 12%, transparent)}}.kol-badge-secondary{color:var(--kol-surface-on-primary);border:1px solid #0000}.kol-badge-destructive{color:#ef4444;background-color:#ef444433;border:1px solid #ef44444d}.kol-badge-outline{color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);background-color:#0000}.kol-badge-success{color:#22c55e;background-color:#22c55e33;border:1px solid #22c55e4d}.kol-badge-warning{color:#eab308;background-color:#eab30833;border:1px solid #eab3084d}.kol-badge-critical{color:#ef4444;background-color:#ef444433;border:1px solid #ef44444d}.kol-badge-info{color:#3b82f6;background-color:#3b82f633;border:1px solid #3b82f64d}.kol-badge-sm{height:20px;padding:0 6px;font-size:10px}.kol-badge-md{height:24px;padding:0 8px;font-size:12px}.kol-badge-lg{height:28px;padding:0 12px;font-size:14px}.kol-label-mono-sm{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:clamp(14px,1.5vw,24px);font-weight:470;line-height:100%}.kol-label-mono-md{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:clamp(12px,1vw,16px);font-weight:470;line-height:125%}.kol-label-mono-xs{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:clamp(10px,.8vw,14px);font-weight:470;line-height:100%}.kol-label-compact-lg{font-family:var(--kol-font-family-rgrot-narrow);text-transform:uppercase;letter-spacing:.03em;color:var(--kol-surface-on-primary);font-size:clamp(24px,2vw,28px);font-weight:470;font-stretch:75%;line-height:100%}.kol-label-compact-md{font-family:var(--kol-font-family-rgrot-narrow);text-transform:uppercase;letter-spacing:.03em;color:var(--kol-surface-on-primary);font-size:clamp(12px,1vw,16px);font-weight:470;font-stretch:75%;line-height:100%}.kol-label{font-family:var(--kol-font-family-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--kol-surface-on-primary);font-size:clamp(14px,1.5vw,24px);font-weight:470;line-height:100%}.kol-label-compact{font-family:var(--kol-font-family-rgrot-narrow);text-transform:uppercase;letter-spacing:.03em;color:var(--kol-surface-on-primary);font-size:clamp(12px,1vw,16px);font-weight:470;font-stretch:75%;line-height:100%}.control-dropdown{border:1px solid var(--kol-border-default);transition:background-color var(--kol-transition-base), color var(--kol-transition-base);background-color:#0000;border-radius:20px;align-items:center;display:inline-flex}@media (width>=768px){.control-dropdown{border-radius:22px}}@media (width>=1024px){.control-dropdown{border-radius:24px}}.control-unified{border-radius:var(--kol-radius-full);background-color:var(--kol-surface-primary);border:1px solid var(--kol-border-default);transition:background-color var(--kol-transition-base), color var(--kol-transition-base);align-items:center;padding:4px 0;display:inline-flex}.control-unified[data-state=open],.control-unified[data-state=open]:hover{background-color:var(--kol-surface-primary);color:var(--kol-surface-on-primary);border-color:var(--kol-border-default)}.dropdown-sm{font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:6px 16px;font-size:11px;font-weight:470;line-height:100%}.dropdown-md{font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:8px 20px;font-size:12px;font-weight:470;line-height:100%}.dropdown-lg{font-family:var(--kol-font-family-mono);letter-spacing:.03em;padding:10px 24px;font-size:14px;font-weight:470;line-height:100%}@media (width>=768px){.dropdown-sm{padding:8px 20px}.dropdown-md{padding:12px 28px}.dropdown-lg{padding:14px 36px}}@media (width>=1024px){.dropdown-sm{padding:10px 24px}.dropdown-md{padding:14px 32px}.dropdown-lg{padding:16px 40px}}.dropdown-option-selected{opacity:1}.dropdown-option-deselected{opacity:.4}.input-outline{border-radius:var(--kol-radius-full);background:var(--kol-surface-primary);color:var(--kol-surface-on-primary);border:1px solid var(--kol-border-default);transition:border-color var(--kol-transition-base), background-color var(--kol-transition-base)}.input-outline:focus{border-color:var(--kol-surface-on-primary);outline:none}@supports (color:color-mix(in lab, red, red)){.input-outline:focus{border-color:color-mix(in srgb, var(--kol-surface-on-primary) 18%, transparent)}}.input-outline:focus{background:var(--kol-surface-secondary)}.input-outline::placeholder{color:var(--kol-surface-on-primary);opacity:var(--kol-opacity-disabled)}.input-sm{width:280px;padding:6px 16px}.input-md{width:380px;padding:8px 20px}.input-lg{width:480px;padding:10px 24px}@media (width>=768px){.input-sm{padding:8px 20px}.input-md{padding:12px 28px}.input-lg{padding:14px 36px}}@media (width>=1024px){.input-sm{padding:10px 24px}.input-md{padding:14px 32px}.input-lg{padding:16px 40px}}.control-slider{border-radius:var(--kol-radius-full);background-color:var(--kol-surface-primary);border:1px solid var(--kol-border-default);transition:background-color var(--kol-transition-base), color var(--kol-transition-base);flex-direction:row;align-items:center;padding:8px 24px;display:inline-flex}.control-slider-minimal{height:24px;transition:color var(--kol-transition-base);background-color:#0000;border:none;border-radius:0;flex-direction:row;align-items:center;padding:0;display:inline-flex}.slider-black{appearance:none;cursor:pointer;background:0 0;height:2px}.slider-black::-webkit-slider-runnable-track{background:var(--kol-surface-on-primary);border-radius:0;height:2px}.slider-black::-moz-range-track{background:var(--kol-surface-on-primary);border-radius:0;height:2px}.slider-black::-webkit-slider-thumb{appearance:none;background:var(--kol-surface-on-primary);border:none;border-radius:50%;width:12px;height:12px;margin-top:-5px}.slider-black::-moz-range-thumb{appearance:none;background:var(--kol-surface-on-primary);border:none;border-radius:50%;width:12px;height:12px}.btn-nav{transition:box-shadow var(--kol-transition-base)}.btn-nav:hover{box-shadow:inset 0 0 0 1px var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){.btn-nav:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent)}}.nav-link-underline{position:relative}.nav-link-underline:after{content:"";transform-origin:100% 100%;width:100%;height:2px;transition:transform var(--kol-transition-slow) cubic-bezier(.65, .05, .36, 1);background-color:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.nav-link-underline:hover:after{transform-origin:0 100%;transform:scaleX(1)}.link-with-icon-animate{transition-property:gap;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--kol-transition-fast);gap:.5rem}.link-with-icon-animate:hover{gap:1rem}.link-with-icon-animate .icon-slide{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--kol-transition-fast)}.link-with-icon-animate:hover .icon-slide-right{transform:translate(4px)}.link-with-icon-animate:hover .icon-slide-left{transform:translate(-4px)}.icon-default{opacity:1;transition:transform var(--kol-transition-base) ease, opacity var(--kol-transition-base) ease;transform:translate(0)scale(1)}.icon-hover{opacity:0;transition:transform var(--kol-transition-base) ease, opacity var(--kol-transition-base) ease;transform:translate(-100%,-100%)scale(.8)}button:hover .icon-default,a:hover .icon-default,.section-label-wrapper:hover .icon-default{opacity:0;transform:translate(100%,100%)scale(.8)}button:hover .icon-hover,a:hover .icon-hover,.section-label-wrapper:hover .icon-hover{opacity:1;transform:translate(0)scale(1)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kol-table-wrapper{scrollbar-width:none;border:1px solid var(--kol-fg-08);border-radius:4px;overflow-x:auto}.kol-table-wrapper::-webkit-scrollbar{display:none}.kol-table{border-collapse:collapse;text-align:left;width:100%;min-width:100%;font-family:var(--kol-font-family-mono);font-size:.8125rem;line-height:1.5}.kol-table-thead{background:var(--kol-fg-04);border-bottom:1px solid var(--kol-fg-08)}.kol-table-row{border-bottom:1px solid var(--kol-fg-08);vertical-align:top}.kol-table-row:last-child{border-bottom:none}.kol-table-cell-title{font-family:var(--kol-font-family-mono);text-transform:uppercase;color:var(--kol-surface-on-primary);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:400;line-height:1.3}.kol-table-cell-text{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);white-space:nowrap;padding:12px 16px;font-size:.8125rem;font-weight:400;line-height:1.4}.kol-table-cell-meta{font-family:var(--kol-font-family-mono);color:var(--kol-fg-64);white-space:normal;min-width:10rem;max-width:24rem;padding:12px 16px;font-size:.625rem;font-weight:400;line-height:1.3}.kol-table-cell-meta-strong{font-family:var(--kol-font-family-mono);color:var(--kol-surface-on-primary);white-space:normal;min-width:10rem;padding:12px 16px;font-size:.625rem;font-weight:400;line-height:1.3}.kol-table-pill{font-family:var(--kol-font-family-mono);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:2px 12px;font-size:.75rem;font-weight:400;display:inline-flex}.kol-table-pill-light{background-color:var(--kol-surface-secondary);color:var(--kol-surface-on-secondary)}.kol-table-pill-muted{background-color:var(--kol-fg-16);color:var(--kol-surface-on-primary)}.kol-table-pill-dark{background-color:var(--kol-surface-on-primary);color:var(--kol-surface-primary)}.kol-table-token{font-family:var(--kol-font-family-mono);white-space:nowrap;border-radius:2px;align-items:center;margin:0 4px;padding:2px 4px;font-size:.75rem;font-weight:400;line-height:1;display:inline-flex}.kol-table-wrapper.kol-table--simple{border:none;border-radius:0}.kol-table-wrapper.kol-table--simple .kol-table-thead{border-bottom:1px solid var(--kol-fg-12);background:0 0}.kol-table-wrapper.kol-table--simple .kol-table-row{border-bottom:1px solid var(--kol-fg-08)}.kol-table-wrapper.kol-table--simple .kol-table th,.kol-table-wrapper.kol-table--simple .kol-table td{border-right:none}.kol-table-wrapper.kol-table--simple .kol-table th:first-child,.kol-table-wrapper.kol-table--simple .kol-table td:first-child{padding-inline-start:0}.kol-table-wrapper.kol-table--simple .kol-table th:last-child,.kol-table-wrapper.kol-table--simple .kol-table td:last-child{padding-inline-end:0}.kol-table th,.kol-table td{border-right:1px solid var(--kol-fg-08)}.kol-table th:last-child,.kol-table td:last-child{border-right:none}.kol-table code{background-color:var(--kol-fg-08);border-radius:3px;padding:2px 5px;font-size:12px}.kol-table a{color:var(--kol-fg-88);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.kol-table a:hover{color:var(--kol-accent-primary)}@media (width<=768px){.kol-table-cell-title,.kol-table-cell-text,.kol-table-cell-meta,.kol-table-cell-meta-strong{padding:8px 12px}}html,body{background:var(--kol-surface-primary);color:var(--kol-surface-on-primary)}:root{--kol-topnav-h:0px;--kol-sidenav-w:260px;--kol-sidenav-w-collapsed:56px;--kol-container-max:100%;--kol-fg-02:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-02:color-mix(in srgb, var(--kol-surface-on-primary) 2%, transparent)}}:root{--kol-fg-03:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-03:color-mix(in srgb, var(--kol-surface-on-primary) 3%, transparent)}}:root{--kol-fg-04:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-04:color-mix(in srgb, var(--kol-surface-on-primary) 4%, transparent)}}:root{--kol-fg-06:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-06:color-mix(in srgb, var(--kol-surface-on-primary) 6%, transparent)}}:root{--kol-fg-08:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-08:color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent)}}:root{--kol-fg-12:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-12:color-mix(in srgb, var(--kol-surface-on-primary) 12%, transparent)}}:root{--kol-fg-16:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-16:color-mix(in srgb, var(--kol-surface-on-primary) 16%, transparent)}}:root{--kol-fg-24:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-24:color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent)}}:root{--kol-fg-32:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-32:color-mix(in srgb, var(--kol-surface-on-primary) 32%, transparent)}}:root{--kol-fg-48:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-48:color-mix(in srgb, var(--kol-surface-on-primary) 48%, transparent)}}:root{--kol-fg-56:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-56:color-mix(in srgb, var(--kol-surface-on-primary) 56%, transparent)}}:root{--kol-fg-64:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-64:color-mix(in srgb, var(--kol-surface-on-primary) 64%, transparent)}}:root{--kol-fg-72:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-72:color-mix(in srgb, var(--kol-surface-on-primary) 72%, transparent)}}:root{--kol-fg-78:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-78:color-mix(in srgb, var(--kol-surface-on-primary) 78%, transparent)}}:root{--kol-fg-80:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-80:color-mix(in srgb, var(--kol-surface-on-primary) 80%, transparent)}}:root{--kol-fg-88:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-88:color-mix(in srgb, var(--kol-surface-on-primary) 88%, transparent)}}:root{--kol-fg-40:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-40:color-mix(in srgb, var(--kol-surface-on-primary) 40%, transparent)}}:root{--kol-fg-96:var(--kol-surface-on-primary)}@supports (color:color-mix(in lab, red, red)){:root{--kol-fg-96:color-mix(in srgb, var(--kol-surface-on-primary) 96%, transparent)}}:root{--kol-t-btn:background .2s ease, color .2s ease, border-color .2s ease;--kol-pad-page-x:20px;--kol-pad-page-y:64px;--kol-pad-section-x:20px;--kol-pad-section-y:48px;--kol-pad-band-y:56px}@media (width>=768px){:root{--kol-pad-page-x:32px;--kol-pad-page-y:96px;--kol-pad-section-x:32px;--kol-pad-section-y:64px;--kol-pad-band-y:80px}}@media (width>=1024px){:root{--kol-container-max:1400px;--kol-pad-page-x:56px;--kol-pad-page-y:128px;--kol-pad-section-x:48px;--kol-pad-section-y:80px;--kol-pad-band-y:104px}}@media (width>=1280px){:root{--kol-container-max:1600px}}:root[data-sidenav=collapsed]{--kol-sidenav-w:var(--kol-sidenav-w-collapsed)}.kol-app{flex-direction:column;min-height:100dvh;display:flex}.kol-app-main{flex:1;min-width:0}.kol-brand-layout{grid-template-columns:var(--kol-sidenav-w) minmax(0, 1fr);transition:grid-template-columns .18s;display:grid}.kol-brand-layout-main{min-width:0}.kol-brand-layout-main .kol-page,.kol-brand-layout-main .kol-page-hero{max-width:var(--kol-container-max)}@media (width<=1024px){.kol-brand-layout{grid-template-columns:var(--kol-sidenav-w-collapsed) minmax(0, 1fr)}.kol-sidenav-toggle{display:none}.kol-sidenav-hops{margin-bottom:16px;padding:0 0 16px}.kol-sidenav-hop{justify-content:center;gap:0;padding:8px 0}.kol-sidenav-hop-label{display:none}.kol-sidenav-hop.is-active:after{width:4px;height:4px;right:6px}.kol-sidenav-body{display:none}}.kol-topnav{z-index:20;padding:16px var(--kol-pad-section-x);-webkit-backdrop-filter:saturate(150%)blur(10px);background:#0a1420d1;border-bottom:1px solid #faf9f50f;justify-content:space-between;align-items:center;transition:transform .32s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.kol-topnav.is-hidden{transform:translateY(-100%)}.kol-topnav-brand{color:var(--kol-surface-on-primary);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.kol-topnav-mark{color:#deb430;width:22px;height:22px;display:inline-flex}.kol-topnav-mark .kol-brand-logo,.kol-topnav-mark svg{width:100%;height:100%;display:block}.kol-topnav-wordmark{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--kol-fg-80);font-size:11px;font-weight:600}.kol-topnav-links{align-items:center;gap:28px;display:flex}.kol-topnav-link{letter-spacing:.12em;font-size:11px;transition:color .15s}@media (width<=768px){.kol-topnav{padding:14px 20px}.kol-topnav-links{gap:14px}.kol-topnav-wordmark{display:none}}.kol-sidenav{scrollbar-width:thin;flex-direction:column;align-self:start;height:100dvh;padding:16px 0 48px;display:flex;position:sticky;top:0;overflow-y:auto}.kol-sidenav-head{justify-content:flex-end;padding:0 12px 8px;display:flex}.kol-sidenav-toggle{width:24px;height:24px;color:var(--kol-fg-48);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:color .15s;display:inline-flex}.kol-sidenav-toggle:hover{color:var(--kol-surface-on-primary)}.kol-sidenav-hops{border-bottom:1px solid var(--kol-fg-08);padding:0;flex-direction:column;gap:2px;margin:0 0 24px;padding-bottom:16px;list-style:none;display:flex}.kol-sidenav-hop{color:var(--kol-fg-48);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;padding:8px 40px 8px 24px;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.kol-sidenav-hop:hover{color:var(--kol-fg-80)}.kol-sidenav-hop.is-active{color:var(--kol-surface-on-primary)}.kol-sidenav-hop.is-active:after{content:"";background:var(--kol-accent-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.kol-sidenav-hop-icon{width:20px;height:20px;color:var(--kol-fg-64);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:inline-flex}.kol-sidenav-hop:hover .kol-sidenav-hop-icon,.kol-sidenav-hop.is-active .kol-sidenav-hop-icon{color:var(--kol-surface-on-primary)}.kol-sidenav-hop-label{flex:1;min-width:0}.kol-sidenav-body{flex:1;padding:8px 24px 0 40px}.kol-sidenav-section{margin-bottom:32px}.kol-sidenav-list{margin:0;padding:0;list-style:none}.kol-sidenav-group{margin-top:8px;padding:16px 0 6px}.kol-sidenav-group:first-child{margin-top:0;padding-top:4px}.kol-sidenav-link{padding:6px 0 6px 16px;text-decoration:none;transition:color .15s;display:block;position:relative}.kol-sidenav-link.is-active:before{content:"▸";color:var(--kol-accent-primary);position:absolute;left:0}.kol-sidenav.is-collapsed .kol-sidenav-hops{margin-bottom:16px;padding:0 0 16px}.kol-sidenav.is-collapsed .kol-sidenav-hop{justify-content:center;gap:0;padding:8px 0}.kol-sidenav.is-collapsed .kol-sidenav-hop-label{display:none}.kol-sidenav.is-collapsed .kol-sidenav-hop.is-active:after{width:4px;height:4px;right:6px}.kol-sidenav.is-collapsed .kol-sidenav-body{display:none}.kol-page{max-width:var(--kol-container-max);margin:0 auto;padding:64px 32px}.kol-page-hero{min-height:72dvh;max-width:var(--kol-container-max);flex-direction:column;justify-content:center;align-items:flex-start;margin:0 auto;padding:48px 32px;display:flex}@media (width<=480px){.kol-page{padding:48px 16px}.kol-page-hero{min-height:calc(100dvh - 64px);padding:0 16px}}.kol-page-section{padding:64px 0;scroll-margin-top:72px}@media (width<=480px){.kol-page-section{padding:48px 0}}.kol-page--fullbleed{min-height:100vh;padding:64px var(--kol-pad-section-x);flex-direction:column;display:flex;max-width:none!important}.kol-page--fullbleed>.kol-section-head--wide{max-width:960px;margin-bottom:32px}.kol-section-head{max-width:70ch;margin-bottom:32px}.kol-hero-row{flex-wrap:wrap;align-items:center;gap:48px;display:flex}.kol-hero-mark{flex-shrink:0;width:clamp(96px,14vw,192px);height:auto}.kol-hero-mark.is-framed{border-radius:4px;padding:16px}.kol-hero-copy{flex:1;min-width:280px}.kol-concept-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.kol-concept-row-figure{justify-content:center;align-items:flex-start;margin:0;display:flex}.kol-concept-row-figure img{width:100%;max-width:480px;height:auto;display:block}@media (width<=768px){.kol-concept-row{grid-template-columns:1fr}}.kol-asset-figure{margin:0}.kol-asset-figure-frame{border-radius:4px;overflow:hidden}.kol-asset-figure-frame img{width:100%;height:auto;display:block}.kol-asset-grid{gap:16px;margin:32px 0 0;display:grid}.kol-asset-grid-2col{grid-template-columns:repeat(2,1fr)}.kol-asset-grid-3col{grid-template-columns:repeat(3,1fr)}.kol-asset-grid-4col{grid-template-columns:repeat(4,1fr)}@media (width<=768px){.kol-asset-grid-3col,.kol-asset-grid-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.kol-asset-grid-2col,.kol-asset-grid-3col,.kol-asset-grid-4col{grid-template-columns:1fr}}.kol-logo-card{margin:0}.kol-logo-card-frame{aspect-ratio:4/3;border-radius:4px;justify-content:center;align-items:center;padding:32px;display:flex;overflow:hidden}.kol-logo-card-frame .kol-brand-logo{justify-content:center;align-items:center;width:100%;max-width:280px;height:100%;max-height:160px;display:inline-flex}.kol-logo-card-frame svg{width:100%;height:100%;max-height:160px}.kol-mood-tile{margin:0;position:relative}.kol-mood-tile-frame{aspect-ratio:4/3;border-radius:4px;position:relative;overflow:hidden}.kol-mood-tile-frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kol-mood-tile-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kol-mood-tile-overlay .kol-brand-logo{width:32%;max-width:180px;display:inline-flex}.kol-mood-tile-overlay svg{width:100%;height:auto}.kol-mark-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.kol-mark-tile{margin:0}.kol-mark-tile-frame{aspect-ratio:1;border-radius:4px;justify-content:center;align-items:center;padding:32px;display:flex}.kol-mark-tile-frame .kol-brand-logo{width:72%}.kol-mark-tile-frame svg{width:100%;height:auto}.kol-swatch{flex-direction:column;gap:6px;display:flex}.kol-swatch-chip{border-radius:4px;height:96px}.kol-swatch-meta{flex-direction:column;gap:2px;display:flex}.kol-ramp{margin:0 0 32px}.kol-ramp-chips{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:4px;display:grid}.kol-type-sample{padding:24px 0}.kol-type-sample+.kol-type-sample{border-top:1px solid var(--kol-fg-08)}.kol-type-sample-body{margin:0}.kol-prose{max-width:72ch}.kol-prose h1{letter-spacing:-.015em;margin:48px 0 16px;font-size:56px;font-weight:600;line-height:1.05}.kol-prose h2{letter-spacing:-.01em;margin:40px 0 12px;font-size:40px;font-weight:600;line-height:1.1}.kol-prose h3{margin:32px 0 8px;font-size:24px;font-weight:600;line-height:1.2}.kol-prose h4{margin:24px 0 8px;font-size:18px;font-weight:600;line-height:1.3}.kol-prose p{margin:0 0 16px;line-height:1.6}.kol-prose p+p{margin-top:16px}.kol-prose ul,.kol-prose ol{margin:16px 0;padding-left:20px}.kol-prose li{margin:6px 0;line-height:1.5}.kol-prose blockquote{border-left:2px solid var(--kol-fg-32);margin:24px 0;padding:16px 24px;font-style:italic}.kol-prose-indented{border-left:1px solid var(--kol-fg-16);padding-left:32px}.kol-prose pre{font-family:var(--kol-font-family-mono,monospace);border-radius:4px;margin:16px 0;padding:16px;font-size:13px;line-height:1.5;overflow-x:auto}.kol-prose code{font-family:var(--kol-font-family-mono,monospace);border-radius:3px;padding:1px 4px;font-size:.9em}.kol-prose pre code{background:0 0;border-radius:0;padding:0}.kol-prose-pullout{border-top:1px solid var(--kol-fg-08);border-bottom:1px solid var(--kol-fg-08);margin:32px 0;padding:16px 0}.kol-figure{width:100%;max-width:1200px;margin:32px 0 0}.kol-figure-img{width:100%;height:auto;display:block}.kol-overlay{z-index:var(--kol-z-modal,100);background:var(--kol-surface-inverse);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.kol-overlay{background:color-mix(in srgb, var(--kol-surface-inverse) 88%, transparent)}}.kol-overlay{justify-content:center;align-items:center;padding:48px 24px;display:flex}.kol-overlay-sheet{max-width:var(--kol-container-max);justify-content:center;align-items:center;width:100%;max-height:100%;display:flex;position:relative}.kol-overlay-sheet img{object-fit:contain;max-width:100%;max-height:90vh;display:block}.kol-overlay-close{border:1px solid var(--kol-surface-on-inverse);background:0 0;border-radius:4px;width:40px;height:40px;position:absolute;top:-48px;right:0}@supports (color:color-mix(in lab, red, red)){.kol-overlay-close{border:1px solid color-mix(in srgb, var(--kol-surface-on-inverse) 32%, transparent)}}.kol-overlay-close{color:var(--kol-surface-on-inverse);cursor:pointer;font-size:24px;line-height:1}.kol-overlay-close:hover{background:var(--kol-surface-on-inverse)}@supports (color:color-mix(in lab, red, red)){.kol-overlay-close:hover{background:color-mix(in srgb, var(--kol-surface-on-inverse) 8%, transparent)}}.kol-embla,.kol-embla-viewport{overflow:hidden}.kol-embla-container{gap:16px;display:flex}.kol-embla-slide{flex:none;width:clamp(260px,32vw,420px)}.kol-embla.is-slides .kol-embla-slide{width:clamp(320px,72vw,900px)}.kol-embla-controls{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.kol-embla-btn{cursor:pointer;background:0 0;border-radius:4px;width:40px;height:40px;font-size:16px}.kol-embla-btn:disabled{opacity:.3;cursor:not-allowed}.kol-fs-tile{cursor:zoom-in}.kol-embla.kol-asset-carousel .kol-embla-viewport{height:440px}.kol-embla.kol-asset-carousel.is-slides .kol-embla-viewport{height:560px}.kol-embla.kol-asset-carousel .kol-embla-container{align-items:stretch;height:100%}.kol-embla.kol-asset-carousel .kol-embla-slide{height:100%}.kol-asset-card{flex-direction:column;gap:8px;height:100%;margin:0;display:flex}.kol-asset-card-frame{border:1px solid var(--kol-fg-08);background:var(--kol-fg-04);cursor:zoom-in;border-radius:4px;flex:1;width:100%;min-height:0;padding:0;transition:border-color .2s;display:block;position:relative;overflow:hidden}.kol-asset-card-frame:hover{border-color:var(--kol-fg-24)}.kol-asset-card-frame img{object-fit:contain;object-position:center;width:100%;height:100%;padding:16px;display:block}.kol-asset-card-frame.is-cover img{object-fit:cover;object-position:top center;padding:0}.kol-asset-card-overlay{color:var(--kol-fg-96);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kol-asset-card-overlay .kol-brand-logo{width:24%}.kol-website-preview{margin-bottom:32px}.kol-website-preview .kol-asset-figure-frame{background:var(--kol-fg-02)}.kol-brand-logo{line-height:0;display:inline-flex}.kol-brand-logo svg{width:100%;height:auto;display:block}.kol-type-spec{padding:48px 0;position:relative}.kol-type-spec-label{position:absolute;top:16px;left:0}.kol-type-spec-row{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:48px;padding-top:24px;display:grid}@media (width<=1024px){.kol-type-spec-row{grid-template-columns:1fr;gap:24px}}.kol-type-spec-meta{flex-direction:column;gap:0;display:flex}.kol-type-spec-meta-row{border-bottom:1px solid var(--kol-fg-04);justify-content:space-between;padding:8px 0;display:flex}.kol-type-spec-meta-row:last-child{border-bottom:none}.kol-type-spec-sample{min-width:0}.kol-type-spec-sample p{margin:0 0 16px}.kol-type-spec-sample p:last-child{margin-bottom:0}.kol-exit-preview{z-index:9999;background:var(--kol-surface-inverse);height:48px;color:var(--kol-surface-on-inverse);border:1px solid var(--kol-surface-on-inverse);align-items:center;display:inline-flex;position:fixed;bottom:24px;left:24px}@supports (color:color-mix(in lab, red, red)){.kol-exit-preview{border:1px solid color-mix(in srgb, var(--kol-surface-on-inverse) 16%, transparent)}}.kol-exit-preview{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:4px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;overflow:hidden}.kol-exit-preview:hover{border-color:var(--kol-surface-on-inverse)}@supports (color:color-mix(in lab, red, red)){.kol-exit-preview:hover{border-color:color-mix(in srgb, var(--kol-surface-on-inverse) 32%, transparent)}}.kol-exit-preview-icon{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.kol-exit-preview-label{white-space:nowrap;max-width:0;padding-right:0;transition:max-width .22s,padding-right .22s;overflow:hidden}.kol-exit-preview:hover .kol-exit-preview-label{max-width:120px;padding-right:20px}.kol-portal-footer{border-top:1px solid var(--kol-fg-08);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.kol-portal-footer p{margin:0}.kol-portal-footer a{text-decoration:none;transition:opacity .15s}.kol-portal-footer a:hover{opacity:.8}.kol-back-link{align-items:center;gap:8px;margin-bottom:32px;text-decoration:none;display:inline-flex}.kol-codeblock{border:1px solid var(--kol-fg-16);background:var(--kol-fg-04);border-radius:4px;margin:16px 0;position:relative;overflow:hidden}.kol-codeblock pre{font-family:var(--kol-font-family-mono,monospace);color:var(--kol-surface-on-primary);margin:0;padding:20px 24px;font-size:13px;line-height:1.55;overflow-x:auto}.kol-codeblock pre code{color:inherit;background:0 0;border:none;padding:0;font-family:inherit}.kol-codeblock-lang{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--kol-fg-40);font-size:10px;font-weight:600;position:absolute;top:8px;left:12px}.kol-codeblock-lang+pre{padding-top:32px}.kol-codeblock-copy{background:var(--kol-surface-primary);align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:absolute;top:8px;right:8px}@supports (color:color-mix(in lab, red, red)){.kol-codeblock-copy{background:color-mix(in srgb, var(--kol-surface-primary) 80%, transparent)}}.kol-codeblock-copy{border:1px solid var(--kol-fg-16);color:var(--kol-fg-64);cursor:pointer;font-family:var(--kol-font-family-mono,monospace);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;font-size:10px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.kol-codeblock-copy:hover{color:var(--kol-surface-on-primary);border-color:var(--kol-fg-48)}.kol-codeblock-copy-label{line-height:1}[data-reveal]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(12px)}[data-reveal].is-revealed{opacity:1;transform:none}.hover\:text-auto:hover{color:var(--kol-surface-on-primary)}.hover\:text-fg-48:hover{color:var(--kol-fg-48)}.hover\:text-fg-64:hover{color:var(--kol-fg-64)}.hover\:text-fg-80:hover{color:var(--kol-fg-80)}.hover\:text-fg-96:hover{color:var(--kol-fg-96)}.hover\:border-fg-32:hover{border-color:var(--kol-fg-32)}.hover\:border-fg-48:hover{border-color:var(--kol-fg-48)}.kol-anatomy-spectrum{border:1px solid var(--kol-fg-08);border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2px;display:grid;overflow:hidden}.kol-anatomy-chip{flex-direction:column;justify-content:space-between;height:140px;padding:12px;transition:transform .18s;display:flex}.kol-anatomy-chip:hover{transform:translateY(-2px)}.kol-anatomy-chip-head{flex-direction:column;gap:2px;display:flex}.kol-anatomy-chip-foot{justify-content:space-between;align-items:center;display:flex}.kol-anatomy-name{letter-spacing:.06em;font-weight:600}.kol-anatomy-hex{font-family:var(--kol-font-family-mono,monospace);font-size:10px}.kol-anatomy-strip-cell .kol-anatomy-hex{opacity:.72}.kol-anatomy-chip-role{text-transform:uppercase;opacity:.64;font-size:9px}.kol-anatomy-section-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.kol-anatomy-section-title{font-weight:600}.kol-anatomy-intro{margin-bottom:48px}.kol-anatomy-strip-wrap{margin-bottom:24px}.kol-anatomy-strip{border:1px solid var(--kol-fg-08);border-radius:4px;display:flex;overflow:hidden}.kol-anatomy-strip-cell{flex-direction:column;flex:1;justify-content:space-between;min-width:0;height:88px;padding:10px 12px;display:flex}.kol-anatomy-brand-dot{letter-spacing:.04em;width:20px;height:20px;font-size:9px;font-weight:700;font-family:var(--kol-font-family-mono,monospace);color:#fafafa;border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.kol-anatomy-brand-dot[data-brand=canalix]{color:#deb430;background:#142438}.kol-anatomy-brand-dot[data-brand=casedoc]{color:#fff;background:#00469c}.kol-anatomy-legend-dot{width:18px;height:14px;font-size:8px;font-weight:700;font-family:var(--kol-font-family-mono,monospace);vertical-align:middle;border-radius:2px;justify-content:center;align-items:center;margin-right:4px;display:inline-flex}.kol-anatomy-legend-dot[data-brand=canalix]{color:#deb430;background:#142438}.kol-anatomy-legend-dot[data-brand=casedoc]{color:#fff;background:#00469c}.kol-type-stylecard{border:1px solid var(--kol-fg-08);background:var(--kol-fg-04);border-radius:4px;align-items:center;gap:16px;padding:12px 16px;display:flex}.kol-type-stylecard-glyph{width:32px;font-size:20px}.kol-type-stylecard-meta{flex-direction:column;gap:2px;display:flex}.kol-type-stylecard-label{font-weight:600}.kol-type-stylecard-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;max-width:560px;display:grid}.kol-type-stylecard-grid--stacked{margin-bottom:24px}.kol-type-family-toggle{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px;display:flex}.kol-type-subsection-head{border-bottom:1px solid var(--kol-fg-08);justify-content:space-between;align-items:baseline;margin-top:16px;padding:32px 0 12px;display:flex}.kol-type-subsection-title{font-weight:600}.kol-type-note{border:1px dashed var(--kol-fg-16);border-radius:4px;margin-top:32px;padding:16px}.kol-color-section{margin-bottom:48px}.kol-color-section-title{margin-bottom:16px;font-weight:600}.kol-color-swatch-dot{border:1px solid var(--kol-fg-12);vertical-align:middle;border-radius:3px;width:18px;height:18px;margin-right:8px;display:inline-block}.kol-color-token-name{margin-left:8px}.kol-color-pair-name{text-transform:uppercase}.kol-color-pair-sample{border:1px solid;border-radius:4px;flex-direction:column;gap:4px;min-width:220px;padding:14px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.kol-color-pair-sample{border:1px solid color-mix(in srgb, currentColor 16%, transparent)}}.kol-color-pair-title{font-size:13px;font-weight:700;line-height:1.3}.kol-color-pair-body{opacity:.84;font-size:12px;line-height:1.4}.kol-color-table-wrap{border:1px solid var(--kol-fg-08);border-radius:4px;overflow:hidden}.kol-color-table{border-collapse:collapse;width:100%;font-size:13px}.kol-color-table thead th{text-align:left;font-family:var(--kol-font-family-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--kol-fg-48);background:var(--kol-fg-03);border-bottom:1px solid var(--kol-fg-08);padding:12px 16px;font-size:10px;font-weight:600}.kol-color-table tbody td{vertical-align:middle;border-bottom:1px solid var(--kol-fg-04);padding:12px 16px}.kol-color-table tbody tr:last-child td{border-bottom:none}.kol-color-table tbody tr:hover td{background:var(--kol-fg-02)}.kol-color-table-mono{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.02em;font-size:12px}.kol-combo-frame{border-radius:4px;transition:background-color .4s,border-color .4s;overflow:hidden;box-shadow:0 1px 2px #0000001f}.kol-combo-slab{flex-direction:column;justify-content:space-between;min-height:0;padding:24px;transition:background-color .4s,color .4s;display:flex}.kol-combo-slab--end{justify-content:flex-end}.kol-combo-slab--between{justify-content:space-between}.kol-combo-label{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.kol-combo-number{letter-spacing:.02em;font-size:24px;font-weight:800}.kol-combo-stage--fill{width:100%;height:100%;min-height:360px}.kol-combo-logo{color:currentColor;display:inline-flex}.kol-combo-stage--ratio{display:flex}.kol-combo-stage--ratio>:first-child{flex:1}.kol-combo-stage--ratio>:nth-child(2){flex:3}.kol-combo-stage--ratio>:nth-child(3){flex:6}.kol-combo-stage--tower{flex-direction:column;width:100%;max-width:360px;height:100%;min-height:480px;margin:0 auto;display:flex}.kol-combo-stage--tower>*{flex:1}.kol-combo-stage--quad{display:flex}.kol-combo-stage--quad>*{flex:1}.kol-combo-quad-col{flex-direction:column;display:flex}.kol-combo-quad-col>*{flex:1}.kol-combo-stage--card-row{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;height:100%;min-height:360px;display:grid}.kol-combo-card{flex-direction:column;flex:1;min-height:240px;padding:20px;transition:background-color .4s,color .4s;display:flex}.kol-combo-card--end{justify-content:flex-end}.kol-combo-card--between{justify-content:space-between}.kol-combo-stage--stripe-row{padding:var(--kol-pad-section-y);flex-direction:column;justify-content:center;gap:32px;width:100%;height:100%;min-height:360px;display:flex}.kol-combo-stripe-row{align-items:flex-end;gap:24px;display:flex}.kol-combo-stripe-bar{flex:1;display:flex}.kol-combo-stripe-bar--tall{height:96px}.kol-combo-stripe-bar--short{height:64px}.kol-combo-stripe-seg{transition:background-color .4s}.kol-combo-stripe-seg--6{flex:6}.kol-combo-stripe-seg--3{flex:3}.kol-combo-stripe-seg--1{flex:1}.kol-combo-stripe-group{display:flex}.kol-combo-stripe-group--3{flex:3}.kol-combo-stripe-group--1{flex:1}.kol-combo-stripe-neutral{border-top:1px solid var(--stripe-rule,transparent);border-bottom:1px solid var(--stripe-rule,transparent)}.kol-combo-stripe-accent-border{border:1.73px solid var(--stripe-accent,transparent)}.kol-combo-stripe-method{letter-spacing:.08em;text-transform:uppercase;min-width:96px;font-size:12px;font-weight:700}.kol-combo-stage--applied{width:100%;height:100%;min-height:360px;display:flex}.kol-combo-applied-plate{flex-direction:column;flex:2;justify-content:space-between;padding:32px;transition:background-color .4s,color .4s;display:flex}.kol-combo-applied-col{flex-direction:column;flex:1;display:flex}.kol-combo-applied-surface{flex:3}.kol-combo-applied-band--lg{flex:2}.kol-combo-applied-band--sm{flex:1}.kol-combo-applied-band{transition:background-color .4s}.kol-combo-applied-accent-strip{gap:8px;display:flex}.kol-combo-applied-accent-chip{border-radius:2px;width:20px;height:20px;transition:background-color .4s}.kol-combo-lab{border:1px solid var(--kol-fg-08);background:var(--kol-fg-02);border-radius:4px;flex-direction:column;flex:1;padding:24px;display:flex}.kol-combo-controls{margin-bottom:24px}.kol-combo-stage-wrap{background:var(--kol-fg-03);border-radius:4px;flex:1;justify-content:center;align-items:stretch;min-height:440px;margin-bottom:24px;padding:32px;display:flex}.kol-combo-stage-anim{align-items:stretch;width:100%;max-width:1100px;animation:.26s kol-combo-fade;display:flex}.kol-combo-stage-anim>*{width:100%}.kol-page--fullbleed .kol-combo-lab{flex:1}.kol-page--fullbleed .kol-combo-stage-wrap{min-height:520px}@keyframes kol-combo-fade{0%{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}.kol-combo-readout{border-top:1px solid var(--kol-fg-08);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 32px;padding-top:16px;display:grid}.kol-combo-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.kol-combo-row-label{min-width:72px}.kol-combo-row-controls{flex-wrap:wrap;gap:6px;display:flex}.kol-combo-footer{align-items:center;gap:16px;margin-top:8px;display:flex}.kol-combo-footer-desc{flex:1}.kol-combo-randomize{color:var(--kol-fg-80);border:1px solid var(--kol-fg-16);font-family:var(--kol-font-family-mono,monospace);cursor:pointer;background:0 0;border-radius:4px;padding:8px 16px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.kol-combo-randomize:hover{color:var(--kol-surface-on-primary);border-color:var(--kol-fg-48);background:var(--kol-fg-04)}.kol-combo-swatch-row{align-items:center;gap:12px;padding:6px 0;display:flex}.kol-combo-swatch-chip{border-radius:3px;flex-shrink:0;width:24px;height:24px;transition:background .4s}.kol-combo-swatch-label{min-width:88px;font-weight:600}.kol-combo-swatch-hex{font-family:var(--kol-font-family-mono,monospace);text-transform:uppercase}.kol-combo-summary{margin-top:16px}.kol-lockup-shell{border-radius:4px;transition:background .3s,color .3s;display:inline-flex}.kol-lockup-shell--horizontal{align-items:flex-end}.kol-lockup-shell--wordmark{flex-direction:column;align-items:flex-start}.kol-lockup-shell--hero{border-radius:8px;align-items:flex-start}.kol-lockup-column{flex-direction:column;justify-content:space-between;display:flex}.kol-lockup-column[data-align-end]{justify-content:flex-end}.kol-lockup-row{align-items:flex-end;display:flex}.kol-lockup-hero-body{align-items:flex-start;display:flex}.kol-lockup-parent{color:inherit;font-family:Montserrat,sans-serif;font-weight:700}.kol-lockup-product{letter-spacing:-.01em;color:inherit;font-family:Montserrat,sans-serif;font-weight:700;line-height:1}.kol-lockup-product--hero{letter-spacing:-.015em}.kol-lockup-descriptor{text-transform:uppercase;letter-spacing:.01em;color:inherit;font-family:Montserrat,sans-serif;font-weight:400;line-height:1}.kol-lockup-descriptor--muted{opacity:.4;font-weight:500}.kol-lockup-descriptor--right{text-align:right}.kol-lockup-descriptor2{align-self:flex-start}.kol-lockup-mark-tile{width:var(--mark-size);height:var(--mark-size);box-sizing:border-box;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kol-lockup-mark-tile.is-framed{padding:calc(var(--mark-size) * .12);border:1px solid}@supports (color:color-mix(in lab, red, red)){.kol-lockup-mark-tile.is-framed{border:1px solid color-mix(in srgb, currentColor 16%, transparent)}}.kol-lockup-mark-tile.is-framed{border-radius:max(4px, calc(var(--mark-size) * .08))}.kol-lockup-mark-svg{width:100%;height:100%;display:inline-flex}.kol-lockup-mark-svg svg{width:100%;height:100%;display:block}.kol-bh-builder{flex:1;grid-template-rows:1fr;grid-template-columns:320px minmax(0,1fr);gap:32px;min-height:560px;display:grid}@media (width<=1024px){.kol-bh-builder{grid-template-columns:1fr}}.kol-bh-panel{border:1px solid var(--kol-fg-08);background:var(--kol-fg-02);border-radius:4px;align-self:flex-start;padding:24px}.kol-bh-controls{flex-direction:column;gap:24px;display:flex}.kol-bh-field{flex-direction:column;gap:8px;display:flex}.kol-bh-field-label{font-weight:600}.kol-bh-input{width:100%;color:var(--kol-surface-on-primary);background:var(--kol-fg-04);border:1px solid var(--kol-fg-16);border-radius:4px;outline:none;padding:10px 12px;font-family:Montserrat,sans-serif;font-size:14px;transition:border-color .15s,background .15s}.kol-bh-input::placeholder{color:var(--kol-fg-32)}.kol-bh-input:focus{border-color:var(--kol-fg-48);background:var(--kol-fg-06)}.kol-bh-copy{background:var(--kol-fg-08);width:100%;color:var(--kol-surface-on-primary);border:1px solid var(--kol-fg-32);cursor:pointer;border-radius:4px;margin-top:8px;padding:12px 20px;font-weight:600;transition:background .18s,color .18s,border-color .18s}.kol-bh-copy:hover{background:var(--kol-fg-12);border-color:var(--kol-fg-48)}.kol-bh-copy.is-copied{background:var(--kol-accent-primary,var(--kol-surface-on-primary));color:var(--kol-surface-primary);border-color:#0000}.kol-bh-stage{flex-direction:column;gap:16px;display:flex}.kol-bh-stage-inner{border:1px solid var(--kol-fg-08);padding:var(--kol-pad-section-x);background:repeating-linear-gradient(45deg, var(--kol-fg-02), var(--kol-fg-02) 12px, var(--kol-fg-04) 12px, var(--kol-fg-04) 24px);border-radius:4px;flex:1;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:auto}.kol-bh-output{border:1px solid var(--kol-fg-08);background:var(--kol-fg-03);font-family:var(--kol-font-family-mono,monospace);color:var(--kol-fg-80);white-space:pre;border-radius:4px;margin:0;padding:16px 20px;font-size:12px;line-height:1.5;overflow-x:auto}.kol-bh-lib-group{margin-bottom:40px}.kol-bh-lib-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.kol-bh-lib-card{border:1px solid var(--kol-fg-08);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;min-height:120px;padding:20px 16px;transition:border-color .15s,transform .15s,background .15s;display:flex}.kol-bh-lib-card:hover{border-color:var(--kol-fg-32);background:var(--kol-fg-02);transform:translateY(-1px)}:root{--landing-bg:#0a1420;--landing-bg-dim:#09111c;--landing-bg-hover:#101e30;--landing-ink:#faf9f5;--landing-accent:#deb430;--landing-navy:#142438;--landing-casedoc:#0075cf}.landing-intro{background:var(--landing-bg);width:100vw;min-height:100dvh;color:var(--landing-ink);justify-content:center;align-items:center;margin-left:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.landing-intro-bg{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.landing-intro-veil{background:radial-gradient(ellipse 800px 600px at 50% 50%, var(--landing-bg) 0%, var(--landing-bg) 60%, transparent 100%), linear-gradient(180deg, var(--landing-bg) 0%, var(--landing-bg) 40%, var(--landing-bg) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.landing-intro-veil{background:radial-gradient(ellipse 800px 600px at 50% 50%, color-mix(in srgb, var(--landing-bg) 60%, transparent) 0%, color-mix(in srgb, var(--landing-bg) 20%, transparent) 60%, transparent 100%), linear-gradient(180deg, color-mix(in srgb, var(--landing-bg) 48%, transparent) 0%, color-mix(in srgb, var(--landing-bg) 20%, transparent) 40%, color-mix(in srgb, var(--landing-bg) 64%, transparent) 100%)}}.landing-intro-veil{pointer-events:none}.landing-intro-stage{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:48px;padding:32px;display:flex;position:relative}.landing-mark-halo{aspect-ratio:1;background:radial-gradient(circle, var(--landing-accent) 0%, transparent 65%);width:clamp(280px,32vw,480px);position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.landing-mark-halo{background:radial-gradient(circle, color-mix(in srgb, var(--landing-accent) 44%, transparent) 0%, transparent 65%)}}.landing-mark-halo{filter:blur(24px);pointer-events:none;opacity:0}.landing-intro-mark{z-index:1;width:clamp(140px,18vw,240px);color:var(--landing-accent);position:relative}.landing-intro-mark .kol-brand-logo,.landing-intro-mark svg{width:100%;height:auto;display:block}.landing-mark-wipe{--mask-x:-100%;-webkit-mask-image:linear-gradient(90deg,#000 50%,#0000 50%);mask-image:linear-gradient(90deg,#000 50%,#0000 50%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-position:var(--mask-x) 0%;-webkit-mask-position:var(--mask-x) 0%;-webkit-mask-position:var(--mask-x) 0%;-webkit-mask-position:var(--mask-x) 0%;mask-position:var(--mask-x) 0%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.landing-intro-word{z-index:1;letter-spacing:-.02em;color:var(--landing-ink);gap:.02em;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(56px,12vw,160px);font-weight:800;line-height:1;display:inline-flex;position:relative}.landing-word-char{will-change:transform, opacity;display:inline-block}.landing-pullline{z-index:1;letter-spacing:.04em;color:var(--landing-ink);align-items:center;gap:16px;margin:0;font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.landing-pullline{color:color-mix(in srgb, var(--landing-ink) 72%, transparent)}}.landing-pullline-item{will-change:transform, opacity;display:inline-block}.landing-pullline-serif{letter-spacing:0;color:var(--landing-accent);font-family:PP Hatton,serif;font-size:1.25em;font-style:italic;font-weight:500}.landing-pullline-sep{opacity:.4;font-size:.8em}.landing-scroll-cue{color:var(--landing-ink);position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.landing-scroll-cue{color:color-mix(in srgb, var(--landing-ink) 48%, transparent)}}.landing-scroll-cue{align-items:center;gap:10px;display:inline-flex}.landing-scroll-cue span:first-child{animation:1.6s ease-in-out infinite landing-bob}@keyframes landing-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.landing-feature{background:var(--landing-bg);width:100vw;color:var(--landing-ink);padding:var(--kol-pad-page-y) var(--kol-pad-page-x);border-top:1px solid var(--landing-ink);margin-left:calc(50% - 50vw)}@supports (color:color-mix(in lab, red, red)){.landing-feature{border-top:1px solid color-mix(in srgb, var(--landing-ink) 8%, transparent)}}.landing-feature-inner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,6vw,96px);max-width:1200px;margin:0 auto;display:grid}@media (width<=900px){.landing-feature-inner{grid-template-columns:1fr}}.landing-feature-text{flex-direction:column;gap:28px;max-width:48ch;display:flex}.landing-feature-kicker{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-ink);font-size:11px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.landing-feature-kicker{color:color-mix(in srgb, var(--landing-ink) 48%, transparent)}}.landing-feature-pull{letter-spacing:-.01em;color:var(--landing-ink);margin:0;font-family:PP Hatton,serif;font-size:clamp(40px,5.5vw,72px);font-weight:500;line-height:1.05}.landing-feature-pull em{color:var(--landing-accent);font-style:italic}.landing-feature-body{color:var(--landing-ink);margin:0;font-family:Montserrat,sans-serif;font-size:16px;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.landing-feature-body{color:color-mix(in srgb, var(--landing-ink) 72%, transparent)}}.landing-feature-meta{border-top:1px solid var(--landing-ink);flex-wrap:wrap;gap:28px 48px;padding-top:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.landing-feature-meta{border-top:1px solid color-mix(in srgb, var(--landing-ink) 8%, transparent)}}.landing-feature-meta-item{flex-direction:column;gap:2px;display:flex}.landing-feature-meta-num{color:var(--landing-ink);font-family:Montserrat,sans-serif;font-size:32px;font-weight:700;line-height:1}.landing-feature-meta-label{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-ink);font-size:10px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.landing-feature-meta-label{color:color-mix(in srgb, var(--landing-ink) 48%, transparent)}}.landing-feature-visual{aspect-ratio:4/5;background:var(--landing-navy);border-radius:4px;position:relative;overflow:hidden}.landing-feature-visual img{object-fit:cover;width:100%;height:100%;display:block}.landing-feature-visual-veil{background:linear-gradient(180deg, transparent 0%, transparent 60%, var(--landing-bg) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.landing-feature-visual-veil{background:linear-gradient(180deg, transparent 0%, transparent 60%, color-mix(in srgb, var(--landing-bg) 48%, transparent) 100%)}}.landing-feature-visual-veil{pointer-events:none}.landing-feature-visual-caption{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-ink);font-size:10px;font-weight:600;position:absolute;bottom:24px;left:24px}@supports (color:color-mix(in lab, red, red)){.landing-feature-visual-caption{color:color-mix(in srgb, var(--landing-ink) 80%, transparent)}}.landing-marquee{background:var(--landing-bg-dim);width:100vw;color:var(--landing-ink);border-top:1px solid var(--landing-ink);margin-left:calc(50% - 50vw);padding:64px 0}@supports (color:color-mix(in lab, red, red)){.landing-marquee{border-top:1px solid color-mix(in srgb, var(--landing-ink) 6%, transparent)}}.landing-marquee{border-bottom:1px solid var(--landing-ink)}@supports (color:color-mix(in lab, red, red)){.landing-marquee{border-bottom:1px solid color-mix(in srgb, var(--landing-ink) 6%, transparent)}}.landing-marquee{position:relative;overflow:hidden}.landing-marquee-head{max-width:1200px;padding:0 var(--kol-pad-page-x);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin:0 auto 40px;display:flex}.landing-marquee-kicker{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-ink);font-size:11px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.landing-marquee-kicker{color:color-mix(in srgb, var(--landing-ink) 48%, transparent)}}.landing-marquee-head-note{color:var(--landing-ink);font-family:Montserrat,sans-serif;font-size:13px}@supports (color:color-mix(in lab, red, red)){.landing-marquee-head-note{color:color-mix(in srgb, var(--landing-ink) 56%, transparent)}}.landing-marquee-track-wrap{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%)}.landing-marquee-track{gap:80px;width:max-content;animation:60s linear infinite landing-marquee-scroll;display:flex}.landing-marquee-track-wrap:hover .landing-marquee-track{animation-play-state:paused}@keyframes landing-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-marquee-item{color:var(--landing-ink);align-items:center;gap:12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.landing-marquee-item{color:color-mix(in srgb, var(--landing-ink) 64%, transparent)}}.landing-marquee-item{transition:color .2s}.landing-marquee-track:hover .landing-marquee-item{color:var(--landing-ink)}@supports (color:color-mix(in lab, red, red)){.landing-marquee-track:hover .landing-marquee-item{color:color-mix(in srgb, var(--landing-ink) 40%, transparent)}}.landing-marquee-track .landing-marquee-item:hover{color:var(--landing-ink)}.landing-marquee-item-mark{width:28px;height:28px;color:inherit;flex-shrink:0;display:inline-flex}.landing-marquee-item-mark .kol-brand-logo,.landing-marquee-item-mark svg{width:100%;height:100%;display:block}.landing-marquee-item-label{letter-spacing:-.005em;white-space:nowrap;align-items:baseline;gap:6px;font-family:Montserrat,sans-serif;font-size:22px;font-weight:600;line-height:1;display:inline-flex}.landing-marquee-item-parent{letter-spacing:.04em;color:currentColor;font-size:11px;font-weight:500}@supports (color:color-mix(in lab, red, red)){.landing-marquee-item-parent{color:color-mix(in srgb, currentColor 70%, transparent)}}.landing-marquee-item-descriptor{letter-spacing:.08em;text-transform:uppercase;opacity:.5;font-size:.64em;font-weight:500}.landing-anchor{background:var(--landing-bg);width:100vw;color:var(--landing-ink);padding:var(--kol-pad-page-y) var(--kol-pad-page-x);border-top:1px solid var(--landing-ink);margin-left:calc(50% - 50vw)}@supports (color:color-mix(in lab, red, red)){.landing-anchor{border-top:1px solid color-mix(in srgb, var(--landing-ink) 8%, transparent)}}.landing-anchor-inner{max-width:1200px;margin:0 auto}.landing-anchor-pull{letter-spacing:-.01em;color:var(--landing-ink);margin:24px 0 0;font-family:PP Hatton,serif;font-size:clamp(48px,7vw,96px);font-weight:500;line-height:1.05}.landing-anchor-pull-italic{color:var(--landing-accent);margin-left:.2em;font-style:italic}.landing-anchor-body{color:var(--landing-ink);margin:32px 0 64px;font-family:Montserrat,sans-serif;font-size:18px;line-height:1.55}@supports (color:color-mix(in lab, red, red)){.landing-anchor-body{color:color-mix(in srgb, var(--landing-ink) 78%, transparent)}}.landing-anchor-body{max-width:60ch}.landing-anchor-nav{background:var(--landing-ink);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}@supports (color:color-mix(in lab, red, red)){.landing-anchor-nav{background:color-mix(in srgb, var(--landing-ink) 8%, transparent)}}.landing-anchor-nav{border:1px solid var(--landing-ink)}@supports (color:color-mix(in lab, red, red)){.landing-anchor-nav{border:1px solid color-mix(in srgb, var(--landing-ink) 8%, transparent)}}.landing-anchor-nav{border-radius:4px;overflow:hidden}@media (width<=960px){.landing-anchor-nav{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.landing-anchor-nav{grid-template-columns:1fr}}.landing-anchor-link{color:var(--landing-ink);background:var(--landing-bg);flex-direction:column;gap:8px;min-height:200px;padding:32px 28px;text-decoration:none;transition:background .25s;display:flex;position:relative;overflow:hidden}.landing-anchor-link:hover{background:var(--landing-bg-hover)}.landing-anchor-link-num{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.14em;color:var(--landing-ink);font-size:11px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.landing-anchor-link-num{color:color-mix(in srgb, var(--landing-ink) 48%, transparent)}}.landing-anchor-link-num{margin-bottom:auto}.landing-anchor-link-label{font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;line-height:1.1;transition:color .2s}.landing-anchor-link-sub{color:var(--landing-ink);font-family:Montserrat,sans-serif;font-size:13px}@supports (color:color-mix(in lab, red, red)){.landing-anchor-link-sub{color:color-mix(in srgb, var(--landing-ink) 56%, transparent)}}.landing-anchor-link:hover .landing-anchor-link-label{color:var(--landing-accent)}.landing-anchor-link-mark{opacity:.1;pointer-events:none;z-index:0;width:clamp(120px,16vw,180px);transition:opacity .3s,transform .3s;position:absolute;top:50%;right:-24px;transform:translateY(-50%)rotate(-8deg)}.landing-anchor-link-mark .kol-brand-logo,.landing-anchor-link-mark svg{width:100%;height:auto;display:block}.landing-anchor-link--canalix{color:var(--landing-ink)}.landing-anchor-link--canalix .landing-anchor-link-mark{color:var(--landing-accent)}.landing-anchor-link--canalix:hover .landing-anchor-link-mark{opacity:.26;transform:translateY(-50%)rotate(0)scale(1.06)}.landing-anchor-link--canalix:hover .landing-anchor-link-label{color:var(--landing-accent)}.landing-anchor-link--casedoc .landing-anchor-link-mark{color:var(--landing-casedoc)}.landing-anchor-link--casedoc:hover .landing-anchor-link-mark{opacity:.28;transform:translateY(-50%)rotate(0)scale(1.06)}.landing-anchor-link--casedoc:hover .landing-anchor-link-label{color:var(--landing-casedoc)}.landing-anchor-link-num,.landing-anchor-link-label,.landing-anchor-link-sub{z-index:1;position:relative}.landing-sig{background:var(--landing-bg);width:100vw;color:var(--landing-ink);margin-left:calc(50% - 50vw)}@supports (color:color-mix(in lab, red, red)){.landing-sig{color:color-mix(in srgb, var(--landing-ink) 56%, transparent)}}.landing-sig{padding:40px var(--kol-pad-page-x);border-top:1px solid var(--landing-ink)}@supports (color:color-mix(in lab, red, red)){.landing-sig{border-top:1px solid color-mix(in srgb, var(--landing-ink) 8%, transparent)}}.landing-sig{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:24px;font-size:11px;display:flex}.landing-sig-line,.landing-sig-tokens{flex-wrap:wrap;align-items:center;gap:14px;display:inline-flex}.landing-sig-sep{opacity:.3}.landing-sig-hex{font-family:var(--kol-font-family-mono,monospace)}.landing-gallery{background:var(--landing-bg);width:100vw;color:var(--landing-ink);padding:var(--kol-pad-band-y) 0;border-top:1px solid var(--landing-ink);margin-left:calc(50% - 50vw)}@supports (color:color-mix(in lab, red, red)){.landing-gallery{border-top:1px solid color-mix(in srgb, var(--landing-ink) 8%, transparent)}}.landing-gallery-head{max-width:1200px;padding:0 var(--kol-pad-page-x);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin:0 auto 48px;display:flex}.landing-gallery-title{letter-spacing:-.01em;color:var(--landing-ink);margin:0;font-family:PP Hatton,serif;font-size:clamp(32px,4.5vw,56px);font-weight:500;line-height:1.1}.landing-gallery-title em{color:var(--landing-accent);font-style:italic}.landing-gallery-note{color:var(--landing-ink);font-family:Montserrat,sans-serif;font-size:13px}@supports (color:color-mix(in lab, red, red)){.landing-gallery-note{color:color-mix(in srgb, var(--landing-ink) 56%, transparent)}}.landing-gallery-note{max-width:36ch}.landing-gallery-viewport{padding:0 var(--kol-pad-page-x) 24px;cursor:grab;overflow:hidden}.landing-gallery-viewport:active{cursor:grabbing}.landing-gallery-track{gap:24px;display:flex}.landing-gallery-card{color:var(--landing-ink);flex-direction:column;flex:0 0 clamp(280px,32vw,440px);gap:16px;text-decoration:none;transition:transform .3s;display:flex}.landing-gallery-card:hover{transform:translateY(-4px)}.landing-gallery-card-visual{aspect-ratio:4/5;background:var(--landing-navy);border-radius:4px;position:relative;overflow:hidden}.landing-gallery-card-visual img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.landing-gallery-card:hover .landing-gallery-card-visual img{transform:scale(1.04)}.landing-gallery-card-kicker{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-ink);font-size:10px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.landing-gallery-card-kicker{color:color-mix(in srgb, var(--landing-ink) 48%, transparent)}}.landing-gallery-card-title{margin:0;font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;line-height:1.2;transition:color .2s}.landing-gallery-card:hover .landing-gallery-card-title{color:var(--landing-accent)}.landing-gallery-card-desc{color:var(--landing-ink);margin:0;font-family:Montserrat,sans-serif;font-size:13px;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.landing-gallery-card-desc{color:color-mix(in srgb, var(--landing-ink) 64%, transparent)}}.landing-gallery-card-mark-overlay{opacity:.9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing-gallery-card-mark-overlay .kol-brand-logo{width:44%}.landing-gallery-card-letter{letter-spacing:-.04em;justify-content:center;align-items:center;font-size:clamp(80px,14vw,200px);font-weight:500;line-height:.9;display:flex;position:absolute;inset:0}.landing-testimonial{background:var(--landing-bg);width:100vw;color:var(--landing-ink);padding:var(--kol-pad-page-y) var(--kol-pad-page-x);border-top:1px solid var(--landing-ink);margin-left:calc(50% - 50vw)}@supports (color:color-mix(in lab, red, red)){.landing-testimonial{border-top:1px solid color-mix(in srgb, var(--landing-ink) 8%, transparent)}}.landing-testimonial-inner{text-align:center;max-width:960px;margin:0 auto}.landing-testimonial-kicker{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-ink);font-size:11px;font-weight:600;display:block}@supports (color:color-mix(in lab, red, red)){.landing-testimonial-kicker{color:color-mix(in srgb, var(--landing-ink) 48%, transparent)}}.landing-testimonial-kicker{margin-bottom:32px}.landing-testimonial-quote{letter-spacing:-.01em;color:var(--landing-ink);margin:0;font-family:PP Hatton,serif;font-size:clamp(32px,4.5vw,64px);font-style:italic;font-weight:500;line-height:1.2}.landing-testimonial-quote:before,.landing-testimonial-quote:after{content:"\"";color:var(--landing-accent);opacity:.7}.landing-testimonial-cite{font-style:normal;font-family:var(--kol-font-family-mono,monospace);letter-spacing:.08em;color:var(--landing-ink);margin-top:40px;font-size:12px;font-weight:500;display:block}@supports (color:color-mix(in lab, red, red)){.landing-testimonial-cite{color:color-mix(in srgb, var(--landing-ink) 64%, transparent)}}.landing-testimonial-cite:before{content:"— ";opacity:.6}.landing-faq{background:var(--landing-bg);width:100vw;color:var(--landing-ink);padding:var(--kol-pad-page-y) var(--kol-pad-page-x);border-top:1px solid var(--landing-ink);margin-left:calc(50% - 50vw)}@supports (color:color-mix(in lab, red, red)){.landing-faq{border-top:1px solid color-mix(in srgb, var(--landing-ink) 8%, transparent)}}.landing-faq-inner{gap:var(--kol-pad-page-x);grid-template-columns:1fr 2fr;max-width:880px;margin:0 auto;display:grid}@media (width<=900px){.landing-faq-inner{grid-template-columns:1fr}}.landing-faq-head{flex-direction:column;gap:16px;display:flex}.landing-faq-kicker{font-family:var(--kol-font-family-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-ink);font-size:11px;font-weight:600}@supports (color:color-mix(in lab, red, red)){.landing-faq-kicker{color:color-mix(in srgb, var(--landing-ink) 48%, transparent)}}.landing-faq-title{letter-spacing:-.01em;color:var(--landing-ink);margin:0;font-family:PP Hatton,serif;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.1}.landing-faq-list{flex-direction:column;display:flex}.landing-faq-item+.landing-faq-item{border-top:1px solid var(--landing-ink)}@supports (color:color-mix(in lab, red, red)){.landing-faq-item+.landing-faq-item{border-top:1px solid color-mix(in srgb, var(--landing-ink) 8%, transparent)}}.landing-faq-item>summary{cursor:pointer;color:var(--landing-ink);justify-content:space-between;align-items:center;gap:16px;padding:28px 0;font-family:Montserrat,sans-serif;font-size:17px;font-weight:600;list-style:none;transition:color .2s;display:flex}.landing-faq-item>summary::-webkit-details-marker{display:none}.landing-faq-item>summary:hover{color:var(--landing-accent)}.landing-faq-item-toggle{border:1px solid var(--landing-ink);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.landing-faq-item-toggle{border:1px solid color-mix(in srgb, var(--landing-ink) 24%, transparent)}}.landing-faq-item-toggle{border-radius:50%;font-size:14px;line-height:1;transition:transform .24s,border-color .2s}.landing-faq-item[open] .landing-faq-item-toggle{border-color:var(--landing-accent);color:var(--landing-accent);transform:rotate(45deg)}.landing-faq-item-body{color:var(--landing-ink);padding:0 0 28px;font-family:Montserrat,sans-serif;font-size:15px;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.landing-faq-item-body{color:color-mix(in srgb, var(--landing-ink) 72%, transparent)}}.landing-faq-item-body{max-width:56ch}.landing-faq-item-body a{color:var(--landing-accent);text-underline-offset:3px;text-decoration:underline}.client{--c-font-display:"Montserrat", sans-serif;--c-font-serif:"PP Hatton", serif;--c-navy:#142438;--c-navy-deep:#0e3655;--c-cream:#ece8de;--c-cream-50:#faf9f5;--c-yellow:#deb430;--c-red:#b5523f;--c-hugvit-blue:#00469c;--c-hugvit-blue-deep:#002a5e;--c-surface:var(--c-cream-50);--c-ink:var(--c-navy);--c-ink-muted:var(--c-navy)}@supports (color:color-mix(in lab, red, red)){.client{--c-ink-muted:color-mix(in srgb, var(--c-navy) 64%, transparent)}}.client{--c-accent:var(--c-yellow);--c-hairline:var(--c-navy)}@supports (color:color-mix(in lab, red, red)){.client{--c-hairline:color-mix(in srgb, var(--c-navy) 8%, transparent)}}.client{font-family:var(--c-font-display);color:var(--c-ink);background:var(--c-surface);font-weight:400;line-height:1.5}.client-casedoc{--c-surface:#fff;--c-accent:var(--c-hugvit-blue)}.client h1,.client h2,.client h3,.client h4{font-family:var(--c-font-display);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.1}.client h1{letter-spacing:-.02em;font-size:56px}.client h2{font-size:44px}.client h3{font-size:28px}.client h4{font-size:20px}.client p{margin:0;line-height:1.6}.client .display{font-family:var(--c-font-serif);letter-spacing:-.02em;font-weight:300}.client .eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--c-accent);font-size:13px;font-weight:500;display:inline-block}.client .lede{color:var(--c-ink-muted);font-size:20px;line-height:1.5}.client a{color:inherit;text-decoration:none}.client .cta-primary,.client .cta-ghost{font-family:var(--c-font-display);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.client .cta-primary{background:var(--c-navy);color:var(--c-cream-50);border:1px solid var(--c-navy)}.client .cta-primary:hover{background:var(--c-navy-deep)}.client-casedoc .cta-primary{background:var(--c-hugvit-blue);border-color:var(--c-hugvit-blue)}.client-casedoc .cta-primary:hover{background:var(--c-hugvit-blue-deep)}.client .cta-ghost{color:var(--c-ink);border:1px solid var(--c-ink);background:0 0}@supports (color:color-mix(in lab, red, red)){.client .cta-ghost{border:1px solid color-mix(in srgb, var(--c-ink) 32%, transparent)}}.client .cta-ghost:hover{border-color:var(--c-ink)}.client .container{max-width:1200px;margin:0 auto;padding:0 24px}.client .container-narrow{max-width:800px;margin:0 auto;padding:0 24px}.client .section{padding:112px 0}@media (width<=768px){.client .section{padding:72px 0}}.client .hairline{background:var(--c-hairline);border:0;height:1px}.client-website{min-height:calc(100dvh - var(--kol-topnav-h,0px));flex-direction:column;display:flex}.client-website .site-nav{top:var(--kol-topnav-h,0px);z-index:50;background:var(--c-surface);position:sticky}@supports (color:color-mix(in lab, red, red)){.client-website .site-nav{background:color-mix(in srgb, var(--c-surface) 88%, transparent)}}.client-website .site-nav{-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);border-bottom:1px solid var(--c-hairline)}.client-website .site-nav__inner{max-width:var(--kol-container-max);justify-content:space-between;align-items:center;gap:32px;margin:0 auto;padding:20px 32px;display:flex}.client-website .site-nav__brand{color:var(--c-ink);font-family:var(--c-font-display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:600;display:inline-flex}.client-website .site-nav__brand-dot{background:var(--c-accent);border-radius:50%;width:8px;height:8px}.client-website .site-nav__links{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.client-website .site-nav__link{color:var(--c-ink);opacity:.7;font-size:15px;font-weight:500;transition:opacity .15s,color .15s;position:relative}.client-website .site-nav__link:after{content:"";background:var(--c-accent);width:0;height:2px;transition:width .2s;position:absolute;bottom:-6px;left:0}.client-website .site-nav__link:hover{opacity:1}.client-website .site-nav__link.is-active{opacity:1;color:var(--c-accent)}.client-website .site-nav__link.is-active:after{width:100%}.client-website .site-nav__cta{background:var(--c-navy);color:var(--c-cream-50);border-radius:4px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .2s}.client-website .site-nav__cta:hover{background:var(--c-navy-deep)}.client-casedoc .site-nav__cta{background:var(--c-hugvit-blue)}.client-casedoc .site-nav__cta:hover{background:var(--c-hugvit-blue-deep)}.client-website .site-footer{background:var(--c-navy);color:var(--c-cream);margin-top:auto;padding:96px 0 40px}.client-website .site-footer__inner{max-width:var(--kol-container-max);margin:0 auto;padding:0 32px}.client-website .site-footer__cols{grid-template-columns:2fr 1fr 1fr 1fr;gap:64px;margin-bottom:80px;display:grid}@media (width<=768px){.client-website .site-footer__cols{grid-template-columns:1fr 1fr;gap:32px}}.client-website .site-footer__mark{font-family:var(--c-font-display);color:var(--c-cream);align-items:center;gap:10px;margin-bottom:20px;font-size:20px;font-weight:600;display:inline-flex}.client-website .site-footer__mark:before{content:"";background:var(--c-yellow);border-radius:50%;width:10px;height:10px}.client-website .site-footer__body{color:var(--c-cream)}@supports (color:color-mix(in lab, red, red)){.client-website .site-footer__body{color:color-mix(in srgb, var(--c-cream) 70%, transparent)}}.client-website .site-footer__body{max-width:36ch;font-size:14px;line-height:1.65}.client-website .site-footer__col h4{color:var(--c-cream);text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px;font-size:12px;font-weight:600}.client-website .site-footer__col a{color:var(--c-cream);display:block}@supports (color:color-mix(in lab, red, red)){.client-website .site-footer__col a{color:color-mix(in srgb, var(--c-cream) 68%, transparent)}}.client-website .site-footer__col a{padding:5px 0;font-size:14px;transition:color .15s,transform .15s}.client-website .site-footer__col a:hover{color:var(--c-cream);transform:translate(2px)}.client-website .site-footer__bottom{border-top:1px solid var(--c-cream);padding-top:32px}@supports (color:color-mix(in lab, red, red)){.client-website .site-footer__bottom{border-top:1px solid color-mix(in srgb, var(--c-cream) 16%, transparent)}}.client-website .site-footer__bottom{color:var(--c-cream);font-size:13px}@supports (color:color-mix(in lab, red, red)){.client-website .site-footer__bottom{color:color-mix(in srgb, var(--c-cream) 50%, transparent)}}.client-website .site-footer__bottom{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.client-website .site-hero{padding:96px 0 120px;position:relative;overflow:hidden}.client-website .site-hero__inner{max-width:var(--kol-container-max);grid-template-columns:5fr 4fr;align-items:center;gap:64px;margin:0 auto;padding:0 32px;display:grid;position:relative}@media (width<=1024px){.client-website .site-hero__inner{grid-template-columns:1fr;gap:48px}}.client-website .site-hero__body h1{letter-spacing:-.03em;margin-bottom:24px;font-size:64px}.client-website .site-hero__body .lede{max-width:38ch;margin-bottom:40px}.client-website .site-hero__ctas{flex-wrap:wrap;gap:16px;display:flex}.client-website .site-hero__media{position:relative}.client-website .site-hero__media img{width:100%;height:auto;display:block}.client-website .site-hero__media-frame{background:var(--c-navy);box-shadow:0 1px 2px var(--c-navy), 0 10px 40px -10px var(--c-navy);border-radius:4px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.client-website .site-hero__media-frame{box-shadow:0 1px 2px color-mix(in srgb, var(--c-navy) 8%, transparent), 0 10px 40px -10px color-mix(in srgb, var(--c-navy) 24%, transparent)}}.client-website .site-hero__pattern{opacity:.05;pointer-events:none;z-index:0;position:absolute;inset:0}.client-website .site-hero--centered .site-hero__inner{text-align:center;grid-template-columns:1fr;max-width:960px}.client-website .site-hero--centered .site-hero__body .lede{margin-left:auto;margin-right:auto}.client-website .site-hero--centered .site-hero__ctas{justify-content:center}.client-website .panel{padding:120px 0;position:relative}.client-website .panel--cream{background:var(--c-cream)}.client-website .panel--white{background:#fff}.client-website .panel--navy{background:var(--c-navy);color:var(--c-cream)}.client-website .panel--navy h2,.client-website .panel--navy h3,.client-website .panel--navy p{color:var(--c-cream)}@supports (color:color-mix(in lab, red, red)){.client-website .panel--navy p{color:color-mix(in srgb, var(--c-cream) 70%, transparent)}}.client-website .panel--navy .eyebrow{color:var(--c-yellow)}.client-casedoc .panel--navy{background:var(--c-hugvit-blue-deep)}.client-casedoc .panel--navy .eyebrow{color:var(--c-accent)}@media (width<=768px){.client-website .panel{padding:72px 0}}.client-website .section-intro{text-align:center;max-width:720px;margin:0 auto 72px}.client-website .section-intro .eyebrow,.client-website .section-intro h2{margin-bottom:20px}.client-website .section-intro--left{text-align:left;max-width:56ch;margin-left:0;margin-right:0}.client-website .split-row{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=1024px){.client-website .split-row{grid-template-columns:1fr;gap:48px}}.client-website .split-row--reverse .split-row__body{order:2}.client-website .split-row__body .eyebrow{margin-bottom:16px}.client-website .split-row__body h2{margin-bottom:20px}.client-website .split-row__body p{max-width:52ch;margin-bottom:16px}.client-website .split-row__media{background:var(--c-navy);box-shadow:0 10px 40px -10px var(--c-navy);border-radius:4px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.client-website .split-row__media{box-shadow:0 10px 40px -10px color-mix(in srgb, var(--c-navy) 24%, transparent)}}.client-website .split-row__media img{width:100%;height:auto;display:block}.client-website .products-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1024px){.client-website .products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.client-website .products-grid{grid-template-columns:1fr}}.client-website .product-card{border:1px solid var(--c-hairline);color:var(--c-ink);background:#fff;border-radius:4px;flex-direction:column;min-height:220px;padding:40px 32px;transition:border-color .2s,transform .2s,background .2s;display:flex}.client-website .product-card:hover{border-color:var(--c-navy);transform:translateY(-2px)}.client-website .product-card__icon{width:40px;height:40px;color:var(--c-accent);margin-bottom:20px}.client-website .product-card__icon svg{width:100%;height:100%;display:block}.client-website .product-card h3{margin-bottom:10px;font-size:26px}.client-website .product-card p{color:var(--c-ink-muted);flex:1;font-size:15px}.client-website .product-card__more{text-transform:uppercase;letter-spacing:.1em;color:var(--c-accent);align-items:center;gap:6px;margin-top:24px;font-size:13px;font-weight:600;display:inline-flex}.client-website .product-card.is-flagship{background:var(--c-navy);color:var(--c-cream);border-color:#0000;grid-column:span 3;min-height:280px;padding:56px 48px;position:relative;overflow:hidden}.client-website .product-card.is-flagship h3{color:var(--c-cream);font-size:40px}.client-website .product-card.is-flagship p{color:var(--c-cream)}@supports (color:color-mix(in lab, red, red)){.client-website .product-card.is-flagship p{color:color-mix(in srgb, var(--c-cream) 72%, transparent)}}.client-website .product-card.is-flagship p{max-width:48ch;font-size:16px}.client-website .product-card.is-flagship .product-card__icon{color:var(--c-yellow);width:56px;height:56px}.client-website .product-card.is-flagship:hover{background:var(--c-navy-deep)}@media (width<=1024px){.client-website .product-card.is-flagship{grid-column:span 2}}@media (width<=640px){.client-website .product-card.is-flagship{grid-column:auto}}.client-website .pillars{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}@media (width<=1024px){.client-website .pillars{grid-template-columns:1fr;gap:32px}}.client-website .pillar{border-top:2px solid var(--c-ink);padding:40px 0 0}.client-casedoc .pillar{border-top-color:var(--c-hugvit-blue)}.client-website .pillar__num{font-family:var(--c-font-display);letter-spacing:.12em;color:var(--c-accent);margin-bottom:20px;font-size:13px;font-weight:600;display:inline-block}.client-website .pillar h3{margin-bottom:16px;font-size:28px}.client-website .pillar p{color:var(--c-ink-muted);font-size:16px}.client-website .feature-matrix{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (width<=1024px){.client-website .feature-matrix{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.client-website .feature-matrix{grid-template-columns:1fr}}.client-website .feature-item__icon{width:32px;height:32px;color:var(--c-accent);margin-bottom:16px}.client-website .feature-item__icon svg{width:100%;height:100%;display:block}.client-website .feature-item h4{margin-bottom:8px;font-size:18px;font-weight:600}.client-website .feature-item p{color:var(--c-ink-muted);font-size:14px;line-height:1.6}.client-website .ui-showcase{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px;display:grid}@media (width<=768px){.client-website .ui-showcase{grid-template-columns:1fr}}.client-website .ui-showcase figure{background:var(--c-navy);border:1px solid var(--c-hairline);aspect-ratio:16/10;border-radius:4px;justify-content:center;align-items:center;margin:0;display:flex;overflow:hidden}.client-website .ui-showcase img{object-fit:cover;width:100%;height:100%;display:block}.client-website .quote{font-family:var(--c-font-serif);letter-spacing:-.02em;text-align:center;max-width:1040px;color:var(--c-ink);margin:0 auto;font-size:44px;font-weight:300;line-height:1.25}.client-website .panel--navy .quote{color:var(--c-cream)}.client-website .quote cite{font-family:var(--c-font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-muted);margin-top:40px;font-size:13px;font-style:normal;font-weight:500;display:block}.client-website .panel--navy .quote cite{color:var(--c-cream)}@supports (color:color-mix(in lab, red, red)){.client-website .panel--navy .quote cite{color:color-mix(in srgb, var(--c-cream) 60%, transparent)}}.client-website .cta-band{text-align:center;background:var(--c-navy);color:var(--c-cream);padding:120px 24px;position:relative;overflow:hidden}.client-casedoc .cta-band{background:var(--c-hugvit-blue-deep)}.client-website .cta-band h2{color:var(--c-cream);margin-bottom:20px}.client-website .cta-band p{color:var(--c-cream)}@supports (color:color-mix(in lab, red, red)){.client-website .cta-band p{color:color-mix(in srgb, var(--c-cream) 70%, transparent)}}.client-website .cta-band p{max-width:560px;margin:0 auto 40px;font-size:18px;line-height:1.5}.client-website .cta-band .cta-primary{background:var(--c-accent);color:var(--c-navy);border-color:var(--c-accent)}.client-website .cta-band .cta-primary:hover{background:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.client-website .cta-band .cta-primary:hover{background:color-mix(in srgb, var(--c-accent) 80%, #fff)}}.client-website .cta-band .cta-primary:hover{border-color:var(--c-accent)}@supports (color:color-mix(in lab, red, red)){.client-website .cta-band .cta-primary:hover{border-color:color-mix(in srgb, var(--c-accent) 80%, #fff)}}.client-casedoc .cta-band .cta-primary{color:#fff;background:var(--c-yellow);border-color:var(--c-yellow)}.client-website .trust-strip{border-top:1px solid var(--c-hairline);border-bottom:1px solid var(--c-hairline);padding:48px 0}.client-website .trust-strip__row{max-width:var(--kol-container-max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:48px;margin:0 auto;padding:0 32px;display:flex}.client-website .trust-strip__label{letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-muted);font-size:12px;font-weight:500}.client-website .trust-strip__items{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.client-website .trust-strip__item{font-family:var(--c-font-display);color:var(--c-ink-muted);letter-spacing:.02em;font-size:15px;font-weight:500}.client-website .form-card{border:1px solid var(--c-hairline);background:#fff;border-radius:4px;max-width:560px;margin:0 auto;padding:48px}.client-website .form-field{flex-direction:column;margin-bottom:20px;display:flex}.client-website .form-field label{letter-spacing:.04em;text-transform:uppercase;color:var(--c-ink-muted);margin-bottom:8px;font-size:13px;font-weight:500}.client-website .form-field input,.client-website .form-field textarea,.client-website .form-field select{font-family:var(--c-font-display);border:1px solid var(--c-hairline);color:var(--c-ink);background:#fff;border-radius:4px;padding:14px 16px;font-size:16px;transition:border-color .15s}.client-website .form-field input:focus,.client-website .form-field textarea:focus,.client-website .form-field select:focus{border-color:var(--c-navy);outline:none}.client-website [data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(16px)}.client-website [data-reveal].is-revealed{opacity:1;transform:translateY(0)}.client-website .panel--navy .cta-ghost,.client-casedoc .panel--navy .cta-ghost{color:var(--c-cream);border-color:var(--c-cream)}@supports (color:color-mix(in lab, red, red)){.client-website .panel--navy .cta-ghost,.client-casedoc .panel--navy .cta-ghost{border-color:color-mix(in srgb, var(--c-cream) 48%, transparent)}}.client-website .panel--navy .cta-ghost:hover,.client-casedoc .panel--navy .cta-ghost:hover{background:var(--c-cream)}@supports (color:color-mix(in lab, red, red)){.client-website .panel--navy .cta-ghost:hover,.client-casedoc .panel--navy .cta-ghost:hover{background:color-mix(in srgb, var(--c-cream) 8%, transparent)}}.client-website .panel--navy .cta-ghost:hover,.client-casedoc .panel--navy .cta-ghost:hover{border-color:var(--c-cream)}.client-website .site-hero__media-frame{aspect-ratio:4/5}.client-website .site-hero__media-frame img{object-fit:cover;width:100%;height:100%}.client-website .site-hero__media-frame img[src*=\.svg]{object-fit:contain;padding:24px}.client-website .blog-list{margin:0;flex-direction:column;gap:0;max-width:880px;margin-inline:auto;padding:0;list-style:none;display:flex}.client-website .blog-card{border-bottom:1px solid var(--c-hairline);padding:48px 0}.client-website .blog-card:last-child{border-bottom:none}.client-website .blog-card-link{color:inherit;grid-template-columns:280px 1fr;gap:32px;text-decoration:none;transition:opacity .2s;display:grid}.client-website .blog-card-link:hover{opacity:.82}@media (width<=720px){.client-website .blog-card-link{grid-template-columns:1fr;gap:16px}}.client-website .blog-card-cover{aspect-ratio:4/3;background:var(--c-cream);border-radius:4px;overflow:hidden}.client-website .blog-card-cover img{object-fit:cover;width:100%;height:100%;display:block}.client-website .blog-card-body{flex-direction:column;justify-content:center;gap:12px;display:flex}.client-website .blog-card-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.client-website .blog-card-date,.client-website .blog-card-reading,.client-website .blog-card-author{color:var(--c-ink-muted);font-size:13px}.client-website .blog-card-title{font-family:var(--c-font-display);color:var(--c-ink);margin:0;font-size:24px;font-weight:600;line-height:1.2}.client-website .blog-card-excerpt{color:var(--c-ink-muted);max-width:60ch;margin:0;line-height:1.55}.client-website .blog-card-footer{align-items:center;gap:12px;padding-top:4px;display:flex}.client-website .blog-card-footer .blog-card-author{color:var(--c-ink);font-weight:500}.client-website .blog-tag{border:1px solid var(--c-ink);align-items:center;padding:4px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.client-website .blog-tag{border:1px solid color-mix(in srgb, var(--c-ink) 16%, transparent)}}.client-website .blog-tag{font-family:var(--c-font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink);background:0 0;border-radius:4px;font-size:11px;font-weight:500}.client-website .blog-article{background:var(--c-surface);padding-bottom:96px}.client-website .blog-article-cover{width:100%;height:clamp(280px,44vh,480px);margin-bottom:64px;overflow:hidden}.client-website .blog-article-cover img{object-fit:cover;width:100%;height:100%;display:block}.client-website .blog-article-inner{max-width:780px}.client-website .blog-back-link{font-family:var(--c-font-display);color:var(--c-ink-muted);align-items:center;gap:6px;margin-bottom:48px;font-size:13px;font-weight:500;text-decoration:none;transition:color .18s;display:inline-flex}.client-website .blog-back-link:hover{color:var(--c-ink)}.client-website .blog-article-header{flex-direction:column;gap:20px;margin-bottom:64px;display:flex}.client-website .blog-article-title{font-family:var(--c-font-display);letter-spacing:-.015em;color:var(--c-ink);margin:0;font-size:48px;font-weight:700;line-height:1.08}.client-website .blog-article-excerpt{max-width:60ch;margin:0}.client-website .blog-article-meta{font-family:var(--c-font-display);color:var(--c-ink-muted);border-top:1px solid var(--c-hairline);flex-wrap:wrap;align-items:center;gap:12px;padding-top:16px;font-size:13px;display:flex}.client-website .blog-article-meta-sep{opacity:.5}.client-website .blog-article-author{color:inherit;align-items:center;gap:10px;text-decoration:none;transition:color .18s;display:inline-flex}.client-website .blog-article-author:hover{color:var(--c-ink)}.client-website .blog-article-author-name{color:var(--c-ink);font-weight:500}.client-website .blog-body{max-width:68ch;font-family:var(--c-font-display);color:var(--c-ink);font-size:17px;line-height:1.7}.client-website .blog-body p{margin:0 0 24px}.client-website .blog-body h2{font-family:var(--c-font-display);letter-spacing:-.01em;margin:56px 0 16px;font-size:28px;font-weight:600;line-height:1.2}.client-website .blog-body h3{font-family:var(--c-font-display);margin:40px 0 12px;font-size:20px;font-weight:600;line-height:1.3}.client-website .blog-body ul,.client-website .blog-body ol{margin:0 0 24px;padding-left:24px}.client-website .blog-body li{margin:0 0 8px;line-height:1.6}.client-website .blog-body-quote{border-left:2px solid var(--c-accent);font-family:var(--c-font-serif);margin:40px 0;padding:8px 0 8px 24px;font-style:italic;font-weight:500}.client-website .blog-body-quote p{color:var(--c-ink);margin:0 0 8px;font-size:22px;line-height:1.4}.client-website .blog-body-quote cite{font-family:var(--c-font-display);color:var(--c-ink-muted);font-size:13px;font-style:normal;font-weight:500;display:block}.client-website .blog-body-quote cite:before{content:"— ";opacity:.6}.client-website .blog-avatar{background:var(--c-navy);width:32px;height:32px;color:var(--c-surface);font-family:var(--c-font-display);letter-spacing:.04em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.client-website .blog-avatar--lg{width:56px;height:56px;font-size:18px}.client-website .blog-avatar--xl{width:88px;height:88px;font-size:28px}.client-website .blog-author-card{border:1px solid var(--c-hairline);background:var(--c-navy);border-radius:4px;margin-top:72px;padding:32px}@supports (color:color-mix(in lab, red, red)){.client-website .blog-author-card{background:color-mix(in srgb, var(--c-navy) 4%, transparent)}}.client-website .blog-author-card-link{color:inherit;gap:20px;text-decoration:none;transition:opacity .18s;display:flex}.client-website .blog-author-card-link:hover{opacity:.82}.client-website .blog-author-card-body{flex-direction:column;gap:6px;display:flex}.client-website .blog-author-card-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.client-website .blog-author-card-name{font-family:var(--c-font-display);color:var(--c-ink);font-size:16px;font-weight:600}.client-website .blog-author-card-role{letter-spacing:.04em;text-transform:uppercase;color:var(--c-accent);font-size:12px}.client-website .blog-author-card-bio{color:var(--c-ink-muted);max-width:60ch;margin:0;font-size:14px;line-height:1.55}.client-website .blog-author-header{text-align:left;align-items:flex-start;gap:32px;display:flex}@media (width<=720px){.client-website .blog-author-header{text-align:center;flex-direction:column;align-items:center}}.client-website .blog-author-header-body{flex-direction:column;flex:1;gap:12px;display:flex}.client-website .blog-author-header-body h1{margin:0}.client-website .blog-author-links{flex-wrap:wrap;gap:16px;margin:8px 0 0;padding:0;list-style:none;display:flex}.client-website .blog-author-links a{font-family:var(--c-font-display);color:var(--c-accent);border-bottom:1px solid #0000;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .18s}.client-website .blog-author-links a:hover{border-bottom-color:var(--c-accent)}.client-website .blog-author-list-head{border-bottom:1px solid var(--c-hairline);max-width:880px;margin:0 auto 24px;padding-bottom:16px}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-duration{syntax:"*";inherits:false}