/*
! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--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-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: }.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}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.top-4{top:1rem}.left-4{left:1rem}.right-4{right:1rem}.left-0{left:0}.bottom-0{bottom:0}.z-0{z-index:0}.z-40{z-index:40}.z-50{z-index:50}.z-10{z-index:10}.col-span-1{grid-column:span 1/span 1}.col-span-8{grid-column:span 8/span 8}.m-2{margin:.5rem}.-m-8{margin:-2rem}.my-auto{margin-bottom:auto;margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-20{margin-bottom:5rem;margin-top:5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.-ml-3{margin-left:-.75rem}.-mt-28{margin-top:-7rem}.-mt-32{margin-top:-8rem}.-mt-14{margin-top:-3.5rem}.mt-4{margin-top:1rem}.mb-8{margin-bottom:2rem}.mt-0{margin-top:0}.mt-10{margin-top:2.5rem}.mt-28{margin-top:7rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.-mb-8{margin-bottom:-2rem}.mb-10{margin-bottom:2.5rem}.-ml-24{margin-left:-6rem}.-mb-1{margin-bottom:-.25rem}.-mt-4{margin-top:-1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mt-16{margin-top:4rem}.mr-2{margin-right:.5rem}.mt-12{margin-top:3rem}.-mt-56{margin-top:-14rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-full{height:100%}.h-96{height:24rem}.h-0{height:0}.h-screen{height:100vh}.h-4\/5{height:80%}.h-32{height:8rem}.h-9{height:2.25rem}.h-11{height:2.75rem}.h-40{height:10rem}.h-24{height:6rem}.h-7{height:1.75rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-6{height:1.5rem}.h-28{height:7rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-140{height:35rem}.h-10{height:2.5rem}.h-52{height:13rem}.h-36{height:9rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-64{width:16rem}.w-40{width:10rem}.w-48{width:12rem}.w-72{width:18rem}.w-32{width:8rem}.w-80{width:20rem}.w-4\/5{width:80%}.w-24{width:6rem}.w-2\/3{width:66.666667%}.w-7{width:1.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-96{width:24rem}.w-screen{width:100vw}.w-1\/2{width:50%}.max-w-5xl{max-width:64rem}.max-w-4xl{max-width:56rem}.max-w-xl{max-width:36rem}.max-w-6xl{max-width:72rem}.shrink-0{flex-shrink:0}.-translate-y-full{--tw-translate-y:-100%}.-translate-y-full,.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.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-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.gap-8{gap:2rem}.gap-1{gap:.25rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-2{-webkit-column-gap:.5rem;column-gap:.5rem}.gap-y-1{row-gap:.25rem}.overflow-hidden{overflow:hidden}.overflow-x-clip{overflow-x:clip}.overflow-y-scroll{overflow-y:scroll}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-xl{border-radius:.75rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-2xl{border-radius:1rem}.rounded{border-radius:.25rem}.rounded-b-3xl{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.rounded-b-lg{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-l-full{border-bottom-left-radius:9999px;border-top-left-radius:9999px}.rounded-r-full{border-bottom-right-radius:9999px;border-top-right-radius:9999px}.border-2{border-width:2px}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-l{border-left-width:1px}.border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-none{background-image:none}.from-cyan-600{--tw-gradient-from:#0891b2;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(8,145,178,0))}.from-hard-yellow{--tw-gradient-from:#ff0;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(255,255,0,0))}.from-orange-600{--tw-gradient-from:#ea580c;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(234,88,12,0))}.from-green-500{--tw-gradient-from:#22c55e;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(34,197,94,0))}.from-lime-500{--tw-gradient-from:#84cc16;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(132,204,22,0))}.from-lime-400{--tw-gradient-from:#a3e635;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(163,230,53,0))}.from-orange-400{--tw-gradient-from:#fb923c;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(251,146,60,0))}.from-sky-400{--tw-gradient-from:#38bdf8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(56,189,248,0))}.from-yellow-400{--tw-gradient-from:#facc15;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(250,204,21,0))}.from-teal-400{--tw-gradient-from:#2dd4bf;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(45,212,191,0))}.from-neutral-400{--tw-gradient-from:#a3a3a3;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,64%,0))}.from-cyan-400{--tw-gradient-from:#22d3ee;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(34,211,238,0))}.from-amber-400{--tw-gradient-from:#fbbf24;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(251,191,36,0))}.from-emerald-400{--tw-gradient-from:#34d399;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(52,211,153,0))}.from-red-400{--tw-gradient-from:#f87171;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,91%,71%,0))}.to-green-400{--tw-gradient-to:#4ade80}.to-yellow-600{--tw-gradient-to:#ca8a04}.to-yellow-500{--tw-gradient-to:#eab308}.to-blue-700{--tw-gradient-to:#1d4ed8}.to-green-300{--tw-gradient-to:#86efac}.to-sky-400{--tw-gradient-to:#38bdf8}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-4{padding:1rem}.p-8{padding:2rem}.p-2{padding:.5rem}.p-20{padding:5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.pt-32{padding-top:8rem}.pb-2{padding-bottom:.5rem}.text-center{text-align:center}.text-7xl{font-size:4.5rem;line-height:1}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-6xl{font-size:3.75rem;line-height:1}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.font-medium{font-weight:500}.italic{font-style:italic}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity))}.text-transparent{color:transparent}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.overline{-webkit-text-decoration-line:overline;text-decoration-line:overline}.opacity-75{opacity:.75}.opacity-50{opacity:.5}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow-md{-webkit-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);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)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.filter{-webkit-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);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)}.backdrop-blur,.backdrop-blur-2xl{-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)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-1000{transition-duration:1s}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-1:hover,.hover\:translate-y-1:hover{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:translate-y-1:hover{--tw-translate-y:0.25rem}.hover\:border-b:hover{border-bottom-width:1px}.hover\:border-green-200:hover{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity))}.hover\:bg-transparent:hover{background-color:initial}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.hover\:bg-none:hover{background-image:none}.hover\:bg-gradient-to-bl:hover{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:text-green-500:hover{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.hover\:text-green-100:hover{--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity))}.hover\:text-green-400:hover{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:backdrop-blur-sm:hover{--tw-backdrop-blur:blur(4px);-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)}.group:hover .group-hover\:translate-x-4{--tw-translate-x:1rem}.group:hover .group-hover\:translate-x-4,.group:hover .group-hover\:translate-x-8{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-8{--tw-translate-x:2rem}.group:hover .group-hover\:translate-y-1{--tw-translate-y:0.25rem}.group:hover .group-hover\:-translate-y-1,.group:hover .group-hover\:translate-y-1{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-1{--tw-translate-y:-0.25rem}.group:hover .group-hover\:rotate-45{--tw-rotate:45deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.group:hover .group-hover\:text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.group:hover .group-hover\:opacity-90{opacity:.9}.group:hover .group-hover\:opacity-75{opacity:.75}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.group:hover .group-hover\:shadow-none,.group:hover .group-hover\:shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}@media (min-width:640px){.sm\:-mt-28{margin-top:-7rem}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:text-9xl{font-size:8rem;line-height:1}}@media (min-width:768px){.md\:invisible{visibility:hidden}.md\:relative{position:relative}.md\:top-4{top:1rem}.md\:my-0{margin-bottom:0;margin-top:0}.md\:my-auto{margin-bottom:auto;margin-top:auto}.md\:my-10{margin-bottom:2.5rem;margin-top:2.5rem}.md\:my-20{margin-bottom:5rem;margin-top:5rem}.md\:-mt-34{margin-top:-8.5rem}.md\:mt-10{margin-top:2.5rem}.md\:mb-20{margin-bottom:5rem}.md\:mb-0{margin-bottom:0}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-140{height:35rem}.md\:h-auto{height:auto}.md\:h-40{height:10rem}.md\:h-36{height:9rem}.md\:h-56{height:14rem}.md\:h-3\/4{height:75%}.md\:w-0{width:0}.md\:w-96{width:24rem}.md\:w-2\/5{width:40%}.md\:w-3\/5{width:60%}.md\:w-auto{width:auto}.md\:w-140{width:35rem}.md\:w-36{width:9rem}.md\:w-56{width:14rem}.md\:w-full{width:100%}.md\:w-128{width:32rem}.md\:max-w-3xl{max-width:48rem}.md\:translate-y-0{--tw-translate-y:0px;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:gap-0{gap:0}.md\:gap-32{gap:8rem}.md\:gap-8{gap:2rem}.md\:overflow-hidden{overflow:hidden}.md\:overflow-clip{overflow:clip}.md\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md\:bg-transparent{background-color:initial}.md\:p-20{padding:5rem}.md\:p-10{padding:2.5rem}.md\:py-0{padding-bottom:0;padding-top:0}.md\:px-0{padding-left:0;padding-right:0}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:text-10xl{font-size:10rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:opacity-0{opacity:0}.md\: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)}.md\:line-clamp-1{-webkit-line-clamp:1}.md\:line-clamp-1,.md\:line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.md\:line-clamp-3{-webkit-line-clamp:3}.group:hover .md\:group-hover\:visible{visibility:visible}.group:hover .md\:group-hover\:w-48{width:12rem}.group:hover .md\:group-hover\:opacity-100{opacity:1}}@media (min-width:1024px){.lg\:-mx-10{margin-left:-2.5rem;margin-right:-2.5rem}.lg\:w-128{width:32rem}.lg\:max-w-sm{max-width:24rem}.lg\:flex-row{flex-direction:row}}@media (min-width:1280px){.xl\:mx-0{margin-left:0;margin-right:0}.xl\:mt-8{margin-top:2rem}.xl\:ml-0{margin-left:0}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}html{scroll-behavior:smooth}.text,span{display:block}.text{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(blue,green);-webkit-background-clip:text;text-shadow:0 0 #00000000}.ais-SearchBox-input{border-radius:.75rem;height:3.5rem;padding-left:1rem;padding-right:1rem;width:100%}.ais-SearchBox-input:focus{outline:none}.ais-SearchBox-loadingIndicator,.ais-SearchBox-reset,.ais-SearchBox-resetIcon,.ais-SearchBox-submitIcon{display:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.ais-Highlight{color:#000}
/*# sourceMappingURL=main.087eb3ab.css.map*/

