:root{--yellow:#ffd400;--black:#11120f;--ink:#1b1d18;--muted:#6c7067;--line:#dfe1d9;--paper:#f5f5f0;--white:#fff;--green:#24844b;--orange:#b36a00;--red:#a6372f;--shadow:0 18px 52px rgba(16,18,14,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.site-header{min-height:78px;padding:10px max(24px,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--black);color:#fff;border-bottom:4px solid var(--yellow);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--yellow);color:var(--black);font-size:11px;font-weight:900;line-height:.9;letter-spacing:-.03em;transform:skew(-6deg)}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:17px;letter-spacing:-.025em}.brand small{color:#aeb0a8;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.header-meta{display:flex;align-items:center;gap:20px;font-size:14px}.header-meta>a{color:#e0e2da;text-decoration:none}.header-action{border:1px solid #4c4e47;background:#252721;color:#fff;padding:10px 13px}.intro{max-width:1380px;margin:0 auto;padding:42px 24px 28px;display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:end}.eyebrow,.step{margin:0 0 8px;color:#777b71;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{color:var(--black);background:var(--yellow);padding:3px 6px}.intro h1{font-size:clamp(42px,5vw,72px);line-height:.94;letter-spacing:-.06em;margin:0;text-transform:uppercase}.intro-copy b{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.intro-copy p{font-size:17px;max-width:570px;margin:8px 0 0;color:#51554c}.trust-line{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;display:flex;gap:30px;flex-wrap:wrap;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.055em}.trust-line span:before{content:'✓';color:var(--green);margin-right:7px}.workspace{max-width:1380px;margin:0 auto 70px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.configurator,.order-panel{background:#fff;border:1px solid var(--line)}.configurator{padding:30px}.section-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{font-size:32px;letter-spacing:-.04em;margin:0}.status{font-size:12px;font-weight:700;color:var(--green);background:#eef8f1;padding:8px 10px}.status.review{color:#725000;background:#fff6cf}.cylinder-stage{background:radial-gradient(circle at 50% 25%,#3c3f38 0,#171914 48%,#0d0e0c 100%);color:#fff;padding:26px 32px 22px;margin-bottom:0;overflow:hidden}.dimension-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:var(--yellow);font-size:12px}.dimension-line i{height:1px;background:var(--yellow);position:relative}.dimension-line i:before,.dimension-line i:after{content:'';position:absolute;top:-4px;width:1px;height:9px;background:var(--yellow)}.dimension-line i:first-child:before{left:0}.dimension-line i:last-child:after{right:0}.cylinder-visual{height:124px;display:flex;align-items:center;justify-content:center;max-width:760px;margin:auto}.barrel{width:min(48vw,430px);height:62px;border:2px solid #71766c;background:linear-gradient(#2f332c,#181a17 48%,#292c27);box-shadow:inset 0 0 0 5px #0d0f0c,0 10px 25px rgba(0,0,0,.35);position:relative}.barrel>span,.rod>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;color:#aeb2aa;font-weight:bold}.gland{width:28px;height:78px;background:linear-gradient(90deg,#6e726a,#d4d7d0 45%,#797d74);clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}.rod{width:min(24vw,220px);height:24px;background:linear-gradient(#f3f5ef,#8e938a 46%,#dfe2da 56%,#777b73);position:relative}.port{position:absolute;width:22px;height:26px;top:-25px;background:linear-gradient(90deg,#7e8279,#e4e6e0,#777b73);border:1px solid #92968e}.port-a{left:35px}.port-b{right:35px}.mount-preview{width:52px;height:72px;display:block;position:relative;flex:0 0 auto}.mount-preview:before{content:'';position:absolute;inset:13px 4px;border:12px solid #aeb2a9;border-radius:50%;background:#141613;box-shadow:0 5px 12px rgba(0,0,0,.4)}.mount-preview.left{margin-right:7px}.mount-preview.right{margin-left:7px}.mount-preview.fork:before{border-radius:0;border-width:10px 13px;border-right-color:transparent}.mount-preview.thread:before{inset:26px 0;border:0;border-radius:0;background:repeating-linear-gradient(90deg,#aeb2a9 0 4px,#64685f 4px 7px)}.mount-preview.flange:before{inset:4px 16px;border:0;border-radius:2px;background:#aeb2a9}.visual-labels{display:flex;justify-content:space-between;gap:15px;color:#b1b4ac;font-size:11px}.visual-labels span:nth-child(2){color:var(--yellow);font-weight:bold}.visual-note,.field-note{margin:8px 0 26px;color:var(--muted);font-size:12px}fieldset{border:0;padding:0;margin:0 0 30px}legend{font-size:16px;font-weight:bold;margin-bottom:13px}legend b{display:inline-grid;place-items:center;width:25px;height:25px;background:var(--yellow);margin-right:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:6px}.form-grid label>span{font-size:13px;font-weight:bold}.form-grid input,.form-grid select,.contact-field input{width:100%;border:1px solid var(--line);background:#fff;padding:13px 12px;min-height:48px;color:var(--ink)}.form-grid input:focus,.form-grid select:focus,.contact-field input:focus{outline:3px solid rgba(255,212,0,.45);border-color:#9b8200}.pressure-row{display:grid;grid-template-columns:minmax(160px,1fr) 1fr 1fr;gap:9px;margin-top:12px;align-items:stretch}.pressure-row>span{display:flex;align-items:center;font-size:13px;font-weight:bold}.pressure-row label input,.option-grid input{position:absolute;opacity:0;pointer-events:none}.pressure-row label{cursor:pointer}.pressure-row label>span{display:block}.pressure-row label{display:flex;flex-direction:column;border:1px solid var(--line);padding:12px}.pressure-row small{color:var(--muted)}.pressure-row label:has(input:checked){border-color:var(--black);box-shadow:inset 0 -4px var(--yellow);background:#fffce8}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.body-options{grid-template-columns:repeat(3,1fr)}.option-grid label>span{min-height:128px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:13px 8px;cursor:pointer;transition:.15s}.option-grid label>span:hover{border-color:#aaa}.option-grid input:checked+span{border-color:var(--black);box-shadow:inset 0 -4px var(--yellow);background:#fffce8}.option-grid small{color:var(--muted);font-size:11px}.mount-icon{display:block;width:62px;height:38px;margin-bottom:11px;position:relative;background:linear-gradient(90deg,#8c9188,#e2e5de,#777c73)}.mount-icon:after{content:'';position:absolute;right:-15px;top:1px;width:36px;height:36px;border:9px solid #aeb2aa;border-radius:50%;background:#fff}.mount-icon.fork:after{border-radius:0;border-right-color:transparent}.mount-icon.trunnion:before{content:'';position:absolute;left:24px;top:-13px;width:14px;height:64px;background:#9da198}.mount-icon.flange:after{border-radius:2px;border:0;width:14px;height:54px;top:-8px;background:#969b92}.mount-icon.weld:after{border-radius:0;border:0;width:30px;height:26px;top:6px;clip-path:polygon(0 20%,100% 0,100% 100%,0 80%)}.mount-icon.thread:after{border:0;border-radius:0;top:10px;width:42px;height:19px;background:repeating-linear-gradient(90deg,#91968d 0 4px,#dadcd6 4px 7px)}.mount-icon.inner-thread:after{border:6px double #9da198;border-radius:0;top:6px;width:34px;height:26px;background:#fff}.mount-icon.pin:after{width:30px;height:30px;top:4px;border-width:8px}.mount-icon.bearing:after{box-shadow:inset 0 0 0 4px #555a52}.ports-grid{grid-template-columns:repeat(2,1fr)}.angle-control{grid-column:1/-1;grid-template-columns:1fr minmax(180px,2fr) 54px!important;align-items:center}.angle-control input{padding:0;height:28px;accent-color:var(--yellow);border:0}.angle-control output{font-weight:bold;text-align:right}.order-panel{position:sticky;top:96px;padding:28px;box-shadow:var(--shadow)}.price-block{border-bottom:1px solid var(--line);padding-bottom:20px;display:grid}.price-block span{font-size:13px;color:var(--muted)}.price-block strong{font-size:42px;line-height:1.1;letter-spacing:-.055em;margin:5px 0}.price-block small{color:var(--muted)}.result-code{display:grid;gap:6px;padding:17px 0;border-bottom:1px solid var(--line)}.result-code span{font-size:12px;color:var(--muted)}.result-code code{font:700 15px/1.3 Consolas,monospace;overflow-wrap:anywhere}.summary{margin:12px 0 17px}.summary>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px dashed var(--line);padding:8px 0;font-size:13px}.summary dt{color:var(--muted)}.summary dd{margin:0;text-align:right;font-weight:bold}.qty-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.qty-row>div{display:flex}.qty-row button{width:36px;height:38px;border:1px solid var(--line);background:#eeefe9;font-size:18px}.qty-row input{width:54px;border-block:1px solid var(--line);border-inline:0;text-align:center;font-weight:bold}.total-row{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--black);padding:15px 0}.total-row strong{font-size:25px}.primary{width:100%;border:0;background:var(--yellow);color:#111;padding:16px 18px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;display:flex;justify-content:space-between}.primary:hover{background:#ffe147}.legal-note{font-size:11px;color:#73766e;margin:10px 0 0}.checks{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.checks h3{margin:0 0 10px;font-size:16px}.check{display:flex;align-items:center;gap:8px;font-size:12px;margin:7px 0;color:var(--muted)}.check i{width:8px;height:8px;border-radius:50%;background:var(--green)}.check.warning i{background:var(--orange)}.check.error i{background:var(--red)}.process{max-width:1380px;margin:0 auto 70px;padding:0 24px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.process article{padding:25px 30px 20px 0;border-right:1px solid var(--line)}.process article+article{padding-left:30px}.process article>b{color:var(--yellow);font-size:28px;text-shadow:1px 1px #111}.process h3{font-size:22px;margin:12px 0 5px}.process p{color:var(--muted);margin:0}footer{background:var(--black);color:#fff;padding:30px max(24px,calc((100vw - 1380px)/2));display:flex;justify-content:space-between;gap:20px}footer>div{display:flex;gap:18px;flex-wrap:wrap}footer span,footer a{color:#aeb0a8;font-size:13px;text-decoration:none}dialog{border:0;padding:0;width:min(680px,calc(100% - 28px));box-shadow:0 28px 90px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(10,11,9,.72)}.order-sheet{padding:34px;position:relative}.order-sheet h2{font-size:32px;letter-spacing:-.04em;margin:0 0 18px}.dialog-close{position:absolute;right:16px;top:10px;border:0;background:transparent;font-size:30px}.dialog-code{background:var(--black);color:var(--yellow);padding:15px;font:700 16px Consolas,monospace}.dialog-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:16px 0}.dialog-summary div{background:var(--paper);padding:12px;display:grid;gap:4px}.dialog-summary small{color:var(--muted)}.dialog-total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--black);padding:16px 0}.dialog-total strong{font-size:28px}.contact-field{display:grid;gap:6px;font-size:13px;font-weight:bold;margin-bottom:15px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:var(--black);color:#fff;padding:13px 18px;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}:focus-visible{outline:3px solid #e1b900;outline-offset:2px}
@media(max-width:1040px){.workspace{grid-template-columns:1fr}.order-panel{position:static}.header-meta>span{display:none}.option-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.site-header{min-height:68px}.brand strong{font-size:14px}.brand small,.header-meta>a{display:none}.intro{grid-template-columns:1fr;padding-top:28px}.intro h1{font-size:42px}.intro-copy p{font-size:16px}.trust-line{gap:10px}.workspace{padding:0 12px}.configurator,.order-panel{padding:19px}.cylinder-stage{padding-inline:10px}.cylinder-visual{height:102px}.barrel{width:42vw;height:52px}.rod{width:20vw}.mount-preview{width:37px;height:60px}.mount-preview:before{inset:11px 2px;border-width:9px}.dimensions-grid,.ports-grid{grid-template-columns:1fr}.pressure-row{grid-template-columns:1fr 1fr}.pressure-row>span{grid-column:1/-1}.option-grid,.body-options{grid-template-columns:1fr 1fr}.option-grid label>span{min-height:116px}.angle-control{grid-column:auto;grid-template-columns:1fr 54px!important}.angle-control>span{grid-column:1/-1}.process-grid{grid-template-columns:1fr}.process article,.process article+article{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}footer,footer>div{flex-direction:column}.dialog-summary{grid-template-columns:1fr}.section-head h2{font-size:28px}.price-block strong{font-size:37px}}

.brand-logo{width:48px;height:48px;object-fit:contain;flex:0 0 auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.cylinder-svg{display:block;width:100%;height:auto;min-height:230px}.cylinder-svg text{font-family:Arial,Helvetica,sans-serif}.cylinder-svg .axis{stroke:#777c73;stroke-width:1;stroke-dasharray:9 7}.cylinder-svg .rear-cover{fill:url(#steel);stroke:#d8dbd4}.cylinder-svg .bore-cutaway{fill:#10120f;stroke:#5d6259;stroke-width:2;stroke-dasharray:7 5}.cylinder-svg .piston{fill:#a4a99f;stroke:#e0e3dc}.cylinder-svg .gland-svg{fill:url(#steel);stroke:#e2e4de}.cylinder-svg .port-svg{stroke:#d8dbd4;stroke-width:1}.cylinder-svg .port-svg text{fill:#ffd400;stroke:none;text-anchor:middle;font-size:12px;font-weight:800}.cylinder-svg .extension{stroke:#656a61;stroke-width:1;stroke-dasharray:4 4}.cylinder-svg .extension.strong{stroke:#ffd400}.cylinder-svg .measure{stroke:#d9dcd4;stroke-width:1.25;marker-start:url(#arrowLight);marker-end:url(#arrowLight)}.cylinder-svg .measure.main{stroke:#ffd400;marker-start:url(#arrowYellow);marker-end:url(#arrowYellow)}.cylinder-svg .measure-text{fill:#d9dcd4;stroke:none;text-anchor:middle;font-size:12px;font-weight:700}.cylinder-svg .measure-text.main-text{fill:#ffd400;font-size:13px}.cylinder-svg .bore-label{text-anchor:start}.cylinder-svg .mount-metal{fill:url(#steel);stroke:#d8dbd4;stroke-width:1.5}.cylinder-svg .mount-hole{fill:#11130f;stroke:#d8dbd4;stroke-width:5}.cylinder-svg .mount-detail{fill:none;stroke:#e4e6e0;stroke-width:2}.mount-card-diagram{width:96px;height:52px;margin-bottom:8px;fill:none;stroke:#5e635b;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round}.mount-card-diagram .detail{stroke:#8e938b;stroke-width:1.4}.mount-card-diagram .cut{fill:#fff;stroke:#5e635b}.option-grid input:checked+span .mount-card-diagram{stroke:#11120f}.option-grid input:checked+span .mount-card-diagram .detail{stroke:#8b7500}.visual-labels span:first-child,.visual-labels span:last-child{max-width:38%}.dimensions-grid{grid-template-columns:1fr 1fr}

@media(max-width:700px){.brand-logo{width:42px;height:42px}.cylinder-stage{overflow-x:auto}.cylinder-svg{width:760px;max-width:none;min-height:0}.visual-labels{width:760px}.cylinder-stage{padding-bottom:18px}.dimensions-grid{grid-template-columns:1fr}.mount-card-diagram{width:80px;height:45px}}
.trust-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 30px}.trust-line span{display:flex;align-items:baseline;min-width:0}.trust-line span:before{flex:0 0 auto}
@media(max-width:700px){.trust-line{grid-template-columns:1fr;gap:8px}}
.pressure-fixed{display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:center;gap:4px 24px;margin-top:12px;padding:14px 16px;border:1px solid var(--black);box-shadow:inset 5px 0 var(--yellow);background:#fffce8}.pressure-fixed span{font-size:13px;font-weight:bold}.pressure-fixed b{font-size:20px}.pressure-fixed small{grid-column:1/-1;color:var(--muted)}
@media(max-width:700px){.pressure-fixed{grid-template-columns:1fr}.pressure-fixed small{grid-column:auto}}
.cylinder-svg .piston-ghost{fill:#d6d9d1;fill-opacity:.18;stroke:#d9dcd4;stroke-width:1.5;stroke-dasharray:5 4}.cylinder-svg .piston-nut{fill:url(#steel);stroke:#e1e3de;stroke-width:1.2}.cylinder-svg .piston-nut-ghost{fill:#d6d9d1;fill-opacity:.16;stroke:#d9dcd4;stroke-dasharray:5 4}.cylinder-svg .rod-ghost-inside{fill:#d6d9d1;fill-opacity:.08;stroke:#d9dcd4;stroke-width:1.5;stroke-dasharray:7 5}.cylinder-svg .rod-internal{fill:url(#steel);stroke:#e1e3de;stroke-width:1}.cylinder-svg .stroke-position{stroke:#8b8f87;stroke-width:1;stroke-dasharray:4 4}.cylinder-svg .stroke-measure{stroke:#ffd400;marker-start:url(#arrowYellow);marker-end:url(#arrowYellow)}.cylinder-svg .stroke-text{fill:#ffd400;font-size:12px}
.cylinder-svg .piston-body{fill:url(#steel);stroke:#e0e3dc;stroke-width:1.2}.cylinder-svg .piston-groove{fill:#242720;stroke:#8d9289;stroke-width:.8}.cylinder-svg .piston-groove.ghost{fill:#d6d9d1;fill-opacity:.08;stroke:#d9dcd4;stroke-dasharray:4 3}.cylinder-svg .gland-body{fill:url(#steel);stroke:#e2e4de;stroke-width:1.2}.cylinder-svg .gland-step{fill:#747970;stroke:#d7dad3;stroke-width:1}.cylinder-svg .gland-groove{fill:#20231e;stroke:#8c9188;stroke-width:.7}
.dialog-lead{margin:-8px 0 18px;color:var(--muted);font-size:14px}.lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead-fields .full{grid-column:1/-1}.contact-field textarea{width:100%;border:1px solid var(--line);background:#fff;padding:13px 12px;color:var(--ink);resize:vertical}.contact-field textarea:focus{outline:3px solid rgba(255,212,0,.45);border-color:#9b8200}.consent-field{display:flex;align-items:flex-start;gap:10px;margin:2px 0 15px;font-size:13px;color:var(--muted)}.consent-field input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--yellow);flex:0 0 auto}.honeypot{position:fixed;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.form-status{min-height:20px;margin:10px 0 0;font-size:13px}.form-status.success{color:var(--green)}.form-status.error{color:var(--red)}.primary:disabled{opacity:.6;cursor:wait}.order-sheet{max-height:90vh;overflow-y:auto}
@media(max-width:700px){.lead-fields{grid-template-columns:1fr}.lead-fields .full{grid-column:auto}}