/* Custom Machine Screws: CNC Milled Parts visual framework, page-scoped. */
html:has(main.vtd.vtd-legacy){scroll-padding-top:0}
.vtd.vtd-legacy{--vtd-blue:#1155cc;--vtd-dark:#0a3e9d;--vtd-ink:#172b43;--vtd-muted:#4e6682;--vtd-line:#d7e1ef;--vtd-pale:#f4f7fa;--vtd-header:var(--cnc-header-height,96px);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:var(--vtd-ink);background:#fff;line-height:1.75;font-size:16px}
.vtd.vtd-legacy,.vtd.vtd-legacy *,.vtd.vtd-legacy *::before,.vtd.vtd-legacy *::after{box-sizing:border-box}
.vtd.vtd-legacy .wrap{width:100%;max-width:1440px;margin:0 auto;padding-inline:48px}
.vtd.vtd-legacy :is(h1,h2,h3,p,figure){margin:0}
.vtd.vtd-legacy h1,.vtd.vtd-legacy h2,.vtd.vtd-legacy h3{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:700;color:var(--vtd-ink)}
.vtd.vtd-legacy h2{font-size:38px;line-height:1.18;letter-spacing:-1px;text-wrap:balance}
.vtd.vtd-legacy h3{font-size:23px;line-height:1.3;letter-spacing:-.4px;text-wrap:pretty}
.vtd.vtd-legacy p{font-size:16px;line-height:1.8;color:var(--vtd-muted)}
.vtd.vtd-legacy a{color:var(--vtd-blue);text-decoration:none}
.vtd.vtd-legacy a:hover{text-decoration:underline;text-underline-offset:4px}
.vtd.vtd-legacy :is(a,button,summary):focus-visible{outline:3px solid #4288ef;outline-offset:5px}
.vtd.vtd-legacy .arrow{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.vtd.vtd-legacy .button{display:inline-flex;align-items:center;justify-content:center;gap:17px;border:1px solid var(--vtd-blue);border-radius:0;background:var(--vtd-blue);color:#fff;min-height:49px;padding:12px 22px;font:600 15px/1.4 Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .16s,border-color .16s}
.vtd.vtd-legacy .button:hover{background:var(--vtd-dark);border-color:var(--vtd-dark);text-decoration:none}
.vtd.vtd-legacy .actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:27px}
.vtd.vtd-legacy .hero{position:relative;isolation:isolate;min-height:555px;display:flex;align-items:center;background:#0a1e33;overflow:hidden}
.vtd.vtd-legacy .hero-visual{position:absolute;inset:0;z-index:-2}
.vtd.vtd-legacy .hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 50%;margin:0}
.vtd.vtd-legacy .hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,25,48,.98) 0%,rgba(7,25,48,.94) 29%,rgba(7,25,48,.5) 46%,rgba(7,25,48,.02) 71%)}
.vtd.vtd-legacy .hero>.wrap{padding-top:45px;padding-bottom:52px}
.vtd.vtd-legacy .breadcrumb{font-size:13px;line-height:1.6;color:#d4deeb;margin-bottom:35px}
.vtd.vtd-legacy .breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.vtd.vtd-legacy .breadcrumb li+li::before{content:"/";margin-right:8px;color:#7e93aa}
.vtd.vtd-legacy .breadcrumb a{color:#d4deeb}
.vtd.vtd-legacy .hero-copy{max-width:650px}
.vtd.vtd-legacy .eyebrow{font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#b0cae8;margin-bottom:13px}
.vtd.vtd-legacy .hero h1{font-size:58px;line-height:1.07;letter-spacing:-1.65px;color:#fff;max-width:630px;text-wrap:balance}
.vtd.vtd-legacy .hero-subtitle{font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.6px;color:#b9d3f1;margin-top:16px}
.vtd.vtd-legacy .hero .lead{max-width:535px;font-size:17px;line-height:1.7;color:#d3deeb;margin-top:20px}
.vtd.vtd-legacy .hero .button-outline{border-color:#8296ac;background:transparent;color:#fff}
.vtd.vtd-legacy .hero .button-outline:hover{border-color:#fff;background:#ffffff10}
.vtd.vtd-legacy .jump{position:sticky;top:var(--vtd-header);z-index:65;background:#fff;border-bottom:1px solid var(--vtd-line)}
.vtd.vtd-legacy .jump-inner{min-height:64px;display:flex;align-items:center;gap:26px}
.vtd.vtd-legacy .jump-links{display:flex;align-self:stretch;align-items:stretch;gap:24px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.vtd.vtd-legacy .jump-links::-webkit-scrollbar{display:none}
.vtd.vtd-legacy .jump-links a{display:flex;align-items:center;flex-shrink:0;color:#526780;border-bottom:2px solid transparent;padding:19px 0 17px;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;text-decoration:none}
.vtd.vtd-legacy .jump-links a:hover,.vtd.vtd-legacy .jump-links a[aria-current="location"]{color:var(--vtd-blue);border-bottom-color:var(--vtd-blue)}
.vtd.vtd-legacy .jump-cta{font-size:13px;min-height:39px;gap:16px;padding:9px 15px;flex-shrink:0}
.vtd.vtd-legacy .jump-cta .arrow{width:17px;height:17px}
.vtd.vtd-legacy .block{padding:76px 0;scroll-margin-top:calc(var(--vtd-header) + 65px)}
.vtd.vtd-legacy .block-fit,.vtd.vtd-legacy .block-definition,.vtd.vtd-legacy .block-faq{background:var(--vtd-pale)}
.vtd.vtd-legacy .section-head{margin-bottom:34px;max-width:1050px}
.vtd.vtd-legacy .section-head>p{max-width:990px;margin-top:20px}
.vtd.vtd-legacy .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vtd.vtd-legacy .card{border:1px solid var(--vtd-line);background:#fff;min-width:0}
.vtd.vtd-legacy .product-visual{display:block;background:#f0f4f8;border-bottom:1px solid var(--vtd-line);overflow:hidden}
.vtd.vtd-legacy .product-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.vtd.vtd-legacy .card-copy{padding:27px}
.vtd.vtd-legacy .card-copy>p{margin-top:15px}
.vtd.vtd-legacy .product-card h3{min-height:60px}
.vtd.vtd-legacy .split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.vtd.vtd-legacy .diagram{min-width:0;border:1px solid var(--vtd-line);background:#f5f8fc}
.vtd.vtd-legacy .diagram img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.vtd.vtd-legacy .block-definition .diagram{order:2}
.vtd.vtd-legacy .feature-stack{display:grid;gap:25px;min-width:0}
.vtd.vtd-legacy .feature{display:flex;gap:21px;padding:0 0 27px;border-bottom:1px solid var(--vtd-line)}
.vtd.vtd-legacy .feature:last-of-type{padding-bottom:0;border-bottom:0}
.vtd.vtd-legacy .feature-number{color:var(--vtd-blue);font-size:13px;font-weight:700;line-height:1;padding-top:8px;flex-shrink:0}
.vtd.vtd-legacy .feature p{margin-top:13px}
.vtd.vtd-legacy .material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.vtd.vtd-legacy .material-card{border:1px solid var(--vtd-line);background:#fff;display:flex;flex-direction:column;min-width:0}
.vtd.vtd-legacy .material-band{height:76px;padding:20px 26px;background:#eef2f7;display:flex;justify-content:space-between;align-items:center;color:#61738a;font-size:12px;font-weight:600}
.vtd.vtd-legacy .material-swatch{display:block;width:92px;height:24px;border:1px solid #9caab8;transform:skewY(-8deg);background:linear-gradient(0deg,#7d8b99 0%,#c2cbd4 29%,#f3f6f9 49%,#b8c3ce 62%,#dfe6ed 100%);box-shadow:5px 5px 0 #c7d0da}
.vtd.vtd-legacy .material-stainless-steel .material-swatch{background:linear-gradient(0deg,#a0aebd 0%,#e8eef4 27%,#fff 48%,#c0cbd8 62%,#e8edf3 100%)}
.vtd.vtd-legacy .material-brass .material-swatch{border-color:#ab8b50;background:linear-gradient(0deg,#a68244 0%,#d6b371 28%,#f8e2b8 50%,#b68e4e 61%,#dcc18e 100%);box-shadow:5px 5px 0 #d7c5a4}
.vtd.vtd-legacy .material-titanium .material-swatch{border-color:#8797a5;background:linear-gradient(0deg,#728394 0%,#a4b5c4 30%,#d8e2eb 50%,#8b9eae 64%,#b0c0ce 100%)}
.vtd.vtd-legacy .material-card .card-copy{display:flex;flex-direction:column;flex:1;padding:24px}
.vtd.vtd-legacy .material-card p{font-size:15px;line-height:1.75}
.vtd.vtd-legacy .material-spec{margin:20px 0 24px;padding-top:18px;border-top:1px solid var(--vtd-line)}
.vtd.vtd-legacy .material-spec strong{font-size:12px;letter-spacing:.45px;color:var(--vtd-ink)}
.vtd.vtd-legacy .material-spec p{margin-top:7px}
.vtd.vtd-legacy .material-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;margin-top:auto;align-self:flex-start;border:1px solid #cbdcf4;padding:7px 10px;background:#f4f8fe}
.vtd.vtd-legacy .material-link .arrow{width:15px;height:15px}
.vtd.vtd-legacy .delivery-card{padding:29px}
.vtd.vtd-legacy .step-number{display:block;font-size:14px;font-weight:700;color:var(--vtd-blue);margin-bottom:20px;padding-bottom:17px;border-bottom:2px solid var(--vtd-line)}
.vtd.vtd-legacy .delivery-card p{margin-top:15px}
.vtd.vtd-legacy .related-links{margin-top:30px;padding:22px 26px;border:1px solid var(--vtd-line);background:var(--vtd-pale);display:flex;flex-wrap:wrap;align-items:center;gap:17px 28px;font-size:14px}
.vtd.vtd-legacy .related-links>span{font-weight:600;color:var(--vtd-ink)}
.vtd.vtd-legacy .related-links a,.vtd.vtd-legacy .text-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600}
.vtd.vtd-legacy .related-links .arrow{height:16px;width:16px}
.vtd.vtd-legacy .guide-link{padding-top:12px}
.vtd.vtd-legacy .faq-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:65px}
.vtd.vtd-legacy .faq-layout h2{max-width:330px}
.vtd.vtd-legacy .faq-list{border-top:1px solid var(--vtd-line)}
.vtd.vtd-legacy details{border-bottom:1px solid var(--vtd-line);background:transparent}
.vtd.vtd-legacy summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;font-weight:600;font-size:17px;line-height:1.45;cursor:pointer;list-style:none;color:var(--vtd-ink)}
.vtd.vtd-legacy summary::-webkit-details-marker{display:none}
.vtd.vtd-legacy details>p{padding:0 42px 24px 0;font-size:15px;line-height:1.85}
.vtd.vtd-legacy .faq-sign{position:relative;width:16px;height:16px;flex-shrink:0;color:var(--vtd-blue)}
.vtd.vtd-legacy .faq-sign::before,.vtd.vtd-legacy .faq-sign::after{content:"";position:absolute;background:currentColor;left:0;right:0;top:7px;height:2px}
.vtd.vtd-legacy .faq-sign::after{transform:rotate(90deg)}
.vtd.vtd-legacy details[open] .faq-sign::after{transform:none}
.vtd.vtd-legacy .block-cta{background:#102b48;padding:58px 0}
.vtd.vtd-legacy .cta-inner{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:70px}
.vtd.vtd-legacy .cta-inner .section-head{margin:0;max-width:770px}
.vtd.vtd-legacy .cta-inner h2{color:#fff}
.vtd.vtd-legacy .cta-inner p{color:#c7d5e5}
.vtd.vtd-legacy .cta-actions{display:flex;justify-content:flex-end}
@media(min-width:1600px){.vtd.vtd-legacy .hero{min-height:590px}}
@media(max-width:1199px){.vtd.vtd-legacy .wrap{padding-inline:30px}.vtd.vtd-legacy .hero{min-height:545px}.vtd.vtd-legacy .hero h1{font-size:52px;max-width:560px}.vtd.vtd-legacy .hero-copy{max-width:570px}.vtd.vtd-legacy .hero .lead{max-width:460px}.vtd.vtd-legacy .hero-subtitle{font-size:30px}.vtd.vtd-legacy .jump-inner{gap:18px}.vtd.vtd-legacy .jump-links{gap:20px}.vtd.vtd-legacy .jump-cta{display:none}.vtd.vtd-legacy .block{padding:64px 0}.vtd.vtd-legacy .material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vtd.vtd-legacy h2{font-size:34px}.vtd.vtd-legacy h3{font-size:21px}.vtd.vtd-legacy .split{gap:28px}.vtd.vtd-legacy .card-copy{padding:22px}.vtd.vtd-legacy .feature{gap:15px}.vtd.vtd-legacy .faq-layout{gap:40px}.vtd.vtd-legacy .cta-inner{gap:35px}}
@media(max-width:850px){.vtd.vtd-legacy .hero-copy{max-width:500px}.vtd.vtd-legacy .hero::before{background:linear-gradient(90deg,rgba(7,25,48,.97),rgba(7,25,48,.86) 40%,rgba(7,25,48,.42))}.vtd.vtd-legacy .hero h1{font-size:46px}.vtd.vtd-legacy .split{grid-template-columns:1fr;gap:28px}.vtd.vtd-legacy .diagram{max-width:650px;width:100%;margin:0 auto}.vtd.vtd-legacy .block-definition .diagram{order:0}.vtd.vtd-legacy .product-cards{grid-template-columns:1fr;gap:24px}.vtd.vtd-legacy .product-card{display:grid;grid-template-columns:.8fr 1.2fr;align-items:stretch}.vtd.vtd-legacy .product-card .product-visual{display:flex;align-items:center;border-bottom:0;border-right:1px solid var(--vtd-line)}.vtd.vtd-legacy .product-card h3{min-height:0}.vtd.vtd-legacy .delivery-cards{grid-template-columns:1fr}.vtd.vtd-legacy .delivery-card{padding:25px}.vtd.vtd-legacy .step-number{margin-bottom:15px;padding-bottom:12px}.vtd.vtd-legacy .faq-layout{grid-template-columns:1fr;gap:0}.vtd.vtd-legacy .faq-layout h2{max-width:none}.vtd.vtd-legacy .cta-inner{grid-template-columns:1fr;gap:27px}.vtd.vtd-legacy .cta-actions{justify-content:flex-start}}
@media(max-width:640px){.vtd.vtd-legacy .wrap{padding-inline:20px}.vtd.vtd-legacy .hero{min-height:590px;align-items:flex-start}.vtd.vtd-legacy .hero>.wrap{padding-top:26px;padding-bottom:44px}.vtd.vtd-legacy .breadcrumb{font-size:12px;margin-bottom:34px}.vtd.vtd-legacy .breadcrumb ol{gap:6px}.vtd.vtd-legacy .breadcrumb li+li::before{margin-right:6px}.vtd.vtd-legacy .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:15px}.vtd.vtd-legacy .hero h1{font-size:43px;line-height:1.05;letter-spacing:-1.2px;max-width:370px}.vtd.vtd-legacy .hero-subtitle{font-size:26px;margin-top:17px;line-height:1.23}.vtd.vtd-legacy .hero .lead{font-size:15px;line-height:1.8;margin-top:19px;max-width:370px}.vtd.vtd-legacy .hero-visual img{object-position:70% 50%}.vtd.vtd-legacy .hero::before{background:linear-gradient(90deg,rgba(7,25,48,.95),rgba(7,25,48,.67))}.vtd.vtd-legacy .hero .actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:25px}.vtd.vtd-legacy .button{font-size:14px;min-height:46px;padding:12px 18px}.vtd.vtd-legacy .hero .button{min-width:210px;justify-content:space-between}.vtd.vtd-legacy .jump-inner{min-height:55px;gap:0}.vtd.vtd-legacy .jump-links{gap:22px}.vtd.vtd-legacy .jump-links a{font-size:13px;padding:17px 0 14px}.vtd.vtd-legacy .block{padding:48px 0;scroll-margin-top:calc(var(--vtd-header) + 56px)}.vtd.vtd-legacy h2{font-size:29px;line-height:1.2;letter-spacing:-.6px;text-wrap:pretty}.vtd.vtd-legacy h3{font-size:22px}.vtd.vtd-legacy p{font-size:15px;line-height:1.85}.vtd.vtd-legacy .section-head{margin-bottom:26px}.vtd.vtd-legacy .section-head>p{margin-top:18px}.vtd.vtd-legacy .product-card{display:block}.vtd.vtd-legacy .product-card .product-visual{display:block;border-bottom:1px solid var(--vtd-line);border-right:0}.vtd.vtd-legacy .product-card .card-copy{padding:23px}.vtd.vtd-legacy .material-grid{grid-template-columns:1fr;gap:20px}.vtd.vtd-legacy .material-band{height:67px}.vtd.vtd-legacy .material-card .card-copy{padding:23px}.vtd.vtd-legacy .feature{gap:15px;padding-bottom:23px}.vtd.vtd-legacy .feature h3{font-size:21px}.vtd.vtd-legacy .related-links{align-items:flex-start;flex-direction:column;gap:15px;padding:22px}.vtd.vtd-legacy .guide-link{font-size:14px;align-items:flex-start}.vtd.vtd-legacy summary{font-size:16px;padding:21px 0;gap:18px}.vtd.vtd-legacy details>p{padding-right:0}.vtd.vtd-legacy .block-cta{padding:43px 0}.vtd.vtd-legacy .cta-actions .button{min-width:210px}}
@media(prefers-reduced-motion:reduce){.vtd.vtd-legacy *{scroll-behavior:auto;transition:none!important}}
/* Keep the product visible beneath the text on narrow screens. */
@media(max-width:640px){.vtd.vtd-legacy .hero{display:block;min-height:0}.vtd.vtd-legacy .hero>.wrap{padding-bottom:275px}.vtd.vtd-legacy .hero-visual{inset:auto 0 0;height:275px}.vtd.vtd-legacy .hero-visual img{object-position:88% 50%}.vtd.vtd-legacy .hero::before{background:linear-gradient(180deg,#071930 0%,#071930 54%,rgba(7,25,48,.22) 69%,transparent 80%)}}