:root {
  --unimix-ink: #0f172a;
  --unimix-navy: #10243c;
  --unimix-deep: #153a55;
  --unimix-gold: #e3b23c;
  --unimix-gold-soft: #f6d46f;
  --unimix-cyan: #0f8ea8;
  --unimix-green: #3fbf9d;
  --unimix-cream: #f7f3ea;
  --unimix-sand: #ece3d3;
  --unimix-mist: #edf4f3;
  --unimix-line: rgba(16, 36, 60, 0.12);
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-400.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-600.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-800.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-500.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-600.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/cormorant-garamond-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at top left, rgba(63,191,157,0.16), transparent 24rem),
    radial-gradient(circle at top right, rgba(227,178,60,0.12), transparent 24rem),
    var(--unimix-cream);
  color: var(--unimix-ink);
  font-family: "Manrope", sans-serif;
}

a {
  color: inherit;
}

.site-shell {
  min-height: 100vh;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(18px);
  background: rgba(247, 243, 234, 0.82);
  border-bottom: 1px solid rgba(16, 36, 60, 0.08);
}

.site-nav {
  max-width: 1180px;
  margin: 0 auto;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.site-nav__logo {
  width: 8.75rem;
}

.site-nav__links {
  display: flex;
  align-items: center;
  gap: 1.35rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.site-nav__link {
  font-size: 0.95rem;
  color: rgba(15, 23, 42, 0.75);
  transition: color 180ms ease;
}

.site-nav__link:hover {
  color: var(--unimix-deep);
}

.site-cta,
.site-cta--ghost,
.contact-chip,
.post-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 999px;
  padding: 0.9rem 1.35rem;
  font-weight: 700;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.site-cta,
.post-hero__cta {
  color: white;
  background: linear-gradient(135deg, var(--unimix-gold), #c98d12);
  box-shadow: 0 16px 35px rgba(201, 141, 18, 0.22);
}

.site-cta:hover,
.site-cta--ghost:hover,
.contact-chip:hover,
.post-hero__cta:hover {
  transform: translateY(-1px);
}

.site-cta--ghost {
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.1);
  color: white;
}

.page-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 1.25rem 5rem;
}

.hero {
  position: relative;
  overflow: hidden;
  margin-top: 1.5rem;
  padding: 5rem 0 2rem;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 1rem 0 auto;
  height: 38rem;
  border-radius: 2.2rem;
  background:
    linear-gradient(130deg, rgba(16,36,60,0.94), rgba(15,142,168,0.86) 52%, rgba(63,191,157,0.86)),
    linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0));
  box-shadow: 0 26px 70px rgba(16, 36, 60, 0.2);
}

.hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
  gap: 2.5rem;
  align-items: center;
  padding: 4rem 3rem 3rem;
}

.hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.9);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.hero__title,
.section-heading,
.audience-card__title,
.lead-card__title,
.post-hero__title {
  font-family: "Cormorant Garamond", serif;
}

.hero__title {
  margin: 1.35rem 0 1rem;
  color: white;
  font-size: clamp(2.85rem, 5.2vw, 4.9rem);
  line-height: 0.98;
  letter-spacing: -0.03em;
}

.hero__title-accent,
.section-heading em,
.post-hero__title em {
  color: var(--unimix-gold-soft);
  font-style: italic;
}

.hero__copy,
.section-copy,
.audience-card__copy,
.service-card__copy,
.about-panel__copy,
.lead-card__copy,
.insights-callout p {
  color: rgba(255,255,255,0.84);
  font-size: 1.08rem;
  line-height: 1.75;
  max-width: 42rem;
}

.hero__copy {
  max-width: 38rem;
}

.hero__actions {
  display: flex;
  gap: 0.9rem;
  flex-wrap: wrap;
  margin-top: 1.7rem;
}

.hero__proof {
  margin-top: 1.7rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.hero__proof span,
.proof-bar__item,
.insights-callout ul li,
.contact-list__item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.hero__proof span {
  border-radius: 999px;
  padding: 0.65rem 0.95rem;
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.9);
  font-size: 0.92rem;
}

.hero__panel {
  position: relative;
  min-height: 32rem;
}

.hero__image-frame {
  position: absolute;
  inset: 2rem 0 0 0;
  overflow: hidden;
  border-radius: 2rem;
  box-shadow: 0 24px 60px rgba(6, 17, 28, 0.34);
}

.hero__image-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15,23,42,0.05), rgba(15,23,42,0.4));
}

.hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero__stat,
.hero__note {
  position: absolute;
  max-width: 16rem;
  padding: 1rem 1.1rem;
  border-radius: 1.3rem;
  background: rgba(247, 243, 234, 0.92);
  color: var(--unimix-ink);
  box-shadow: 0 18px 38px rgba(16, 36, 60, 0.16);
}

.hero__stat {
  top: 0;
  left: -1rem;
}

.hero__note {
  right: -0.75rem;
  bottom: 0.5rem;
}

.hero__stat strong,
.hero__note strong {
  display: block;
  font-size: 1.65rem;
  line-height: 1;
  color: var(--unimix-deep);
}

.section-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  background: rgba(16, 58, 85, 0.08);
  color: var(--unimix-deep);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.section-block {
  padding-top: 4.5rem;
}

