/* Eight text sizes. All legacy font-size declarations resolve to these tokens. */
:root{--text-1:12px;--text-2:14px;--text-3:16px;--text-4:20px;--text-5:24px;--text-6:32px;--text-7:44px;--text-8:72px;--header-height:68px;--control-size:48px;--content-max:1800px;--section-title:var(--text-7)}
@media(max-width:1100px){:root{--text-7:40px;--text-8:60px}}
@media(max-width:820px){:root{--header-height:56px;--control-size:44px}}
@media(max-width:767px){:root{--text-4:18px;--text-5:22px;--text-6:26px;--text-7:32px;--text-8:40px}}
html{scroll-padding-top:calc(var(--header-height) + 24px)}
body.sfe-redesign{font-size:var(--text-3);--nav-height:var(--header-height);line-height:1.65}
body.sfe-redesign h1,body.sfe-redesign h2,body.sfe-redesign h3{font-weight:400;letter-spacing:0;overflow-wrap:break-word}
body.sfe-redesign h1{font-size:var(--text-7);line-height:1.15}
body.sfe-redesign h2{font-size:var(--text-6);line-height:1.2}
body.sfe-redesign h3{font-size:var(--text-5);line-height:1.3}
body.sfe-redesign small{font-size:var(--text-1)}
body.sfe-redesign sup,body.sfe-redesign sub{font-size:inherit}
body.sfe-redesign :is(button,input,select,textarea){font-family:inherit}
body.sfe-redesign :is(input,select,textarea){font-size:var(--text-3)}
body.sfe-redesign :is(.eyebrow,.breadcrumbs,.showcase-kicker,.mega-caption,.mega-link-index,.form-demo-note,.document-size,.footer-bottom,.architecture-label){font-size:var(--text-1);line-height:1.5;letter-spacing:.06em}
body.sfe-redesign :is(.text-link,.card-link,.button,.footer-link,.showcase-link,.picture-caption,.architecture-caption-text,.advantage-fact p){font-size:var(--text-2);line-height:1.6}
body.sfe-redesign :is(.page-lead,.section-lead,.about-lead,.architecture-image){font-size:var(--text-4);line-height:1.5}
body.sfe-redesign :is(.article-body,.article-body p,.article-body li,.editorial-intro p){font-size:var(--text-3);line-height:1.75}
body.sfe-redesign :is(.article-body h2,.editorial-intro h2,.subsection-title,.steps-title){font-size:var(--text-6);line-height:1.25}
body.sfe-redesign :is(.industry-copy h3,.sample-copy h3,.service-rows h3,.document-row h3,.article-body h3,.requisites h3){font-size:var(--text-5);line-height:1.3}
body.sfe-redesign.inner-page .page-intro h1{font-size:var(--text-7);line-height:1.15;max-width:1100px}
body.sfe-redesign #about .about-overview>h2,
body.sfe-redesign #engineering .architecture-title,
body.sfe-redesign #advantages .advantages-heading,
body.sfe-redesign.home-page :is(#products,#applications,#samples,#services,#documents) .section-heading h2,
body.sfe-redesign #request .request-copy h2{font-size:var(--text-7);line-height:1.2;letter-spacing:0;font-weight:400;text-transform:none;max-width:none}
body.sfe-redesign #about .about-overview>.about-lead{font-size:var(--text-4);line-height:1.5}
body.sfe-redesign #about .about-company{font-size:var(--text-3);line-height:1.75}
body.sfe-redesign #about .stat>p{font-size:var(--text-8);line-height:1.05}
body.sfe-redesign #about .stat>p>span,body.sfe-redesign #about .stat>span{font-size:var(--text-2)}
body.sfe-redesign #about .stat:nth-child(3)>span{max-width:none;text-wrap:balance}
body.sfe-redesign #hero .showcase-copy h2,
body.sfe-redesign #technology .technology-title .technology-display{font-size:var(--text-8);line-height:1.08;letter-spacing:-.02em;overflow-wrap:break-word}
body.sfe-redesign #hero .showcase-description{font-size:var(--text-3);line-height:1.65}
body.sfe-redesign #technology .technology-explanation>p{font-size:var(--text-4);line-height:1.55}
body.sfe-redesign #advantages .advantage-title{font-size:var(--text-6);line-height:1.25}
body.sfe-redesign #advantages .advantage-fact h3{font-size:var(--text-3);line-height:1.4}
body.sfe-redesign #advantages .advantage-fact p{font-size:var(--text-2);line-height:1.65}
body.sfe-redesign .reference-menu :is(.mega-trigger,.mega-direct){font-size:var(--text-6);line-height:1.3}
body.sfe-redesign .reference-menu .mega-links>a{font-size:var(--text-3)}

/* Compact header; one height shared by the page, curtain and anchor offsets. */
body.sfe-redesign #hero #site-header,
body.sfe-redesign .topbar.site-navigation,
body.sfe-redesign .reference-menu .menu-header{height:var(--header-height)}
body.sfe-redesign :is(#hero #site-header.site-navigation,.topbar.site-navigation,.reference-menu .menu-header) .header-shell{height:var(--header-height);max-width:var(--content-max)}
body.sfe-redesign :is(#hero #site-header.site-navigation,.topbar.site-navigation,.reference-menu .menu-header) .header-phone{font-size:var(--text-3);line-height:1.4;letter-spacing:0;white-space:nowrap}
body.sfe-redesign :is(#hero #site-header.site-navigation,.topbar.site-navigation,.reference-menu .menu-header) .burger{height:44px}
body.sfe-redesign .reference-menu .site-menu{padding-top:calc(var(--header-height) + 32px)}
body.sfe-redesign dialog.reference-menu.is-closing{pointer-events:auto}
body.sfe-redesign .product-anchor-nav{top:var(--header-height)}

/* The controls use exactly the same outer width and inset as .container. */
body.sfe-redesign #hero .showcase-controls{--control-line:rgba(240,240,240,.2);inset:auto auto 32px 50%;width:100%;max-width:var(--content-max);padding-inline:var(--gutter);transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;min-width:0;box-sizing:border-box}
body.sfe-redesign #hero[data-active-slide="1"] .showcase-controls{--control-line:rgba(44,44,44,.2)}
body.sfe-redesign #hero .showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,480px);min-width:0;gap:24px}
body.sfe-redesign #hero .showcase-tabs button{min-width:0;width:100%;font-size:var(--text-1);gap:8px}
body.sfe-redesign #hero .showcase-tabs button>span:first-child{font-size:inherit}
body.sfe-redesign #hero .showcase-tabs button::after{opacity:.2}
body.sfe-redesign #hero .showcase-arrows{gap:0;margin:0;min-width:0;border:1px solid var(--control-line)}
body.sfe-redesign #hero .showcase-scroll{display:flex;margin:0;gap:16px;white-space:nowrap;font-size:var(--text-1)}

/* One square control family, matching the engineering stages. */
body.sfe-redesign .architecture-control,
body.sfe-redesign #hero .showcase-arrows button,
body.sfe-redesign #advantages .advantage-arrows button{width:var(--control-size);height:var(--control-size);min-width:44px;min-height:44px;display:inline-grid;place-items:center;padding:0;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;box-shadow:none;backdrop-filter:none;transition:background .2s,color .2s;cursor:pointer}
body.sfe-redesign .architecture-control+button,
body.sfe-redesign #hero .showcase-arrows button+button,
body.sfe-redesign #advantages .advantage-arrows button+button{margin-left:-1px}
body.sfe-redesign .architecture-control svg,
body.sfe-redesign #hero .showcase-arrows svg,
body.sfe-redesign #advantages .advantage-arrows svg{width:20px;height:18px;display:block}
body.sfe-redesign .architecture-control svg>*,
body.sfe-redesign #hero .showcase-arrows svg>*,
body.sfe-redesign #advantages .advantage-arrows svg>*{stroke-width:1.5}
body.sfe-redesign .architecture-control:hover{background:#2c2c2c;color:#f0f0f0}
body.sfe-redesign #advantages .advantage-arrows button:hover{background:#f0f0f0;color:#2c2c2c}
body.sfe-redesign #hero .showcase-arrows button{border:0;margin:0;height:calc(var(--control-size) - 2px);min-height:42px;transition:none}
body.sfe-redesign #hero .showcase-arrows button+button{margin-left:0;border-left:1px solid var(--control-line)}
body.sfe-redesign #hero .showcase-arrows button:is(:hover,:active){background:transparent;color:inherit;transform:none}
body.sfe-redesign #hero .showcase-arrows button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
body.sfe-redesign #hero [data-showcase-pause] .play-icon{display:none}
body.sfe-redesign #hero [data-showcase-pause][aria-pressed="true"] .play-icon{display:block}
body.sfe-redesign #hero [data-showcase-pause][aria-pressed="true"] .pause-icon{display:none}

/* Advantages: count and controls live beside the heading, clear of the photo. */
body.sfe-redesign #advantages .advantages-header{display:flex;align-items:center;justify-content:space-between;gap:24px}
body.sfe-redesign #advantages .advantages-tools{display:flex;align-items:center;gap:24px;flex-shrink:0}
body.sfe-redesign #advantages .advantages-total{font-size:var(--text-2);line-height:1.5;max-width:none;white-space:nowrap}
body.sfe-redesign #advantages .advantage-arrows{position:static;inset:auto;display:flex;gap:0;pointer-events:auto}
body.sfe-redesign #advantages .advantage-stage-caption{display:block;inset:auto 24px 28px;max-width:calc(100% - 48px)}
body.sfe-redesign #advantages .advantage-stage-label{font-size:var(--text-5);line-height:1.35;max-width:560px}
body.sfe-redesign #advantages .advantage-stage-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
body.sfe-redesign #advantages .advantage-stage-link{font-size:var(--text-1);line-height:1.5;min-width:0}

/* Three horizontal model selectors with one clear active state. */
body.sfe-redesign #products .product-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 40px;border:1px solid #a8a8a8bf}
body.sfe-redesign #products .product-tabs button{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-content:start;align-items:center;gap:10px 12px;min-width:0;width:100%;min-height:132px;padding:20px 24px;border:0;border-right:1px solid #a8a8a8bf;color:#2c2c2c;background:transparent;text-align:left;letter-spacing:0;transition:background .2s,color .2s}
body.sfe-redesign #products .product-tabs button:last-child{border-right:0}
body.sfe-redesign #products .product-tabs button:hover{background:#ebebeb}
body.sfe-redesign #products .product-tabs button[aria-selected="true"]{background:#2c2c2c;color:#f0f0f0}
body.sfe-redesign #products .product-tab-index{font-size:var(--text-1);line-height:1;color:inherit;opacity:.7}
body.sfe-redesign #products .product-tab-arrow{width:18px;height:18px;opacity:0;transition:opacity .2s}
body.sfe-redesign #products [aria-selected="true"] .product-tab-arrow{opacity:1}
body.sfe-redesign #products .product-tab-name{grid-column:1/-1;font-size:var(--text-5);line-height:1.25;white-space:nowrap}
body.sfe-redesign #products .product-tabs small{grid-column:1/-1;font-size:var(--text-2);line-height:1.5;color:#747474;margin:0}
body.sfe-redesign #products [aria-selected="true"] small{color:#d3d3d3}
body.sfe-redesign #products .product-tabs button:focus-visible{outline:2px solid currentColor;outline-offset:-6px}
body.sfe-redesign #products .model-copy h3{font-size:var(--text-7);line-height:1.15;letter-spacing:0}
body.sfe-redesign #products .model-description{font-size:var(--text-3);line-height:1.75;color:#2c2c2c;opacity:1;max-width:580px}
body.sfe-redesign .model-specs dt,body.sfe-redesign .model-specs small{font-size:var(--text-2)}
body.sfe-redesign .model-specs dd{font-size:var(--text-5);line-height:1.3}

/* A flat technical drawing field, with no oval or simulated elevation. */
body.sfe-redesign :is(#products .model-picture,.product-detail-photo,.catalog-photo){background:#ebebeb url('../images/2026/machine-stage.svg?v=20261021-7') center/100% 100% no-repeat;border:0;border-radius:0;isolation:isolate}
body.sfe-redesign :is(#products .model-picture,.product-detail-photo,.catalog-photo)::before{content:none}
body.sfe-redesign :is(.model-picture,.product-detail-photo,.catalog-photo,.showcase-machine)>img{filter:none}
body.sfe-redesign .button:hover{transform:none}

/* A short, quiet entrance; keep the same animation alive during a quick exit. */
body.sfe-redesign #hero .showcase-product{--machine-enter-x:32px;--machine-enter-y:12px}
body.sfe-redesign #hero .showcase-product:is(.is-current,.is-leaving) .showcase-machine>img{animation:sfe-machine-enter 1s cubic-bezier(0.62,0.05,0.01,0.99) .16s both}
@keyframes sfe-machine-enter{
 from{transform:translate3d(var(--machine-enter-x),var(--machine-enter-y),0);opacity:.8}
 to{transform:translate3d(0,0,0);opacity:1}
}

/* Light application cards retain readable text in every interaction state. */
body.sfe-redesign .industry-card .industry-copy h3{color:#1d1d1b}
body.sfe-redesign .industry-card .industry-copy :is(p,.eyebrow){color:#2c2c2c}
body.sfe-redesign .industry-card .card-link{color:#1d1d1b}
body.sfe-redesign .industry-card:is(:hover,:focus-visible) .industry-copy h3{color:#1d1d1b}
body.sfe-redesign .industry-card:is(:hover,:focus-visible) .industry-copy :is(p,.eyebrow){color:#2c2c2c}
body.sfe-redesign .industry-card:is(:hover,:focus-visible) .card-link{color:#1d1d1b}

/* Persistent separators replace the pale reveal lines on the document list. */
body.sfe-redesign .document-list{border-top:1px solid #a8a8a8bf}
body.sfe-redesign .document-list>.document-row{border:0;border-bottom:1px solid #a8a8a8bf}
body.sfe-redesign .document-list>.document-row.motion-rule::after{content:none}

/* Inputs share the form surface, including focus and browser autofill. */
body.sfe-redesign .request-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select),
body.sfe-redesign .request-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select):focus{background:transparent;padding-inline:0;color:#f0f0f0;-webkit-text-fill-color:#f0f0f0;caret-color:#f0f0f0}
body.sfe-redesign .request-form .upload-zone{background:transparent}
body.sfe-redesign .request-form input:is(:-webkit-autofill,:autofill){box-shadow:0 0 0 1000px #2c2c2c inset!important;-webkit-text-fill-color:#f0f0f0!important;caret-color:#f0f0f0}

/* The footer uses only two roles: 14px copy and 16px headings/contacts. */
body.sfe-redesign .footer :is(p,a,button,h2){font-size:var(--text-2);line-height:1.65;letter-spacing:0;font-weight:400}
body.sfe-redesign .footer .footer-grid nav h2,
body.sfe-redesign .footer .footer-contact>a{font-size:var(--text-3);line-height:1.5;letter-spacing:0}
body.sfe-redesign .footer .footer-grid nav h2{font-weight:500}
body.sfe-redesign .footer .footer-about p{max-width:330px}
body.sfe-redesign .footer .footer-contact>a{white-space:normal;overflow-wrap:anywhere}
body.sfe-redesign .footer .footer-contact>a[href^="tel:"]{white-space:nowrap}

@media(max-width:1100px){
 body.sfe-redesign #hero .showcase-controls{grid-template-columns:minmax(0,1fr) auto;gap:24px}
 body.sfe-redesign #hero .showcase-scroll{display:none}
 body.sfe-redesign #products .product-tabs button{padding:20px 16px}
 body.sfe-redesign #advantages .advantages-tools{gap:16px}
}
@media(max-width:820px){
 body.sfe-redesign #hero .showcase-product{--machine-enter-x:18px;--machine-enter-y:6px}
 body.sfe-redesign #hero .showcase-controls{bottom:24px;grid-template-columns:minmax(0,1fr) auto;gap:16px 0}
 body.sfe-redesign #hero .showcase-tabs{grid-column:1/-1;width:100%;gap:16px}
 body.sfe-redesign #hero .showcase-arrows{grid-column:2;grid-row:2}
 body.sfe-redesign #hero .showcase-scroll{display:flex;grid-column:1;grid-row:2}
 body.sfe-redesign #advantages .advantages-header{flex-wrap:wrap;gap:20px}
 body.sfe-redesign #advantages .advantages-tools{width:100%;justify-content:space-between}
 body.sfe-redesign #advantages .advantage-stage-caption{inset:auto 20px 24px;max-width:calc(100% - 40px)}
}
@media(max-width:767px){
 body.sfe-redesign #products .product-tabs{margin-bottom:24px}
 body.sfe-redesign #products .product-tabs button{padding:16px 10px;min-height:112px;gap:10px 4px}
 body.sfe-redesign #products .product-tab-name{font-size:var(--text-2)}
 body.sfe-redesign #products .product-tabs small{font-size:var(--text-1)}
 body.sfe-redesign #products .product-tab-arrow{width:14px;height:14px}
 body.sfe-redesign #advantages .advantage-stage-label{font-size:var(--text-5)}
}
@media(max-width:380px){
 body.sfe-redesign #products .product-tabs button{padding-inline:8px}
 body.sfe-redesign #products .product-tab-name{font-size:var(--text-1)}
 body.sfe-redesign #hero .showcase-tabs button{gap:5px}
}
@media(max-width:480px){
 body.sfe-redesign #hero .showcase-tabs button>span:first-child{display:none}
 body.sfe-redesign .footer-grid{grid-template-columns:minmax(0,1fr)}
 body.sfe-redesign .footer-grid>nav{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
 body.sfe-redesign #hero .showcase-product:is(.is-current,.is-leaving) .showcase-machine>img{animation:none;transform:none;opacity:1}
}