:root{--color-primary: oklch(.15 .02 264.05);--color-accent: oklch(49.87% .04 142.43);--color-accent-content: oklch(.94 .01 65);--color-accent-hover: oklch(29.9% .02 175.43);--color-base-50: oklch(.98 .005 65);--color-base-100: oklch(.96 .008 65);--color-base-200: oklch(.94 .01 65);--color-base-300: oklch(.9 .015 65);--color-primary-50: oklch(.99 0 0);--color-primary-75: oklch(.985 0 0);--color-primary-100: oklch(.97 0 0);--color-primary-200: oklch(.92 0 0);--color-primary-300: oklch(.87 0 0);--color-primary-400: oklch(.68 0 0);--color-primary-500: oklch(.53 0 0);--color-primary-600: oklch(.42 0 0);--color-primary-700: oklch(.35 0 0);--color-primary-800: oklch(.24 0 0);--color-primary-900: oklch(.17 0 0);--color-primary-950: oklch(.15 .02 264.05);--color-surface: oklch(.98 .005 65);--color-card: oklch(1 0 0);--color-border: oklch(.92 0 0);--color-black: oklch(.15 .02 264.05);--color-white: oklch(1 0 0);--color-btn-text: oklch(.53 0 0);--color-btn-bg: oklch(.99 0 0);--color-btn-text-hover: oklch(.15 .02 264.05);--color-btn-primary-text: oklch(1 0 0);--color-btn-primary-bg: oklch(.15 .02 264.05);--color-btn-primary-text-hover: oklch(1 0 0);--color-btn-primary-bg-hover: oklch(.24 0 0);--color-green-500: #22c55e;--font-display: "DM Serif Display", Georgia, Cambria, "Times New Roman", Times, serif;--font-body: "Geist Sans", "Geist", system-ui, -apple-system, sans-serif;--content-max: 48rem;--content-wide-max: 80rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::selection{background:var(--color-black);color:var(--color-white)}body{font-family:var(--font-body);font-feature-settings:"ss01" 1,"ss02" 1,"cv01" 1;color:var(--color-black);background:var(--color-surface);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul:where(:not(.prose *)),ol:where(:not(.prose *)){list-style:none}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}.h1{font-size:3rem;font-weight:900;letter-spacing:-.05em;color:var(--color-black)}.h2{font-size:1.25rem;font-weight:400;font-style:italic;letter-spacing:.01em;color:var(--color-black);font-family:var(--font-display)}@media(min-width:768px){.h2{font-size:1.5rem}}@media(min-width:1024px){.h2{font-size:1.875rem}}.h3{font-size:1.25rem;font-weight:700;color:var(--color-black)}.h4{font-size:1rem;font-weight:700;color:var(--color-black)}.h5{font-size:.875rem;font-weight:500;color:var(--color-black);text-transform:uppercase;letter-spacing:.025em}.lead{font-size:1.125rem;line-height:1.625;color:var(--color-primary-600)}.body-sm{font-size:.875rem;color:var(--color-primary-500)}.label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;color:var(--color-primary-500)}.content{max-width:var(--content-max);margin-inline:auto;padding-inline:2rem}.content-wide{max-width:var(--content-wide-max);margin-inline:auto;padding-inline:2rem}.section{padding-block:3rem}.section-first{padding-top:8rem;padding-bottom:3rem}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.5;color:var(--color-black);background-color:var(--color-card);border-radius:9999px;box-shadow:inset 0 0 0 1px var(--color-border)}.badge-dot{width:.5rem;height:.5rem;border-radius:9999px}.badge-dot-green{background-color:var(--color-green-500);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.75rem;font-weight:500;text-align:center;color:var(--color-btn-text);background-color:var(--color-btn-bg);border-radius:9999px;position:relative;overflow:hidden;transition:color .3s,background-color .3s,transform .3s}.btn:hover{color:var(--color-btn-text-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0);transition:transform .1s}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 55%,transparent 65%);transform:translate(-100%);transition:none}.btn:hover:after{transform:translate(100%);transition:transform .7s cubic-bezier(.2,0,.2,1)}.btn-primary{color:var(--color-btn-primary-text);background-color:var(--color-btn-primary-bg);box-shadow:0 1px 2px #00000026}.btn-primary:hover{color:var(--color-btn-primary-text-hover);background-color:var(--color-btn-primary-bg-hover);box-shadow:0 4px 12px #0003}.v-card{display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;padding:1.5rem;border-radius:1.5rem;background-color:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border),0 1px 3px #0000001a,0 1px 2px -1px #0000001a;position:relative;overflow:hidden;height:100%;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.v-card:hover{box-shadow:inset 0 0 0 1px var(--color-border),0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.h-card{display:grid;grid-template-columns:1fr;gap:0;padding:.5rem;border-radius:1.5rem;background-color:var(--color-card);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;position:relative;overflow:hidden;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}@media(min-width:640px){.h-card{grid-template-columns:repeat(2,1fr)}}.h-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.card-grid{display:grid;gap:.5rem;margin-top:1.5rem}@media(min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}.prose{color:var(--color-primary-600);line-height:1.75}.prose p{margin-bottom:1.25em}.prose strong{color:var(--color-black);font-weight:600}.prose ul{list-style:disc;padding-left:1.5em;margin-bottom:1.25em}.prose ul li{margin-bottom:.5em}.prose .text-sm{font-size:.875rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fixture-holes{background-image:radial-gradient(circle,transparent 32%,rgba(255,255,255,.08) 33%,rgba(255,255,255,.03) 38%,transparent 42%),radial-gradient(circle,#08080a 0%,#0c0c0e 28%,#101012 32%,transparent 36%),repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.008) 3px,rgba(255,255,255,.008) 4px);background-size:50px 50px,50px 50px,50px 4px;background-position:25px 25px,25px 25px,0 0}.fixture-16mm{background-image:radial-gradient(circle,transparent 28%,rgba(255,255,255,.1) 30%,rgba(255,255,255,.04) 36%,transparent 40%),radial-gradient(circle,#050507 0%,#0a0a0c 26%,transparent 30%),linear-gradient(90deg,#ffffff03,#ffffff05,#ffffff03);background-size:32px 32px,32px 32px,100% 100%;background-position:16px 16px,16px 16px,0 0}.heavy-plate{background-image:repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,.04) 40px,rgba(255,255,255,.04) 41px,transparent 41px,transparent 80px,rgba(255,255,255,.025) 80px,rgba(255,255,255,.025) 81px),repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0px,transparent 20px,rgba(0,0,0,.06) 40px,rgba(255,255,255,.02) 60px),repeating-linear-gradient(95deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 3px);background-size:120px 120px,60px 60px,5px 5px}.diamond-plate{background-image:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.06) 75%,transparent 75%),linear-gradient(-45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.04) 75%,transparent 75%),linear-gradient(135deg,rgba(255,255,255,.03) 10%,transparent 10%,transparent 90%,rgba(255,255,255,.02) 90%);background-size:20px 20px,20px 20px,20px 20px;background-position:0 0,10px 10px,0 0}.perforated{background-image:radial-gradient(circle,#08080a 30%,transparent 32%),radial-gradient(circle,#08080a 30%,transparent 32%),radial-gradient(circle,transparent 28%,rgba(255,255,255,.06) 30%,rgba(255,255,255,.02) 34%,transparent 36%),radial-gradient(circle,transparent 28%,rgba(255,255,255,.06) 30%,rgba(255,255,255,.02) 34%,transparent 36%);background-size:16px 16px,16px 16px,16px 16px,16px 16px;background-position:0 0,8px 8px,0 0,8px 8px}.knurled{background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.05) 2px,rgba(255,255,255,.05) 3px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,.04) 2px,rgba(255,255,255,.04) 3px);background-size:8px 8px,8px 8px}.brushed-metal{background-image:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(255,255,255,.03) 1px,rgba(255,255,255,.03) 2px,transparent 2px,transparent 4px,rgba(255,255,255,.015) 4px,rgba(255,255,255,.015) 5px),repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0px,transparent 80px,rgba(255,255,255,.02) 160px);background-size:6px 6px,200px 200px}.expanded-metal{background-image:linear-gradient(60deg,transparent 35%,rgba(255,255,255,.07) 35%,rgba(255,255,255,.07) 38%,transparent 38%,transparent 62%,rgba(255,255,255,.07) 62%,rgba(255,255,255,.07) 65%,transparent 65%),linear-gradient(-60deg,transparent 35%,rgba(255,255,255,.05) 35%,rgba(255,255,255,.05) 38%,transparent 38%,transparent 62%,rgba(255,255,255,.05) 62%,rgba(255,255,255,.05) 65%,transparent 65%);background-size:24px 14px,24px 14px}.cross-hatch{background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(255,255,255,.03) 4px,rgba(255,255,255,.03) 5px),repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,255,255,.025) 4px,rgba(255,255,255,.025) 5px),radial-gradient(ellipse 120% 50% at 50% 50%,rgba(255,255,255,.02) 0%,transparent 70%);background-size:10px 10px,10px 10px,200px 200px}.mill-scale{background-image:radial-gradient(ellipse 40px 30px at 20% 30%,rgba(255,255,255,.04) 0%,transparent 70%),radial-gradient(ellipse 50px 40px at 70% 60%,rgba(30,30,40,.5) 0%,transparent 70%),radial-gradient(ellipse 35px 45px at 40% 80%,rgba(255,255,255,.03) 0%,transparent 60%),radial-gradient(ellipse 45px 35px at 85% 20%,rgba(20,20,30,.4) 0%,transparent 65%),repeating-linear-gradient(120deg,transparent,transparent 1px,rgba(255,255,255,.012) 1px,rgba(255,255,255,.012) 2px);background-size:120px 100px,120px 100px,120px 100px,120px 100px,4px 4px}.weld-spatter{background-image:radial-gradient(circle 2px at 15% 25%,rgba(255,255,255,.08) 0%,transparent 100%),radial-gradient(circle 1px at 45% 10%,rgba(255,255,255,.06) 0%,transparent 100%),radial-gradient(circle 3px at 70% 35%,rgba(255,255,255,.05) 0%,transparent 100%),radial-gradient(circle 1px at 30% 60%,rgba(255,255,255,.07) 0%,transparent 100%),radial-gradient(circle 2px at 85% 70%,rgba(255,255,255,.04) 0%,transparent 100%),radial-gradient(circle 1px at 55% 80%,rgba(255,255,255,.06) 0%,transparent 100%),radial-gradient(circle 2px at 10% 90%,rgba(255,255,255,.05) 0%,transparent 100%),radial-gradient(circle 1px at 90% 45%,rgba(255,255,255,.07) 0%,transparent 100%);background-size:100px 100px}.dot-grid{background-image:radial-gradient(circle,#f5f5f530 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px}.dot-grid-dense{background-image:radial-gradient(circle,#52525240 1.5px,transparent 1.5px);background-size:10px 10px}.line-grid{background-image:linear-gradient(#52525220 1px,transparent 1px),linear-gradient(90deg,#52525220 1px,transparent 1px);background-size:25px 25px}.line-grid-fine{background-image:linear-gradient(#52525215 1px,transparent 1px),linear-gradient(90deg,#52525215 1px,transparent 1px);background-size:10px 10px}.diagonal-lines{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#52525210 10px,#52525210 11px)}.mesh-gradient{background-image:radial-gradient(at 40% 20%,#dc262620 0px,transparent 50%),radial-gradient(at 80% 0%,#52525230 0px,transparent 50%),radial-gradient(at 0% 50%,#dc262610 0px,transparent 50%),radial-gradient(at 80% 50%,#52525220 0px,transparent 50%),radial-gradient(at 0% 100%,#dc262615 0px,transparent 50%)}.hex-grid{background-image:linear-gradient(30deg,#52525212 12%,transparent 12.5%,transparent 87%,#52525212 87.5%,#52525212),linear-gradient(150deg,#52525212 12%,transparent 12.5%,transparent 87%,#52525212 87.5%,#52525212),linear-gradient(30deg,#52525212 12%,transparent 12.5%,transparent 87%,#52525212 87.5%,#52525212),linear-gradient(150deg,#52525212 12%,transparent 12.5%,transparent 87%,#52525212 87.5%,#52525212),linear-gradient(60deg,#52525225 25%,transparent 25.5%,transparent 75%,#52525225 75%,#52525225),linear-gradient(60deg,#52525225 25%,transparent 25.5%,transparent 75%,#52525225 75%,#52525225);background-size:20px 35px;background-position:0 0,0 0,10px 18px,10px 18px,0 0,10px 18px}.cross-hatch-light{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#52525215 10px,#52525215 11px),repeating-linear-gradient(-45deg,transparent,transparent 10px,#52525215 10px,#52525215 11px)}.steel-plate{background-image:linear-gradient(90deg,#52525230 1px,transparent 1px),linear-gradient(#52525230 1px,transparent 1px),radial-gradient(circle at 1px 1px,#52525240 1px,transparent 1px);background-size:50px 50px,50px 50px,10px 10px}.diamond-plate-light{background-image:linear-gradient(45deg,#52525225 25%,transparent 25%),linear-gradient(-45deg,#52525225 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#52525225 75%),linear-gradient(-45deg,transparent 75%,#52525225 75%);background-size:30px 30px;background-position:0 0,0 0,15px 15px,15px 15px}.weld-seam{background-image:repeating-linear-gradient(90deg,transparent,transparent 8px,#52525220 8px,#52525220 10px,transparent 10px,transparent 14px,#52525215 14px,#52525215 15px)}.rivet-dots{background-image:radial-gradient(circle,#52525250 2px,transparent 2px),radial-gradient(circle,#52525230 3px,transparent 3px);background-size:40px 40px,40px 40px;background-position:0 0,20px 20px}.metal-mesh{background-image:repeating-linear-gradient(transparent,transparent 2px,#52525230 2px,#52525230 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#52525230 2px,#52525230 4px);background-size:6px 6px}.tread-plate{background-image:repeating-linear-gradient(45deg,#52525220 0px,#52525220 2px,transparent 2px,transparent 8px),repeating-linear-gradient(-45deg,#52525220 0px,#52525220 2px,transparent 2px,transparent 8px),repeating-linear-gradient(90deg,transparent,transparent 20px,#52525210 20px,#52525210 40px)}.carbon-fiber{background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,#52525215 3px,#52525215 6px),repeating-linear-gradient(0deg,transparent,transparent 3px,#52525218 3px,#52525218 6px),repeating-linear-gradient(45deg,transparent,transparent 4px,#52525208 4px,#52525208 5px);background-size:6px 6px,6px 6px,8px 8px}.industrial-stripes{background-image:repeating-linear-gradient(-45deg,#dc262615,#dc262615 10px,#52525215 10px 20px)}.nitrided{background-image:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(255,255,255,.04) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,255,255,.008) 1px,rgba(255,255,255,.008) 2px),radial-gradient(ellipse 80% 80% at 30% 70%,rgba(20,20,30,.3) 0%,transparent 50%);background-size:100% 100%,3px 3px,100% 100%}.steel-plate-dark{background-image:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 1px);background-size:50px 50px,50px 50px,10px 10px}