.section-header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 46rem;
  margin-bottom: 2rem;
}

.section-heading {
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 0.98;
  color: var(--unimix-ink);
}

.section-copy {
  color: rgba(15, 23, 42, 0.72);
}

.proof-bar {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.proof-bar__item {
  border: 1px solid var(--unimix-line);
  border-radius: 1.25rem;
  padding: 1rem 1.1rem;
  background: rgba(255,255,255,0.68);
  color: rgba(15, 23, 42, 0.76);
  min-height: 100%;
}

.proof-bar__item strong {
  display: block;
  color: var(--unimix-deep);
  font-size: 1rem;
}

.audience-grid,
.catalog-grid,
.industry-grid,
.lead-grid,
.footer-grid {
  display: grid;
  gap: 1.35rem;
}

.audience-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.audience-card,
.about-panel,
.services-panel,
.lead-card,
.insights-callout,
.footer-panel {
  border-radius: 1.8rem;
  border: 1px solid var(--unimix-line);
  background: rgba(255,255,255,0.74);
  box-shadow: 0 18px 45px rgba(16, 36, 60, 0.07);
}

.audience-card {
  padding: 1.6rem;
}

.audience-card--dark {
  background: linear-gradient(160deg, var(--unimix-navy), #0c4e63);
}

.audience-card--dark .audience-card__eyebrow,
.audience-card--dark .audience-card__title,
.audience-card--dark .audience-card__copy,
.audience-card--dark .audience-card__list li {
  color: white;
}

.audience-card__eyebrow,
.service-card__label,
.catalog-column__meta,
.lead-card__eyebrow,
.insights-callout__eyebrow,
.footer-panel__eyebrow {
  color: var(--unimix-cyan);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.74rem;
  font-weight: 800;
}

.audience-card__title {
  margin-top: 0.8rem;
  font-size: 2.2rem;
  color: var(--unimix-ink);
}

.audience-card__copy {
  margin-top: 0.85rem;
  color: rgba(15, 23, 42, 0.74);
}

.audience-card__list {
  margin: 1rem 0 1.3rem;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.7rem;
}

.audience-card__list li::before,
.about-list li::before,
.contact-list li::before,
.insights-callout ul li::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--unimix-gold), var(--unimix-green));
  flex: none;
}

.catalog-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.catalog-column {
  padding: 1.6rem;
  border-radius: 1.8rem;
  background: rgba(255,255,255,0.74);
  border: 1px solid var(--unimix-line);
  box-shadow: 0 18px 45px rgba(16, 36, 60, 0.07);
}

.catalog-column__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.35rem;
}

.catalog-column__heading h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 2.5rem;
  color: var(--unimix-ink);
}

.catalog-column__meta {
  color: rgba(15, 23, 42, 0.52);
}

.catalog-column > p {
  color: rgba(15, 23, 42, 0.7);
  margin-bottom: 1rem;
}

.product-grid {
  display: grid;
  gap: 1rem;
}

.product-card {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr);
  gap: 1rem;
  border-radius: 1.4rem;
  padding: 1rem;
  background: linear-gradient(180deg, rgba(237,244,243,0.78), rgba(255,255,255,0.96));
  border: 1px solid rgba(16, 36, 60, 0.08);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 45px rgba(16, 36, 60, 0.1);
  border-color: rgba(15, 142, 168, 0.18);
}

.product-card__media {
  display: flex;
  align-items: start;
  justify-content: center;
}

.product-card__image {
  width: 6rem;
  height: 6rem;
  border-radius: 1.45rem;
  object-fit: cover;
  box-shadow: 0 14px 30px rgba(16, 36, 60, 0.14);
}

.product-card__eyebrow {
  color: var(--unimix-cyan);
  font-size: 0.75rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-weight: 800;
}

.product-card__title {
  margin-top: 0.45rem;
  font-size: 1.45rem;
  line-height: 1.1;
  color: var(--unimix-deep);
  font-weight: 800;
}

.product-card__bullets {
  margin-top: 0.9rem;
  display: grid;
  gap: 0.55rem;
}

.product-card__bullet {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  color: rgba(15, 23, 42, 0.7);
  font-size: 0.93rem;
}

.product-card__bullet-icon {
  width: 1.9rem;
  height: 1.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(227,178,60,0.22), rgba(63,191,157,0.25));
  flex: none;
}

.product-card__bullet-icon img {
  width: 1rem;
  height: 1rem;
}

.product-card__summary {
  color: rgba(15, 23, 42, 0.7);
}

.product-card__link {
  margin-top: 0.85rem;
  display: inline-flex;
  color: var(--unimix-deep);
  font-weight: 700;
}

.about-grid,
.services-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 1.35rem;
  align-items: stretch;
}

.about-panel,
.services-panel {
  padding: 1.6rem;
}

.about-image,
.services-image,
.post-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.45rem;
}

.about-panel__copy {
  color: rgba(15, 23, 42, 0.74);
  margin-top: 0.9rem;
}

.about-list,
.contact-list,
.insights-callout ul {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 0.85rem;
}

.about-list li,
.contact-list li,
.insights-callout ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  color: rgba(15, 23, 42, 0.72);
}

.services-panel__stack {
  display: grid;
  gap: 0.9rem;
}

.service-card {
  padding: 1rem 1.05rem;
  border-radius: 1.15rem;
  background: linear-gradient(180deg, rgba(16,36,60,0.03), rgba(15,142,168,0.08));
  border: 1px solid rgba(16, 36, 60, 0.08);
}

.service-card__copy {
  margin-top: 0.5rem;
  color: rgba(15, 23, 42, 0.72);
}

.industry-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.industry-card {
  padding: 1.35rem;
  border-radius: 1.4rem;
  background: rgba(255,255,255,0.74);
  border: 1px solid var(--unimix-line);
}

.industry-card strong {
  display: block;
  font-size: 1.1rem;
  color: var(--unimix-deep);
}

.industry-card p {
  margin-top: 0.7rem;
  color: rgba(15, 23, 42, 0.7);
  line-height: 1.65;
}

.lead-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lead-card {
  padding: 1.5rem;
}

.lead-card__title {
  margin-top: 0.65rem;
  font-size: 2rem;
  color: var(--unimix-ink);
}

.lead-card__copy {
  margin-top: 0.75rem;
  color: rgba(15, 23, 42, 0.72);
}

.lead-form {
  margin-top: 1.2rem;
  display: grid;
  gap: 0.8rem;
}

.lead-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

.lead-form input,
.lead-form textarea {
  width: 100%;
  border-radius: 1rem;
  border: 1px solid rgba(16, 36, 60, 0.12);
  background: rgba(255,255,255,0.92);
  padding: 0.92rem 1rem;
  color: var(--unimix-ink);
}

.lead-form textarea {
  min-height: 7rem;
  resize: vertical;
}

.contact-stack {
  margin-top: 1.2rem;
  display: grid;
  gap: 0.8rem;
}

.contact-chip {
  width: fit-content;
  color: white;
  background: linear-gradient(135deg, var(--unimix-deep), var(--unimix-cyan));
}

.insights-callout {
  padding: 1.35rem 1.5rem;
  display: grid;
  grid-template-columns: 1.3fr 0.8fr;
  gap: 1rem;
  align-items: center;
}

.insights-callout p,
.insights-callout ul li {
  color: rgba(15, 23, 42, 0.72);
}

.footer-grid {
  grid-template-columns: 1.2fr 0.7fr 0.9fr;
  padding: 0 1.25rem 4rem;
}

.footer-panel {
  padding: 1.4rem;
}

.footer-panel strong {
  display: block;
  margin-top: 0.55rem;
  color: var(--unimix-deep);
}

