/* machining variant */
.xmake-page--machining /* Source: services/cnc-machining-service/index.html inline style 4 */

        /* Local prototype: redesigned surface finishing module. */
        .xmake-sf-section{
            padding: 72px 24px;
            background: #0d0f12;
            color: #fff;
        }
.xmake-page--machining .xmake-sf-inner{
            width: min(100%, 1320px);
            margin: 0 auto;
        }
.xmake-page--machining .xmake-sf-header{
            width: min(100%, 820px);
            margin: 0 auto 42px;
            text-align: center;
        }
.xmake-page--machining .xmake-sf-header h2{
            margin: 0;
            color: #fff;
        }
.xmake-page--machining .xmake-sf-title-line{
            width: 38px;
            height: 3px;
            margin: 17px auto 18px;
            border-radius: 2px;
            background: #e23b2e;
        }
.xmake-page--machining .xmake-sf-header p{
            margin: 0;
            color: #a8abb1;
            line-height: 1.75;
        }
.xmake-page--machining .xmake-sf-grid{
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 14px;
        }
.xmake-page--machining .xmake-sf-card,
.xmake-page--machining .xmake-sf-cta{
            box-sizing: border-box;
            min-width: 0;
            height: 428px;
            overflow: hidden;
            border: 1px solid #2a2d33;
            border-radius: 10px;
            background: #17191d;
        }
.xmake-page--machining .xmake-sf-card{
            display: flex;
            position: relative;
            flex-direction: column;
            color: #fff;
            text-decoration: none;
            transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
        }
.xmake-page--machining .xmake-sf-card:hover,
.xmake-page--machining .xmake-sf-card:focus-visible{
            transform: translateY(-5px);
            border-color: #454950;
            box-shadow: 0 14px 32px rgba(0, 0, 0, .34);
        }
.xmake-page--machining .xmake-sf-card:focus-visible,
.xmake-page--machining .xmake-sf-cta-link:focus-visible{
            outline: 2px solid #e23b2e;
            outline-offset: 3px;
        }
.xmake-page--machining .xmake-sf-image{
            position: relative;
            flex: 0 0 168px;
            height: 168px;
            overflow: hidden;
            background: #e8e8e8;
        }
.xmake-page--machining .xmake-sf-image img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .4s ease;
        }
.xmake-page--machining .xmake-sf-card:hover .xmake-sf-image img,
.xmake-page--machining .xmake-sf-card:focus-visible .xmake-sf-image img{
            transform: scale(1.045);
        }
.xmake-page--machining .xmake-sf-arrow{
            display: flex;
            position: absolute;
            top: 12px;
            right: 12px;
            z-index: 1;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            border-radius: 7px;
            background: #e23b2e;
            color: #fff;
            opacity: 0;
            transform: translate(5px, -5px);
            transition: opacity .25s ease, transform .25s ease;
        }
.xmake-page--machining .xmake-sf-card:hover .xmake-sf-arrow,
.xmake-page--machining .xmake-sf-card:focus-visible .xmake-sf-arrow{
            opacity: 1;
            transform: translate(0, 0);
        }
.xmake-page--machining .xmake-sf-body{
            display: flex;
            flex: 1;
            flex-direction: column;
            box-sizing: border-box;
            min-height: 0;
            padding: 18px 17px 24px;
        }
.xmake-page--machining .xmake-sf-body h3{
            margin: 0 0 9px;
            color: #fff;
        }
.xmake-page--machining .xmake-sf-body p{
            margin: 0;
            color: #9da0a6;
            line-height: 1.6;
        }
.xmake-page--machining .xmake-sf-best{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 6px;
            margin-top: auto;
            padding-top: 18px;
            color: #c5c7cb;
            line-height: 1.35;
        }
.xmake-page--machining .xmake-sf-best strong{
            margin-right: 3px;
            color: #b7bac0;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
        }
.xmake-page--machining .xmake-sf-chip{
            display: inline-flex;
            align-items: center;
            box-sizing: border-box;
            height: 24px;
            padding: 0 9px;
            border: 1px solid #30343b;
            border-radius: 999px;
            background: #25282e;
            color: #c9cbd0;
            font-size: 11px;
            line-height: 1.2;
            white-space: nowrap;
        }
