*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Barlow,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:IBM Plex Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-bottom-px{bottom:-1px}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-mr-2{margin-right:-.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-\[46px\]{height:46px}.h-px{height:1px}.max-h-\[70vh\]{max-height:70vh}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-\[46px\]{width:46px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[720px\]{min-width:720px}.min-w-\[820px\]{min-width:820px}.min-w-\[860px\]{min-width:860px}.min-w-\[900px\]{min-width:900px}.min-w-\[980px\]{min-width:980px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.max-w-\[3\.5rem\]{max-width:3.5rem}.max-w-\[3rem\]{max-width:3rem}.max-w-\[9rem\]{max-width:9rem}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.scroll-mt-24{scroll-margin-top:6rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-px{gap:1px}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-px>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1px*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-line>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(220 227 232/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-2xl{border-radius:1rem}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-line{--tw-border-opacity:1;border-color:rgb(220 227 232/var(--tw-border-opacity,1))}.border-signal{--tw-border-opacity:1;border-color:rgb(18 95 134/var(--tw-border-opacity,1))}.border-signall{--tw-border-opacity:1;border-color:rgb(79 166 208/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/25{border-color:hsla(0,0%,100%,.25)}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-copperb{--tw-bg-opacity:1;background-color:rgb(206 123 65/var(--tw-bg-opacity,1))}.bg-ink{--tw-bg-opacity:1;background-color:rgb(12 37 55/var(--tw-bg-opacity,1))}.bg-ink\/95{background-color:rgba(12,37,55,.95)}.bg-line{--tw-bg-opacity:1;background-color:rgb(220 227 232/var(--tw-bg-opacity,1))}.bg-paper{--tw-bg-opacity:1;background-color:rgb(245 247 248/var(--tw-bg-opacity,1))}.bg-signal{--tw-bg-opacity:1;background-color:rgb(18 95 134/var(--tw-bg-opacity,1))}.bg-signal\/10{background-color:rgba(18,95,134,.1)}.bg-signall{--tw-bg-opacity:1;background-color:rgb(79 166 208/var(--tw-bg-opacity,1))}.bg-signalsoft{--tw-bg-opacity:1;background-color:rgb(231 241 247/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[19px\]{font-size:19px}.text-\[21px\]{font-size:21px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[\#142430\]{--tw-text-opacity:1;color:rgb(20 36 48/var(--tw-text-opacity,1))}.text-\[\#2A1508\]{--tw-text-opacity:1;color:rgb(42 21 8/var(--tw-text-opacity,1))}.text-copper{--tw-text-opacity:1;color:rgb(180 104 47/var(--tw-text-opacity,1))}.text-copperb{--tw-text-opacity:1;color:rgb(206 123 65/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(12 37 55/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(85 105 124/var(--tw-text-opacity,1))}.text-signal{--tw-text-opacity:1;color:rgb(18 95 134/var(--tw-text-opacity,1))}.text-signall{--tw-text-opacity:1;color:rgb(79 166 208/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-teal{--tw-text-opacity:1;color:rgb(30 122 114/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc{--tw-text-opacity:1;color:rgb(169 190 205/var(--tw-text-opacity,1))}.accent-\[\#125F86\]{accent-color:#125f86}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.backdrop\:bg-ink\/60::backdrop{background-color:rgba(12,37,55,.6)}.hover\:border-signal:hover{--tw-border-opacity:1;border-color:rgb(18 95 134/var(--tw-border-opacity,1))}.hover\:bg-\[\#1A5FCC\]:hover{--tw-bg-opacity:1;background-color:rgb(26 95 204/var(--tw-bg-opacity,1))}.hover\:bg-\[\#BE6E37\]:hover{--tw-bg-opacity:1;background-color:rgb(190 110 55/var(--tw-bg-opacity,1))}.hover\:bg-ink2:hover{--tw-bg-opacity:1;background-color:rgb(20 51 73/var(--tw-bg-opacity,1))}.hover\:bg-paper:hover{--tw-bg-opacity:1;background-color:rgb(245 247 248/var(--tw-bg-opacity,1))}.hover\:bg-signald:hover{--tw-bg-opacity:1;background-color:rgb(14 78 111/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(12 37 55/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:underline{text-decoration-line:underline}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-8{grid-column:span 8/span 8}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:p-9{padding:2.25rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[3\.35rem\]{font-size:3.35rem}.md\:leading-\[1\.06\]{line-height:1.06}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.lg\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(0px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px*var(--tw-divide-y-reverse))}.lg\:justify-self-end{justify-self:end}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
:root {
  --ink: #0C2537;
  --ink-2: #143349;
  --ink-3: #1E4763;
  --paper: #F5F7F8;
  --line: #DCE3E8;
  --text: #142430;
  --muted: #55697C;
  --signal: #125F86;
  --signal-light: #4FA6D0;
  --signal-soft: #E7F1F7;
  --copper: #B4682F;
  --copper-bright: #CE7B41;
  --copper-soft: #FAF0E7;
  --teal: #1E7A72;
  --teal-bright: #3FBFAE;
}

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body {
  font-family: Barlow, ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--paper);
}

h1, h2, h3, h4 { letter-spacing: -0.012em; }
h1 { letter-spacing: -0.022em; }

/* Monospaced technical data — tolerances, standards, part numbers. */
.spec {
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.005em;
}

/* Measure control for long-form copy. */
.measure { max-width: 68ch; }
.measure-tight { max-width: 56ch; }

/* Section eyebrow: a rule plus a short label, used sparingly. */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .625rem;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--signal);
}
.eyebrow::before {
  content: "";
  width: 1.75rem;
  height: 2px;
  background: var(--copper-bright);
}

/* Data tables: the workhorse of a spec-driven site. */
.spec-table { width: 100%; border-collapse: collapse; }
.spec-table th {
  text-align: left;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 0 1rem .75rem;
  border-bottom: 1.5px solid var(--line);
  white-space: nowrap;
}
.spec-table td {
  padding: .9rem 1rem;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  font-size: .875rem;
  color: var(--muted);
}
.spec-table td:first-child { color: var(--text); font-weight: 600; }
.spec-table th:first-child, .spec-table td:first-child { padding-left: 0; }
.spec-table th:last-child, .spec-table td:last-child { padding-right: 0; }
.spec-table tbody tr:last-child td { border-bottom: 0; }
.spec-table .num {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
  color: var(--signal);
  white-space: nowrap;
}

/* Panel: a bordered content block. Left rule carries meaning, not decoration. */
.panel { background: #fff; border: 1.5px solid var(--line); border-radius: 14px; }
.panel-note { background: var(--copper-soft); border-left: 3px solid var(--copper-bright); border-radius: 0 10px 10px 0; }

/* Vertical index rows on the industries page. */
.vrow { border-top: 1px solid var(--line); }
.vrow:last-child { border-bottom: 1px solid var(--line); }

/* Icons from the inline sprite. */
.icon { width: 1.5rem; height: 1.5rem; stroke: currentColor; fill: none;
        stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.icon-sm { width: 1.125rem; height: 1.125rem; }
.icon-lg { width: 2rem; height: 2rem; }

/* Focus visibility across dark and light surfaces. */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid var(--copper-bright);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Form controls. */
.field {
  width: 100%;
  border: 1.5px solid var(--line);
  border-radius: 10px;
  padding: .7rem .85rem;
  font: inherit;
  font-size: .9rem;
  background: #fff;
  color: var(--text);
  transition: border-color .15s, box-shadow .15s;
}
.field:hover { border-color: #BFCBDA; }
.field:focus { border-color: var(--signal); box-shadow: 0 0 0 3px rgba(31,111,235,.14); outline: none; }
.field[aria-invalid="true"] { border-color: #D64545; background: #FEF6F6; }
.field-label {
  display: block;
  font-size: .8125rem;
  font-weight: 600;
  color: var(--text);
  margin-bottom: .4rem;
}
.field-hint { font-size: .75rem; color: var(--muted); margin-top: .35rem; }
.field-error { font-size: .75rem; color: #C23636; margin-top: .35rem; display: none; }
.field-error[data-shown] { display: block; }
select.field {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235A6B84' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .8rem center;
  padding-right: 2.2rem;
}

/* Honeypot — off-screen, never focusable by keyboard order. */
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Submit states. */
.btn-primary {
  background: var(--signal); color: #fff; font-weight: 700;
  border-radius: 10px; padding: .85rem 1.5rem; border: 0; cursor: pointer;
  transition: background .15s;
}
.btn-primary:hover { background: #1A5FCC; }
.btn-primary[disabled] { opacity: .6; cursor: progress; }

.form-status { border-radius: 12px; padding: 1rem 1.15rem; font-size: .875rem; line-height: 1.6; }
.form-status[data-tone="ok"] { background: #ECFAF3; border: 1.5px solid #A9DFC5; color: #12603F; }
.form-status[data-tone="error"] { background: #FEF3F3; border: 1.5px solid #F0BCBC; color: #9B2C2C; }

/* Details/summary FAQ. */
.faq summary { cursor: pointer; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary .chev { transition: transform .2s ease; }
.faq details[open] summary .chev { transform: rotate(180deg); }

/* Skip link. */
.skip {
  position: absolute; left: 1rem; top: -3rem; z-index: 100;
  background: var(--copper-bright); color: #221602; font-weight: 700;
  padding: .6rem 1rem; border-radius: 0 0 8px 8px; transition: top .15s;
}
.skip:focus { top: 0; }

/* Hero: a blueprint backdrop per page, over the petrol field. */
.hero {
  position: relative;
  isolation: isolate;
  background-color: var(--ink);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hero > * { position: relative; z-index: 1; }
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(100deg, rgba(12,37,55,.94) 0%, rgba(12,37,55,.78) 42%, rgba(12,37,55,.42) 100%);
}
@media (max-width: 1023px) {
  .hero::after { background: rgba(12,37,55,.85); }
}
.hero[data-motif="industrial-machinery"]              { background-image: url("/assets/heroes/industrial-machinery.webp"); }
.hero[data-motif="optoelectronics"]                   { background-image: url("/assets/heroes/optoelectronics.webp"); }
.hero[data-motif="bio-based-products"]                { background-image: url("/assets/heroes/bio-based-products.webp"); }
.hero[data-motif="electrical-insulation-materials"]   { background-image: url("/assets/heroes/electrical-insulation-materials.webp"); }
.hero[data-motif="packaging-materials"]               { background-image: url("/assets/heroes/packaging-materials.webp"); }
.hero[data-motif="agricultural-machinery"]            { background-image: url("/assets/heroes/agricultural-machinery.webp"); }
.hero[data-motif="metal-products"]                    { background-image: url("/assets/heroes/metal-products.webp"); }
.hero[data-motif="lights-lighting"]                   { background-image: url("/assets/heroes/lights-lighting.webp"); }
.hero[data-motif="graphite-composite-materials"]      { background-image: url("/assets/heroes/graphite-composite-materials.webp"); }
.hero[data-motif="textile-machine-components"]        { background-image: url("/assets/heroes/textile-machine-components.webp"); }
.hero[data-motif="industrial-components"]             { background-image: url("/assets/heroes/industrial-components.webp"); }
.hero[data-motif="electrical-motors"]                 { background-image: url("/assets/heroes/electrical-motors.webp"); }
.hero[data-motif="office-supplies"]                   { background-image: url("/assets/heroes/office-supplies.webp"); }
.hero[data-motif="furniture"]                         { background-image: url("/assets/heroes/furniture.webp"); }
.hero[data-motif="titanium-products"]                 { background-image: url("/assets/heroes/titanium-products.webp"); }
.hero[data-motif="vehicle-parts"]                     { background-image: url("/assets/heroes/vehicle-parts.webp"); }
.hero[data-motif="home"]                              { background-image: url("/assets/heroes/home.webp"); }
.hero[data-motif="products"]                          { background-image: url("/assets/heroes/products.webp"); }
.hero[data-motif="capabilities"]                      { background-image: url("/assets/heroes/capabilities.webp"); }
.hero[data-motif="solutions"]                         { background-image: url("/assets/heroes/solutions.webp"); }
.hero[data-motif="quality"]                           { background-image: url("/assets/heroes/quality.webp"); }
.hero[data-motif="about"]                             { background-image: url("/assets/heroes/about.webp"); }
.hero[data-motif="contact"]                           { background-image: url("/assets/heroes/contact.webp"); }
.hero[data-motif="documentation"]                     { background-image: url("/assets/heroes/documentation.webp"); }
.hero[data-motif="audit"]                             { background-image: url("/assets/heroes/audit.webp"); }

/* Category tint: the card ground identifies the family, the rule identifies the
   industry. Kept pale enough that body text keeps its contrast on every one. */
.card-machinery  { background-color: #EDF4F9; }
.card-optics     { background-color: #E9F6F4; }
.card-insulation { background-color: #FBF2EB; }
.card-bio        { background-color: #F1F7EA; }
.card-materials  { background-color: #E9F4F2; }
.card-interiors  { background-color: #F8F1EA; }

/* Division band: a tinted rule that identifies which works a section belongs to. */
.div-machinery  { --band: #2A7BA6; }
.div-optics     { --band: #3FBFAE; }
.div-insulation { --band: #CE7B41; }
.div-bio        { --band: #6FA83F; }
.div-materials  { --band: #1E7A72; }
.div-interiors  { --band: #B4682F; }
.band-rule { border-top: 3px solid var(--band); }
.band-dot { width: .6rem; height: .6rem; border-radius: 999px; background: var(--band); }