.footer-panel p,
.footer-panel a {
  color: rgba(15, 23, 42, 0.72);
}

.post-shell {
  padding: 0 1.25rem 4rem;
}

.post-hero {
  margin: 2rem auto 0;
  max-width: 1180px;
  padding: 2rem;
  border-radius: 2rem;
  background: linear-gradient(135deg, rgba(16,36,60,0.96), rgba(15,142,168,0.9));
  color: white;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.75fr);
  gap: 1.8rem;
  align-items: center;
  box-shadow: 0 26px 70px rgba(16, 36, 60, 0.2);
}

.post-hero__label {
  color: rgba(255,255,255,0.72);
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
}

.post-hero__title {
  margin-top: 0.8rem;
  font-size: clamp(2.8rem, 5vw, 4.2rem);
  line-height: 0.96;
  color: white;
}

.post-hero__copy {
  margin-top: 1rem;
  max-width: 38rem;
  color: rgba(255,255,255,0.84);
  line-height: 1.75;
  font-size: 1.02rem;
}

.post-hero__image-wrap {
  min-height: 23rem;
}

.post-main {
  max-width: 1180px;
  margin: 1.5rem auto 0;
}

.article-card {
  border-radius: 1.8rem;
  background: rgba(255,255,255,0.78);
  border: 1px solid var(--unimix-line);
  box-shadow: 0 18px 45px rgba(16, 36, 60, 0.08);
  padding: 1.4rem;
}

.article-content {
  max-width: 56rem;
  margin: 0 auto;
  padding: 0.4rem;
}

.article-hero {
  position: relative;
}

.article-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.2), transparent 30%),
    linear-gradient(135deg, rgba(8,145,178,0.95), rgba(52,211,153,0.95));
  pointer-events: none;
}

.article-hero > * {
  position: relative;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-weight: 800;
  color: #0f172a;
}

.article-content h1 {
  font-size: 2.25rem;
}

.article-content h2 {
  font-size: 1.75rem;
}

.article-content h3 {
  font-size: 1.4rem;
}

.article-content h4 {
  font-size: 1.1rem;
}

.article-content p,
.article-content li {
  color: #334155;
  line-height: 1.7;
}

.article-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.25rem 0;
  font-size: 0.95rem;
}

.article-content th,
.article-content td {
  border: 1px solid #cbd5e1;
  padding: 0.65rem 0.8rem;
  vertical-align: top;
}

.article-content th {
  background: #eff6ff;
  color: #0f172a;
  font-weight: 700;
}

.article-content img {
  max-width: 100%;
  border-radius: 1rem;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
  margin: 1.25rem 0;
}

.article-content ul,
.article-content ol {
  margin: 1rem 0 1rem 1.5rem;
}

.article-content ul {
  list-style: disc;
}

.article-content ol {
  list-style: decimal;
}

@media (max-width: 767px) {
  .site-nav,
  .hero__grid,
  .audience-grid,
  .catalog-grid,
  .about-grid,
  .services-grid,
  .industry-grid,
  .lead-grid,
  .insights-callout,
  .footer-grid,
  .post-hero,
  .lead-form__row {
    grid-template-columns: 1fr;
  }

  .site-nav {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-nav__links {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .site-nav__link,
  .site-cta {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 0.82rem;
    min-height: 2.75rem;
  }

  .hero {
    padding-top: 2rem;
  }

  .hero::before {
    inset: 0;
    height: auto;
    border-radius: 1.6rem;
  }

  .hero__grid {
    padding: 2.25rem 1.35rem 1.5rem;
  }

  .hero__panel {
    min-height: 22rem;
  }

  .hero__image-frame {
    inset: 1rem 0 0 0;
  }

  .hero__stat,
  .hero__note {
    position: static;
    max-width: none;
    margin-top: 0.9rem;
  }

  .proof-bar {
    grid-template-columns: 1fr 1fr;
  }

  .hero__proof {
    gap: 0.45rem;
  }

  .hero__proof span {
    font-size: 0.8rem;
    padding: 0.55rem 0.72rem;
  }

  .page-wrap,
  .post-shell {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-block {
    padding-top: 3.4rem;
  }

  .product-card {
    grid-template-columns: 1fr;
  }

  .product-card__image {
    width: 100%;
    height: 12rem;
  }

  .post-hero {
    padding: 1.35rem;
  }

  .post-hero__image-wrap {
    min-height: auto;
  }

  .footer-grid {
    padding-bottom: 2rem;
  }

  .article-content table {
    display: block;
    overflow-x: auto;
  }
}


@keyframes u-rise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.u-shell {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(63, 191, 157, 0.1), transparent 32rem),
    radial-gradient(circle at top right, rgba(227, 178, 60, 0.08), transparent 26rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(247, 243, 234, 0.96));
}

:root {
  --u-nav-overlay-height: 5.25rem;
}

.u-icon-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.u-ico {
  width: 1.05rem;
  height: 1.05rem;
  flex: none;
  color: currentColor;
}

.u-ico--sm {
  width: 0.9rem;
  height: 0.9rem;
}

.u-ico--lg {
  width: 1.12rem;
  height: 1.12rem;
}

.u-home,
.u-post {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 1.25rem 4.5rem;
}

.u-header {
  position: sticky;
  top: 0;
  z-index: 80;
  backdrop-filter: blur(18px);
  background: linear-gradient(180deg, rgba(8, 25, 39, 0.62), rgba(8, 25, 39, 0.42));
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.u-nav {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0.82rem 1.25rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
}

.u-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  text-decoration: none;
}

.u-brand__logo {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.u-brand__text {
  display: grid;
  gap: 0.15rem;
}

.u-brand__text strong {
  font-size: 1rem;
  letter-spacing: 0.24em;
  color: var(--unimix-deep);
}

.u-brand__text span {
  font-size: 0.78rem;
  color: rgba(15, 23, 42, 0.58);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.u-header .u-brand__text strong {
  color: rgba(240, 247, 252, 0.96);
}

.u-header .u-brand__text span {
  color: rgba(226, 237, 245, 0.82);
}

.u-nav__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.15rem;
}

.u-nav__links a,
.u-footer__links a,
.u-link {
  text-decoration: none;
  color: rgba(15, 23, 42, 0.72);
  transition: color 180ms ease;
}

.u-nav__links a {
  position: relative;
  padding-bottom: 0.15rem;
}

.u-header .u-nav__links a {
  color: rgba(236, 244, 252, 0.88);
}

.u-nav > .u-button--small {
  justify-self: end;
}

.u-nav__links a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.08rem;
  height: 0.12rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--unimix-gold), var(--unimix-cyan));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 180ms ease;
}

.u-nav__links a:hover,
.u-footer__links a:hover,
.u-link:hover {
  color: var(--unimix-deep);
}

.u-header .u-nav__links a:hover {
  color: white;
}

.u-nav__links a:hover::after {
  transform: scaleX(1);
}

.u-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 3.2rem;
  padding: 0.95rem 1.35rem;
  border-radius: 999px;
  border: 1px solid transparent;
  background: linear-gradient(135deg, #f1c860, #cf9620);
  color: #10243c;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-decoration: none;
  box-shadow: 0 18px 32px rgba(201, 141, 18, 0.2);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.u-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 36px rgba(201, 141, 18, 0.24);
}

.u-button--small {
  min-height: 2.85rem;
  padding: 0.8rem 1.1rem;
}

.u-button--ghost {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.26);
  color: white;
  box-shadow: none;
}