.xmake-page--machining .xmake-sf-cta{
            display: flex;
            position: relative;
            flex-direction: column;
            justify-content: center;
            padding: 26px 22px;
            border-color: #4f6d99;
            background: linear-gradient(145deg, #29476f 0%, #1d3559 52%, #14243e 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
        }
.xmake-page--machining .xmake-sf-cta::after{
            position: absolute;
            right: -48px;
            bottom: -74px;
            width: 190px;
            height: 150px;
            border: 1px solid rgba(84, 130, 207, .25);
            border-radius: 50%;
            content: '';
        }
.xmake-page--machining .xmake-sf-cta-icon{
            display: flex;
            position: relative;
            z-index: 1;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            margin-bottom: 16px;
            border: 1px solid #50617c;
            border-radius: 9px;
            color: #d6dfed;
        }
.xmake-page--machining .xmake-sf-cta h3{
            position: relative;
            z-index: 1;
            margin: 0 0 12px;
            color: #fff;
            line-height: 1.35;
        }
.xmake-page--machining .xmake-sf-cta-link{
            display: inline-flex;
            position: relative;
            z-index: 1;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-top: 14px;
            padding: 12px 16px;
            border-radius: 6px;
            background: #e23b2e;
            color: #fff;
            font-weight: 700;
            text-decoration: none;
            transition: background .2s ease, transform .2s ease;
        }
.xmake-page--machining .xmake-sf-cta-link:hover{
            background: #c92e23;
            transform: translateY(-2px);
        }
.xmake-page--machining .xmake-sf-features{
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            margin-top: 40px;
            padding-top: 28px;
            border-top: 1px solid #282b31;
            background: transparent;
        }
.xmake-page--machining .xmake-sf-feature{
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 0 24px;
            border-right: 1px solid #2d3036;
        }
.xmake-page--machining .xmake-sf-feature:last-child{
            border-right: 0;
        }
.xmake-page--machining .xmake-sf-feature-icon{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            flex: 0 0 40px;
            border-radius: 9px;
            background: rgba(226, 59, 46, .09);
            color: #e23b2e;
        }
.xmake-page--machining .xmake-sf-feature-icon svg{
            width: 21px;
            height: 21px;
        }
.xmake-page--machining .xmake-sf-feature-text{
            min-width: 0;
        }
.xmake-page--machining .xmake-sf-feature-text strong,
.xmake-page--machining .xmake-sf-feature-text span{
            display: block;
        }
.xmake-page--machining .xmake-sf-feature-text strong{
            color: #e3e4e6;
        }
.xmake-page--machining .xmake-sf-feature-text span{
            margin-top: 3px;
            color: #777b82;
        }
@media (max-width: 1120px){
.xmake-page--machining .xmake-sf-grid{
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
.xmake-page--machining .xmake-sf-features{
                grid-template-columns: repeat(2, minmax(0, 1fr));
                row-gap: 22px;
            }
.xmake-page--machining .xmake-sf-feature:nth-child(2){
                border-right: 0;
            }
.xmake-page--machining .xmake-sf-feature:nth-child(-n+2){
                border-bottom: 0;
            }

}
@media (max-width: 740px){
.xmake-page--machining .xmake-sf-section{
                padding: 52px 16px;
            }
.xmake-page--machining .xmake-sf-header{
                margin-bottom: 30px;
            }
.xmake-page--machining .xmake-sf-grid{
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
.xmake-page--machining .xmake-sf-card,
.xmake-page--machining .xmake-sf-cta{
                height: 410px;
            }

}
@media (max-width: 500px){
.xmake-page--machining .xmake-sf-grid,
.xmake-page--machining .xmake-sf-features{
                grid-template-columns: 1fr;
            }
.xmake-page--machining .xmake-sf-features{
                row-gap: 0;
            }
.xmake-page--machining .xmake-sf-feature,
.xmake-page--machining .xmake-sf-feature:nth-child(2){
                padding: 16px 0;
                border-right: 0;
                border-bottom: 1px solid #2d3036;
            }
.xmake-page--machining .xmake-sf-feature:last-child{
                border-bottom: 0;
            }

}
@media (prefers-reduced-motion: reduce){
.xmake-page--machining .xmake-sf-card,
.xmake-page--machining .xmake-sf-image img,
.xmake-page--machining .xmake-sf-arrow,
.xmake-page--machining .xmake-sf-cta-link{
                transition: none;
            }

}

/* drilling variant */
.xmake-page--cnc-drilling .xmake-sf-section{ padding: var(--section-space) 50px; color: #fff; background: #0d0f12; }
.xmake-page--cnc-drilling .xmake-sf-inner{ width: min(100%, var(--shell)); margin: 0 auto; }
.xmake-page--cnc-drilling .xmake-sf-header{ width: min(100%, 850px); margin: 0 auto 42px; text-align: center; }
.xmake-page--cnc-drilling .xmake-sf-header h2{ margin: 0; color: #fff; font-size: clamp(30px, 2.5vw, 36px); line-height: 1.2; }
.xmake-page--cnc-drilling .xmake-sf-title-line{ width: 38px; height: 3px; margin: 17px auto 18px; border-radius: 2px; background: var(--red); }
.xmake-page--cnc-drilling .xmake-sf-header p{ margin: 0; color: #a8abb1; font-size: 16px; line-height: 1.75; }
.xmake-page--cnc-drilling .xmake-sf-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.xmake-page--cnc-drilling .xmake-sf-card,
.xmake-page--cnc-drilling .xmake-sf-cta{ min-width: 0; min-height: 0; overflow: hidden; border: 1px solid #2a2d33; border-radius: 4px; background: #17191d; }
.xmake-page--cnc-drilling .xmake-sf-card{ position: relative; display: flex; flex-direction: column; color: #fff; text-decoration: none; transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.xmake-page--cnc-drilling .xmake-sf-card:hover,
.xmake-page--cnc-drilling .xmake-sf-card:focus-visible{ transform: translateY(-5px); border-color: #454950; box-shadow: 0 14px 32px rgba(0, 0, 0, .34); }
.xmake-page--cnc-drilling .xmake-sf-card:focus-visible,
.xmake-page--cnc-drilling .xmake-sf-cta-link:focus-visible{ outline: 2px solid var(--red); outline-offset: 3px; }
.xmake-page--cnc-drilling .xmake-sf-image{ position: relative; flex: 0 0 190px; height: 190px; overflow: hidden; background: #e8e8e8; }
.xmake-page--cnc-drilling .xmake-sf-image img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.xmake-page--cnc-drilling .xmake-sf-card:hover .xmake-sf-image img,
.xmake-page--cnc-drilling .xmake-sf-card:focus-visible .xmake-sf-image img{ transform: scale(1.045); }
.xmake-page--cnc-drilling .xmake-sf-arrow{ position: absolute; z-index: 1; top: 12px; right: 12px; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--red); border-radius: 4px; opacity: 0; transform: translate(5px, -5px); transition: opacity .25s ease, transform .25s ease; }
.xmake-page--cnc-drilling .xmake-sf-card:hover .xmake-sf-arrow,
.xmake-page--cnc-drilling .xmake-sf-card:focus-visible .xmake-sf-arrow{ opacity: 1; transform: translate(0, 0); }
.xmake-page--cnc-drilling .xmake-sf-body{ min-height: 0; padding: 20px 19px 24px; display: flex; flex: 1; flex-direction: column; }
.xmake-page--cnc-drilling .xmake-sf-body h3{ margin: 0 0 9px; color: #fff; font-size: 19px; line-height: 1.3; }
.xmake-page--cnc-drilling .xmake-sf-body p{ min-height: 90px; margin: 0; color: #9da0a6; font-size: 14px; line-height: 1.6; }
.xmake-page--cnc-drilling .xmake-sf-best{ margin-top: 10px; padding-top: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: #c5c7cb; line-height: 1.35; }
.xmake-page--cnc-drilling .xmake-sf-best strong{ margin-right: 3px; color: #b7bac0; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.xmake-page--cnc-drilling .xmake-sf-chip{ min-height: 24px; padding: 5px 9px; display: inline-flex; align-items: center; color: #c9cbd0; background: #25282e; border: 1px solid #30343b; border-radius: 999px; font-size: 11px; line-height: 1.2; }
.xmake-page--cnc-drilling .xmake-sf-cta{ position: relative; padding: 34px 30px; display: flex; flex-direction: column; justify-content: center; border-color: #34373d; background: #202226; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06); }
.xmake-page--cnc-drilling .xmake-sf-cta::after{ position: absolute; right: -48px; bottom: -74px; width: 190px; height: 150px; border: 1px solid rgba(84, 130, 207, .25); border-radius: 50%; content: ""; }
.xmake-page--cnc-drilling .xmake-sf-cta-icon{ position: relative; z-index: 1; width: 42px; height: 42px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; color: #fff; border: 1px solid #62666d; border-radius: 4px; }
.xmake-page--cnc-drilling .xmake-sf-cta-icon svg{ width: 24px; height: 24px; }
.xmake-page--cnc-drilling .xmake-sf-cta h3{ position: relative; z-index: 1; margin: 0 0 12px; color: #fff; font-size: 22px; line-height: 1.35; }
.xmake-page--cnc-drilling .xmake-sf-cta p{ position: relative; z-index: 1; margin: 0; color: rgba(255, 255, 255, .67); font-size: 14px; line-height: 1.65; }
.xmake-page--cnc-drilling .xmake-sf-cta-link{ position: relative; z-index: 1; margin-top: 20px; padding: 12px 16px; display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; color: #fff; background: var(--red); border-radius: 0; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.xmake-page--cnc-drilling .xmake-sf-cta-link:hover{ background: #111; transform: translateY(-2px); }
.xmake-page--cnc-drilling .xmake-sf-tip{ margin-top: 34px; padding: 24px 28px; display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; border-top: 1px solid #2d3036; border-bottom: 1px solid #2d3036; }
.xmake-page--cnc-drilling .xmake-sf-tip strong{ padding: 5px 11px; color: #fff; background: var(--red); border-radius: 999px; font-size: 12px; line-height: 1.3; text-transform: uppercase; }
.xmake-page--cnc-drilling .xmake-sf-tip p{ margin: 0; color: #a8abb1; font-size: 14px; line-height: 1.7; }
@media (max-width: 960px){
.xmake-page--cnc-drilling .xmake-sf-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.xmake-page--cnc-drilling .xmake-sf-body p{ min-height: 112px; }

}
@media (max-width: 600px){
.xmake-page--cnc-drilling .xmake-sf-section{ padding: 56px 16px; }
.xmake-page--cnc-drilling .xmake-sf-header{ margin-bottom: 30px; }
.xmake-page--cnc-drilling .xmake-sf-header h2{ font-size: clamp(28px, 7.5vw, 30px); }
.xmake-page--cnc-drilling .xmake-sf-header p{ font-size: 15px; }
.xmake-page--cnc-drilling .xmake-sf-grid{ grid-template-columns: 1fr; }
.xmake-page--cnc-drilling .xmake-sf-card,
.xmake-page--cnc-drilling .xmake-sf-cta{ min-height: 0; }
.xmake-page--cnc-drilling .xmake-sf-body{ min-height: 0; }
.xmake-page--cnc-drilling .xmake-sf-body p{ min-height: 0; }
.xmake-page--cnc-drilling .xmake-sf-cta{ padding: 38px 26px; }
.xmake-page--cnc-drilling .xmake-sf-tip{ padding: 22px 0; grid-template-columns: 1fr; gap: 12px; }
.xmake-page--cnc-drilling .xmake-sf-tip strong{ width: fit-content; }

}
.xmake-page--cnc-drilling .cnc-drilling-page :is(.capability-card, .spec-table-wrap, .materials-band__inner, .xmake-sf-card, .xmake-sf-cta){
  border-radius: 4px;
}