.u-button--ink {
  background: linear-gradient(135deg, #10243c, #17607d);
  color: white;
  box-shadow: 0 18px 32px rgba(16, 36, 60, 0.18);
}

.u-button--ghost:hover {
  box-shadow: none;
}

.u-hero,
.u-section,
.u-proof-strip,
.u-post-hero,
.u-post__body {
  scroll-margin-top: 8rem;
}

.u-hero {
  position: relative;
  overflow: hidden;
  margin-top: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.05rem;
  border-radius: 0 0 2.4rem 2.4rem;
  padding-top: calc(var(--u-nav-overlay-height) + clamp(0.7rem, 1.3vw, 1.05rem));
  padding-bottom: clamp(1rem, 1.4vw, 1.4rem);
  padding-left: max(1.1rem, calc((100vw - 1240px) / 2 + 1.25rem));
  padding-right: max(1.1rem, calc((100vw - 1240px) / 2 + 1.25rem));
  min-height: 50svh;
  background-color: #0f3952;
  background:
    linear-gradient(112deg, rgba(8, 24, 38, 0.78) 0 34%, rgba(8, 24, 38, 0.56) 48%, rgba(9, 34, 51, 0.44) 66%, rgba(9, 34, 51, 0.62) 100%),
    var(--u-hero-bg-image, linear-gradient(135deg, #0c1830, #0f4260 54%, #117690));
  background-size: cover;
  background-position: center;
  box-shadow: 0 34px 80px rgba(8, 22, 35, 0.26);
}

.u-home > .u-hero {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: calc(-1 * var(--u-nav-overlay-height));
}

.u-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 86% 16%, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 34%),
    radial-gradient(circle at 18% 86%, rgba(63, 191, 157, 0.24), rgba(63, 191, 157, 0) 40%);
  pointer-events: none;
}

.u-hero__copy,
.u-hero__panel,
.u-section,
.u-post-hero,
.u-post__body {
  position: relative;
  z-index: 1;
  animation: u-rise 720ms ease both;
}

.u-hero__copy {
  align-self: start;
  max-width: 48rem;
  margin-top: clamp(0.22rem, 0.8vw, 0.56rem);
  padding: clamp(0.72rem, 1.05vw, 0.98rem);
  border-radius: 1.7rem;
  background: linear-gradient(180deg, rgba(7, 26, 41, 0.5), rgba(7, 26, 41, 0.27));
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 14px 28px rgba(6, 18, 30, 0.18);
  backdrop-filter: blur(1.5px);
}

.u-meta-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.u-meta-strip span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.44rem 0.72rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.u-hero__trustline {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.52rem;
  padding: 0.56rem 0.92rem;
  border-radius: 999px;
  background: rgba(7, 26, 41, 0.64);
  border: 1px solid rgba(255, 255, 255, 0.26);
  color: rgba(242, 248, 252, 0.96);
  font-family: "Manrope", sans-serif;
  font-size: clamp(0.96rem, 1.38vw, 1.14rem);
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  line-height: 1.15;
}

.u-hero__trustline .u-ico {
  color: #f7d88e;
  width: 1rem;
  height: 1rem;
}

.u-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  background: rgba(16, 58, 85, 0.08);
  color: var(--unimix-deep);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.u-kicker--light {
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.84);
}

.u-hero__title,
.u-section__heading h2,
.u-service-banner__copy h2,
.u-contact__primary h2,
.u-newsletter h2,
.u-post-hero__copy h1,
.u-post__aside h3 {
  font-family: "Cormorant Garamond", serif;
}

.u-hero__title {
  margin-top: 0.48rem;
  font-size: clamp(2.45rem, 4.8vw, 4rem);
  line-height: 0.9;
  letter-spacing: -0.04em;
  color: white;
}

.u-hero__title span,
.u-section__heading h2 em,
.u-post-hero__copy h1 em {
  color: #f7d88e;
  font-style: italic;
}

.u-hero__lede,
.u-section__heading p,
.u-service-banner__copy > p,
.u-contact__primary > p,
.u-inquiry p,
.u-newsletter p,
.u-post-hero__copy > p,
.u-post__aside p,
.u-footer__brand p {
  margin-top: 1rem;
  font-size: 1.02rem;
  line-height: 1.78;
}

.u-hero__lede,
.u-post-hero__copy > p {
  max-width: 40rem;
  color: rgba(255, 255, 255, 0.84);
}

.u-hero__lede {
  margin-top: 0.42rem;
  font-size: 0.95rem;
  line-height: 1.48;
}

.u-core {
  font-weight: 800;
  color: var(--unimix-deep);
  letter-spacing: 0.01em;
}

.u-hero__lede .u-core,
.u-post-hero__copy > p .u-core,
.u-contact__primary > p .u-core,
.u-post__aside p .u-core,
.u-footer__brand p .u-core {
  color: #f7d88e;
}

.u-hero__actions,
.u-contact__actions,
.u-post-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.72rem;
  margin-top: 0.78rem;
}

.u-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.68rem;
}

.u-hero__chips span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.44rem 0.68rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.82rem;
}

.u-hero__panel {
  position: absolute;
  right: max(1.1rem, calc((100vw - 1240px) / 2 + 1.25rem));
  bottom: clamp(1rem, 1.7vw, 1.5rem);
  width: clamp(18rem, 24vw, 22rem);
  display: grid;
  align-content: start;
  gap: 0.72rem;
  z-index: 2;
}

.u-hero__panel-card {
  padding: 0.86rem 0.9rem;
  border-radius: 1.25rem;
  background: rgba(248, 245, 237, 0.86);
  border: 1px solid rgba(255, 255, 255, 0.42);
  box-shadow: 0 14px 24px rgba(5, 18, 31, 0.14);
  backdrop-filter: blur(2px);
}

.u-hero__panel-card .u-kicker {
  background: rgba(16, 58, 85, 0.09);
}

.u-hero__panel-card p {
  margin-top: 0.42rem;
  line-height: 1.48;
  color: rgba(15, 23, 42, 0.76);
}

.u-hero__panel-card .u-core {
  color: var(--unimix-deep);
}

.u-hero__visual {
  padding: 0.2rem;
}

.u-collage {
  position: relative;
  min-height: 28.8rem;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(11rem, 0.85fr);
  grid-template-rows: minmax(11rem, 1fr) minmax(10rem, 0.75fr);
  gap: 1rem;
}

.u-collage__panel,
.u-about__image,
.u-service-banner__image,
.u-post-hero__image,
.u-post__aside,
.u-path-card,
.u-about-card,
.u-proof-card,
.u-shelf,
.u-service-card,
.u-contact__primary,
.u-contact-card,
.u-contact__secondary,
.u-inquiry,
.u-newsletter,
.u-footer,
.u-article-card {
  border: 1px solid rgba(16, 36, 60, 0.08);
  box-shadow: 0 22px 50px rgba(16, 36, 60, 0.08);
}

.u-collage__panel {
  overflow: hidden;
  border-radius: 1.8rem;
  background: rgba(255, 255, 255, 0.06);
}

.u-collage__panel--main {
  grid-row: 1 / span 2;
}

.u-collage__panel img,
.u-about__image img,
.u-service-banner__image img,
.u-post-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.u-product-card__image {
  position: relative;
  z-index: 1;
  width: 3.95rem;
  height: 3.95rem;
  object-fit: cover;
  border-radius: 999px;
  box-shadow: 0 14px 26px rgba(15, 23, 42, 0.14);
  background: white;
}

.u-collage__card {
  position: absolute;
  max-width: 14rem;
  padding: 1rem 1.05rem;
  border-radius: 1.35rem;
  background: rgba(247, 243, 234, 0.9);
  color: var(--unimix-ink);
  box-shadow: 0 20px 34px rgba(6, 16, 27, 0.24);
  line-height: 1.55;
}

.u-collage__card strong {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--unimix-deep);
}

.u-collage__card--top {
  left: -0.5rem;
  top: 1.15rem;
}

.u-collage__card--bottom {
  right: -0.3rem;
  bottom: 1rem;
}

.u-proof-strip {
  position: relative;
  z-index: 2;
  margin: 1.2rem 0.9rem 0;
  display: grid;
  grid-template-columns: 1.18fr 1fr 1fr 1fr;
  gap: 0.62rem;
}

.u-path-grid {
  margin-top: 1.9rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.82rem;
}

.u-proof-card {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  padding: 0.82rem 0.9rem 0.8rem;
  border-radius: 1.45rem;
  background:
    radial-gradient(circle at top right, rgba(15, 142, 168, 0.08), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 243, 234, 0.92));
}

.u-proof-card::after {
  content: "";
  position: absolute;
  top: -1.4rem;
  right: -1rem;
  width: 6rem;
  height: 6rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(15, 142, 168, 0.14), rgba(15, 142, 168, 0) 68%);
  pointer-events: none;
}

.u-proof-card:first-child {
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 10rem),
    linear-gradient(135deg, #10243c, #15556c 60%, #1b8b9e);
}

.u-proof-card:first-child::after {
  top: auto;
  right: auto;
  bottom: -1.5rem;
  left: -1.1rem;
  background: radial-gradient(circle, rgba(247, 216, 142, 0.18), rgba(247, 216, 142, 0) 72%);
}

.u-proof-card:first-child span,
.u-proof-card:first-child strong,
.u-proof-card:first-child p {
  color: white;
}

.u-proof-card:first-child span {
  color: rgba(255, 255, 255, 0.74);
}

.u-proof-card:first-child strong {
  color: #f7d88e;
}

.u-proof-card > span,
.u-product-card__eyebrow,
.u-service-card__label,
.u-shelf__meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.34rem;
  color: var(--unimix-cyan);
  font-size: 0.76rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
}

.u-proof-card > span .u-ico,
.u-product-card__eyebrow .u-ico,
.u-service-card__label .u-ico,
.u-shelf__meta span .u-ico,
.u-kicker .u-ico {
  width: 0.94rem;
  height: 0.94rem;
}

.u-proof-card strong {
  display: block;
  margin-top: 0.35rem;
  color: var(--unimix-deep);
  font-size: 1rem;
  line-height: 1.2;
}

.u-proof-card p {
  margin-top: 0.22rem;
  color: rgba(15, 23, 42, 0.68);
  font-size: 0.95rem;
  line-height: 1.48;
}

.u-path-card {
  display: grid;
  align-content: start;
  gap: 0.72rem;
  padding: 1.2rem;
  border-radius: 1.8rem;
  background: linear-gradient(180deg, rgba(247, 251, 251, 0.94), rgba(255, 255, 255, 0.98));
}

.u-path-card--buyer {
  background:
    radial-gradient(circle at top right, rgba(15, 142, 168, 0.1), transparent 12rem),
    linear-gradient(180deg, rgba(247, 251, 251, 0.94), rgba(255, 255, 255, 0.98));
}

.u-path-card--supplier {
  background:
    radial-gradient(circle at top right, rgba(227, 178, 60, 0.12), transparent 12rem),
    linear-gradient(180deg, rgba(250, 246, 236, 0.94), rgba(255, 255, 255, 0.98));
}

.u-path-card h2 {
  margin-top: 0.1rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.3rem, 4vw, 3.4rem);
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: var(--unimix-ink);
}

.u-path-card h2 em {
  color: #d6aa3c;
  font-style: italic;
}

.u-path-card p {
  color: rgba(15, 23, 42, 0.72);
  line-height: 1.72;
}

.u-path-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.u-path-card__chips span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.38rem 0.72rem;
  border-radius: 999px;
  background: rgba(16, 58, 85, 0.08);
  color: rgba(15, 23, 42, 0.72);
  font-size: 0.82rem;
}

.u-section {
  padding-top: 4.45rem;
}

.u-section--tight {
  padding-top: 3.4rem;
}

.u-section--compact {
  padding-top: 3.55rem;
}

.u-section__heading {
  max-width: 48rem;
}

.u-section__heading--split {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.68fr);
  gap: 0.75rem 1rem;
  align-items: start;
}

.u-section__heading--split > p {
  max-width: 21.5rem;
  justify-self: start;
  margin: 0.2rem 0 0;
}

.u-section__heading h2,
.u-service-banner__copy h2,
.u-contact__primary h2,
.u-newsletter h2,
.u-post-hero__copy h1 {
  margin-top: 0.55rem;
  font-size: clamp(2.35rem, 4vw, 3.7rem);
  line-height: 0.94;
  letter-spacing: -0.03em;
  color: var(--unimix-ink);
}

.u-about {
  margin-top: 0.72rem;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: 0.8rem;
  align-items: start;
}

.u-about__image {
  overflow: hidden;
  border-radius: 2rem;
  min-height: 20rem;
}

.u-about__cards {
  display: grid;
  gap: 0.65rem;
}

.u-about-panel {
  padding: 1rem 1.1rem;
  border-radius: 1.65rem;
  background:
    radial-gradient(circle at top right, rgba(15, 142, 168, 0.08), transparent 11rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 244, 235, 0.96));
}

.u-about-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.u-about-list li {
  position: relative;
  padding-left: 1.7rem;
  color: rgba(15, 23, 42, 0.74);
  line-height: 1.65;
}

.u-about-list li::before {
  content: "";
  position: absolute;
  left: 0.15rem;
  top: 0.38rem;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 0.28rem;
  background: linear-gradient(135deg, #1fb6be, #0b4d7a);
  box-shadow: 0 0 0 0.22rem rgba(31, 182, 190, 0.1);
}

.u-about-panel p,
.u-service-card__copy {
  color: rgba(15, 23, 42, 0.74);
  line-height: 1.72;
}

.u-shelf {
  margin-top: 0.4rem;
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.u-shelf__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.55rem;
  margin-bottom: 0.55rem;
}

.u-shelf__meta a {
  text-decoration: none;
  color: var(--unimix-deep);
  font-weight: 700;
}

.u-product-grid,
.u-service-grid,
.u-footer {
  display: grid;
  gap: 1rem;
}

.u-product-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 0.8rem;
}

.u-product-card {
  display: grid;
  grid-template-columns: 4.9rem minmax(0, 1fr);
  gap: 0.7rem;
  padding: 0.68rem;
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.58);
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease;
  border: 1px solid rgba(16, 36, 60, 0.08);
  box-shadow: 0 10px 24px rgba(16, 36, 60, 0.06);
  align-items: start;
}

.u-product-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(16, 36, 60, 0.1);
}

.u-product-card__media {
  position: relative;
  width: 4.6rem;
  height: 4.6rem;
  display: grid;
  place-items: center;
}

.u-product-card__body {
  display: grid;
  align-content: start;
}

.u-product-card__halo {
  position: absolute;
  inset: 0.28rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #28c6c0, #169ac3);
}

.u-product-card__title {
  margin-top: 0.18rem;
  color: #dc9f13;
  font-size: 1rem;
  line-height: 1.12;
  font-weight: 800;
}

.u-product-card__summary {
  margin-top: 0.16rem;
  color: rgba(15, 23, 42, 0.72);
  line-height: 1.42;
  font-size: 0.84rem;
}

.u-product-card__facts {
  list-style: none;
  margin: 0.3rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.16rem;
}

.u-product-card__facts li {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  color: rgba(15, 23, 42, 0.7);
  font-size: 0.78rem;
  line-height: 1.32;
}

.u-product-card__icon {
  width: 0.9rem;
  height: 0.9rem;
  object-fit: contain;
  flex: none;
}

.u-product-card__icon-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #28c6c0, #169ac3);
  flex: none;
}

.u-product-card__link {
  margin-top: 0.32rem;
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  color: #1598c8;
  font-weight: 800;
  font-size: 0.84rem;
}

.u-service-banner {
  display: grid;
  grid-template-columns: minmax(15rem, 0.72fr) minmax(0, 1fr);
  gap: 1.1rem;
  align-items: stretch;
}

.u-service-banner__copy,
.u-contact__primary {
  border-radius: 2rem;
  padding: 1.8rem;
  background: linear-gradient(135deg, #0c1830, #11385a 60%, #176f82);
  color: white;
  box-shadow: 0 30px 72px rgba(12, 24, 48, 0.18);
}

.u-service-banner__copy {
  background:
    radial-gradient(circle at top right, rgba(227, 178, 60, 0.1), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(248, 244, 235, 0.96));
  color: var(--unimix-ink);
  box-shadow: 0 22px 44px rgba(15, 23, 42, 0.08);
}

.u-service-banner__copy h2,
.u-contact__primary h2,
.u-post-hero__copy h1 {
  color: white;
}

.u-service-banner__copy h2 {
  color: var(--unimix-ink);
}

.u-service-banner__copy h2 em {
  color: #d6aa3c;
  font-style: italic;
}

.u-service-banner__copy > p,
.u-contact__primary > p,
.u-post__aside p {
  color: rgba(255, 255, 255, 0.82);
}

.u-service-banner__copy > p {
  color: rgba(15, 23, 42, 0.72);
}

.u-service-banner__image {
  order: -1;
  overflow: hidden;
  border-radius: 2rem;
  min-height: 20rem;
}

.u-service-grid {
  margin-top: 0.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.62rem;
}

.u-service-card {
  display: grid;
  align-content: start;
  gap: 0.56rem;
  min-height: 100%;
  padding: 0.7rem 0.4rem 0 0;
  border-radius: 0;
  background: transparent;
  border-top: 0;
  box-shadow: none;
}

.u-service-card:nth-child(2) {
  background: transparent;
}

.u-service-card:nth-child(3) {
  background: transparent;
}

.u-service-card__copy {
  margin-top: 0;
}

.u-service-card__tag {
  display: inline-flex;
  align-items: center;
  align-self: start;
  margin-top: auto;
  min-height: 2rem;
  padding: 0.38rem 0.72rem;
  border-radius: 999px;
  background: rgba(16, 58, 85, 0.08);
  color: rgba(15, 23, 42, 0.72);
  font-size: 0.82rem;
  font-weight: 700;
}

.u-contact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.9fr);
  gap: 0.68rem;
}

.u-contact__details {
  margin-top: 1.4rem;
  display: grid;
  gap: 0.8rem;
}

.u-contact__details a,
.u-contact__details span {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
}

.u-contact__secondary {
  display: grid;
  gap: 0.7rem;
  border-radius: 2rem;
  padding: 1.15rem;
  background:
    radial-gradient(circle at top right, rgba(15, 142, 168, 0.06), transparent 11rem),
    rgba(255, 255, 255, 0.82);
}

.u-contact__secondary--facts {
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.u-contact-card {
  position: relative;
  overflow: hidden;
  padding: 1.1rem;
  border-radius: 1.45rem;
  background: linear-gradient(180deg, rgba(247, 251, 251, 0.9), rgba(255, 255, 255, 0.98));
}

.u-contact-card:nth-child(2) {
  background: linear-gradient(180deg, rgba(249, 244, 232, 0.92), rgba(255, 255, 255, 0.98));
}

.u-contact-card__list {
  list-style: none;
  margin: 0.95rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.7rem;
}

.u-contact-card__list li {
  position: relative;
  padding-left: 1.2rem;
  color: rgba(15, 23, 42, 0.72);
  line-height: 1.65;
}

.u-contact-card__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.52rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--unimix-gold), var(--unimix-green));
}

.u-contact-card__list a {
  text-decoration: none;
  color: rgba(15, 23, 42, 0.76);
}

.u-inquiry {
  position: relative;
  overflow: hidden;
  padding: 1.35rem;
  border-radius: 1.45rem;
  background: linear-gradient(180deg, rgba(247, 251, 251, 0.9), rgba(255, 255, 255, 0.98));
}

.u-inquiry::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.28rem;
  background: linear-gradient(180deg, var(--unimix-gold), var(--unimix-cyan));
}

.u-inquiry h3,
.u-post__aside h3 {
  margin-top: 0.75rem;
  font-size: 1.6rem;
  line-height: 1.15;
  color: var(--unimix-deep);
}

.u-link {
  display: inline-flex;
  margin-top: 1rem;
  color: var(--unimix-cyan);
  font-weight: 800;
}

.u-newsletter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.9fr);
  gap: 0.75rem;
  padding: 0.95rem;
  border-radius: 2rem;
  background:
    radial-gradient(circle at top right, rgba(227, 178, 60, 0.08), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(248, 244, 235, 0.92));
}

.u-newsletter__copy,
.u-newsletter__aside {
  display: grid;
  align-content: start;
}

.u-newsletter__copy > .u-kicker,
.u-footer__links > .u-kicker,
.u-footer__contact > .u-kicker {
  justify-self: start;
}

.u-newsletter__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 0.6rem;
}

.u-newsletter__note {
  align-self: center;
  color: rgba(15, 23, 42, 0.6);
  line-height: 1.5;
}

.u-newsletter__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.7rem;
}

.u-newsletter__list li {
  position: relative;
  padding-left: 1.2rem;
  color: rgba(15, 23, 42, 0.72);
  line-height: 1.65;
}

.u-newsletter__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.52rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--unimix-gold), var(--unimix-green));
}

.u-footer__contact li {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  color: rgba(15, 23, 42, 0.72);
  line-height: 1.65;
}

.u-footer__contact li::before {
  content: "";
  flex: none;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.45rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--unimix-gold), var(--unimix-green));
}

.u-footer {
  max-width: 1240px;
  margin: 2.6rem auto 0;
  padding: 0 1.25rem 3.5rem;
  grid-template-columns: 1.1fr 0.8fr 0.9fr;
}

.u-footer__brand,
.u-footer__links,
.u-footer__contact {
  padding: 1.25rem;
  border-radius: 1.75rem;
  background: rgba(255, 255, 255, 0.76);
}

.u-footer__brand {
  background: linear-gradient(135deg, #0f2240, #15556c);
}

.u-footer__brand strong {
  display: block;
  color: white;
}

.u-footer__brand .u-kicker {
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.82);
}

.u-footer__brand p {
  color: rgba(255, 255, 255, 0.82);
}

.u-footer__links {
  display: grid;
  gap: 0.75rem;
  align-content: start;
}

.u-footer__contact {
  display: grid;
  gap: 0.75rem;
  align-content: start;
}

.u-footer__links .u-kicker,
.u-footer__contact .u-kicker {
  margin-bottom: 0.15rem;
}

.u-footer__links a {
  display: inline-flex;
  align-items: center;
  min-height: 2.45rem;
  padding: 0.5rem 0.85rem;
  border-radius: 999px;
  background: rgba(16, 58, 85, 0.06);
  color: rgba(15, 23, 42, 0.76);
}

.u-footer__contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}

.u-footer__contact li a {
  text-decoration: none;
  color: rgba(15, 23, 42, 0.72);
}

.u-post {
  padding-top: 1.4rem;
}

.u-post-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.88fr);
  gap: 1.1rem;
  padding: 1.35rem;
  border-radius: 2.2rem;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.14), transparent 24rem),
    linear-gradient(135deg, #0c1830, #0f4260 58%, #117690);
  box-shadow: 0 34px 80px rgba(12, 24, 48, 0.22);
}

.u-post-hero__copy {
  padding: 1.5rem;
}

.u-post-hero__image {
  overflow: hidden;
  border-radius: 1.9rem;
  min-height: 30rem;
}

.u-post__body {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: minmax(16rem, 0.34fr) minmax(0, 1fr);
  gap: 0.62rem;
  align-items: start;
}

.u-post__aside {
  position: sticky;
  top: 6.5rem;
  padding: 0.92rem;
  border-radius: 1.8rem;
  background: linear-gradient(135deg, #0f2240, #0f5570);
  color: white;
}

.u-post__aside a {
  text-decoration: none;
}

.u-post__aside h3 {
  color: white;
}

.u-post__aside .u-link {
  display: block;
  color: #f7d88e;
}

.u-post__aside .u-link + .u-link {
  margin-top: 0.45rem;
}

.u-article-card {
  padding: 0.9rem;
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.8);
}

.u-article-content {
  max-width: 52rem;
  margin: 0 auto;
  padding: 0.35rem;
}

.u-article-content h1,
.u-article-content h2,
.u-article-content h3,
.u-article-content h4 {
  margin-top: 1.5rem;
  margin-bottom: 0.7rem;
  color: var(--unimix-ink);
  font-weight: 800;
}

.u-article-content h1 {
  font-size: 2.1rem;
}

.u-article-content h2 {
  font-size: 1.7rem;
}

.u-article-content h3 {
  font-size: 1.35rem;
}

.u-article-content h4 {
  font-size: 1.1rem;
}

.u-article-content p,
.u-article-content li {
  color: #334155;
  line-height: 1.72;
}

.u-article-content ul,
.u-article-content ol {
  margin: 1rem 0 1rem 1.5rem;
}

.u-article-content ul {
  list-style: disc;
}

.u-article-content ol {
  list-style: decimal;
}

.u-article-content img {
  max-width: 100%;
  margin: 1.3rem 0;
  border-radius: 1.15rem;
  box-shadow: 0 20px 40px rgba(16, 36, 60, 0.12);
}

.u-article-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.25rem 0;
  font-size: 0.95rem;
}

.u-article-content th,
.u-article-content td {
  padding: 0.7rem 0.8rem;
  border: 1px solid #d7e1e8;
  vertical-align: top;
}

.u-article-content th {
  background: #eff6ff;
  color: var(--unimix-deep);
}

@media (max-width: 1080px) {
  .u-hero,
  .u-about,
  .u-service-banner,
  .u-contact,
  .u-post-hero,
  .u-post__body,
  .u-newsletter,
  .u-section__heading--split,
  .u-path-grid {
    grid-template-columns: 1fr;
  }

  .u-proof-strip {
    margin: 1.18rem 0 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.52rem;
  }

  .u-hero {
    min-height: 50svh;
    background-position: center;
    grid-template-columns: 1fr;
  }

  .u-hero__panel {
    position: static;
    width: auto;
    right: auto;
    bottom: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    z-index: 1;
  }

  .u-section {
    padding-top: 3.55rem;
  }

  .u-section--tight {
    padding-top: 2.7rem;
  }

  .u-section--compact {
    padding-top: 2.95rem;
  }

  .u-section__heading--split > p {
    max-width: 33rem;
    margin-top: 0;
  }

  .u-product-grid,
  .u-service-grid,
  .u-footer {
    grid-template-columns: 1fr;
  }

  .u-about__image,
  .u-service-banner__image,
  .u-post-hero__image {
    min-height: 24rem;
  }

  .u-post__aside {
    position: static;
  }
}

@media (max-width: 767px) {
  .u-home,
  .u-post,
  .u-footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .u-nav {
    grid-template-columns: 1fr;
    justify-items: start;
    padding: 0.64rem 0.95rem 0.7rem;
    gap: 0.38rem;
  }

  .u-header {
    position: static;
    background: rgba(247, 243, 234, 0.78);
    border-bottom: 1px solid rgba(16, 36, 60, 0.08);
  }

  .u-header .u-brand__text strong {
    color: var(--unimix-deep);
  }

  .u-header .u-brand__text span {
    color: rgba(15, 23, 42, 0.58);
  }

  .u-header .u-nav__links a,
  .u-header .u-nav__links a:hover {
    color: rgba(15, 23, 42, 0.72);
  }

  .u-brand__logo {
    width: 2.7rem;
    height: 2.7rem;
  }

  .u-brand__text strong {
    font-size: 0.92rem;
    letter-spacing: 0.18em;
  }

  .u-brand__text span {
    font-size: 0.7rem;
  }

  .u-nav__links {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.26rem;
  }

  .u-nav__links a {
    flex: none;
    min-height: auto;
    padding: 0.54rem 0.74rem;
    border: 1px solid rgba(16, 36, 60, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 10px 24px rgba(16, 36, 60, 0.06);
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
  }

  .u-nav__links a::after {
    display: none;
  }

  .u-button--small {
    width: auto;
    min-width: 10rem;
    min-height: 2.65rem;
    padding: 0.78rem 1.15rem;
  }

  .u-nav > .u-button--small {
    justify-self: start;
  }

  .u-proof-card:first-child {
    grid-column: auto;
  }

  .u-hero {
    padding: 0.92rem;
    border-radius: 1.8rem;
    min-height: 50svh;
    gap: 0.7rem;
  }

  .u-home > .u-hero {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }

  .u-hero__copy {
    padding: 0.9rem 0.75rem 0.72rem;
  }

  .u-hero__title {
    font-size: clamp(2.56rem, 14vw, 3.8rem);
  }

  .u-hero__trustline {
    margin-top: 0.45rem;
    gap: 0.42rem;
    font-size: 0.86rem;
    letter-spacing: 0.075em;
    padding: 0.5rem 0.66rem;
  }

  .u-hero__panel {
    position: static;
    width: auto;
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  .u-hero__panel-card {
    padding: 0.82rem 0.88rem;
    border-radius: 1.08rem;
  }

  .u-proof-strip,
  .u-about__cards,
  .u-product-grid,
  .u-service-grid,
  .u-newsletter,
  .u-footer {
    grid-template-columns: 1fr;
  }

  .u-proof-strip {
    margin: 1rem 0 0;
    gap: 0.45rem;
  }

  .u-section {
    padding-top: 3.2rem;
    scroll-margin-top: 1.5rem;
  }

  .u-path-grid {
    margin-top: 1.5rem;
  }

  .u-footer {
    margin-top: 2rem;
  }

  .u-proof-strip,
  .u-post-hero,
  .u-post__body {
    scroll-margin-top: 1.5rem;
  }

  .u-about__image,
  .u-service-banner__image,
  .u-post-hero__image {
    min-height: 18rem;
  }

  .u-shelf,
  .u-service-banner__copy,
  .u-contact__primary,
  .u-contact__secondary,
  .u-newsletter,
  .u-article-card {
    border-radius: 1.5rem;
  }

  .u-product-card {
    grid-template-columns: 4.2rem minmax(0, 1fr);
    gap: 0.58rem;
    padding: 0.6rem;
    border-radius: 1.05rem;
  }

  .u-product-card__media {
    width: 4.1rem;
    height: 4.1rem;
  }

  .u-product-card__image {
    width: 3.2rem;
    height: 3.2rem;
  }

  .u-product-card__title {
    font-size: 0.95rem;
  }

  .u-product-card__summary {
    font-size: 0.82rem;
  }

  .u-product-grid {
    gap: 0.56rem;
  }

  .u-shelf__meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .u-service-grid {
    gap: 0.6rem;
  }

  .u-service-card {
    padding: 0;
    gap: 0.45rem;
  }

  .u-newsletter {
    padding: 1.05rem;
    gap: 0.8rem;
  }

  .u-newsletter__actions {
    align-items: flex-start;
  }

  .u-article-content table {
    display: block;
    overflow-x: auto;
  }
}