:root {
  --ink: #111820;
  --ink-soft: #48525c;
  --paper: #f5f6f2;
  --white: #fff;
  --line: #d8dcd8;
  --blue: #087fc3;
  --blue-bright: #35c8ff;
  --dark: #071018;
  --dark-card: #101b24;
  --orange: #ff7757;
  --radius: 22px;
  --max: 1440px;
  --sans: "Manrope", Arial, sans-serif;
  --body: "IBM Plex Sans", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--body);
  font-size: 17px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { font-family: var(--sans); letter-spacing: -.045em; line-height: 1.02; }
html:not([lang="en"]) h1,html:not([lang="en"]) h2,html:not([lang="en"]) h3{hyphens:auto;overflow-wrap:break-word}
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.skip-link { position: fixed; z-index: 1000; top: 12px; left: 12px; padding: 10px 14px; background: var(--white); transform: translateY(-160%); }
.skip-link:focus { transform: none; }

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 76px;
  padding: 0 clamp(20px, 4vw, 72px);
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  gap: 18px;
  align-items: center;
  background: color-mix(in srgb, var(--paper) 88%, transparent);
  border-bottom: 1px solid rgba(17,24,32,.1);
  backdrop-filter: blur(18px);
}
.brand { justify-self: start; display: flex; align-items: center; gap: 10px; font-family: var(--sans); }
.brand__mark { position: relative; display: block; width: 32px; height: 32px; overflow: hidden; border-radius: 9px; background: #fff; }
.brand__mark img { position: absolute; width: 46px; max-width: none; left: -7px; top: -2px; }
.brand__word { font-weight: 800; font-size: 17px; letter-spacing: -.04em; }
.brand__descriptor { padding-left: 10px; border-left: 1px solid var(--line); color: #6f7880; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.primary-nav { display: flex; align-items: center; gap: 32px; font-family: var(--sans); font-size: 13px; font-weight: 600; }
.primary-nav a { position: relative; padding: 26px 0; }
.primary-nav a::after { content: ""; position: absolute; left: 0; bottom: 19px; width: 100%; height: 1px; background: var(--ink); transform: scaleX(0); transform-origin: right; transition: transform .3s; }
.primary-nav a:hover::after { transform: scaleX(1); transform-origin: left; }
.header-cta { justify-self: end; padding: 11px 18px; border-radius: 99px; background: var(--ink); color: var(--white); font-family: var(--sans); font-size: 12px; font-weight: 700; }
.nav-toggle { display: none; border: 0; background: none; }
.language-switcher{position:relative;z-index:4;justify-self:end;font-family:var(--sans)}
.language-trigger{min-width:66px;height:38px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(17,24,32,.16);border-radius:999px;background:rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.language-trigger:hover,.language-trigger[aria-expanded="true"]{border-color:rgba(17,24,32,.28);background:#fff;box-shadow:0 8px 24px rgba(31,47,57,.09),inset 0 1px 0 #fff}.language-trigger:active{transform:translateY(1px)}.language-trigger:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.language-trigger__icon{width:15px;height:15px;display:grid;place-items:center;color:var(--blue)}.language-trigger__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.language-trigger b{font-size:10px;font-weight:750;letter-spacing:.08em}.language-trigger i{width:9px;height:7px;display:grid;place-items:center;font-style:normal;transition:transform .2s}.language-trigger i svg{width:9px;height:7px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.language-switcher.is-open .language-trigger i{transform:rotate(180deg)}
.language-menu{position:absolute;top:50px;right:0;width:min(360px,calc(100vw - 36px));max-height:min(440px,calc(100vh - 92px));padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:3px;overflow:auto;border:1px solid rgba(17,24,32,.11);border-radius:16px;background:rgba(250,251,249,.96);box-shadow:0 24px 70px rgba(22,37,46,.18),inset 0 1px 0 rgba(255,255,255,.95);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scale(.985);transform-origin:top right;backdrop-filter:blur(22px) saturate(1.15);transition:opacity .18s,visibility .18s,transform .18s}.language-menu[hidden]{display:none!important}.language-switcher.is-open .language-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}.language-menu a{min-height:45px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid transparent;border-radius:10px;color:#273139;font-size:12px;font-weight:550;line-height:1.2;transition:background .18s,border-color .18s,color .18s,transform .18s}.language-menu a:hover{background:#fff;border-color:#dce2df;transform:translateY(-1px)}.language-menu a:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.language-menu a[aria-current="true"]{border-color:#c9e4ef;background:#eaf5f9;color:#0878aa}.language-menu small{min-width:25px;color:#89949a;font-size:8px;font-weight:750;letter-spacing:.1em;text-align:right}.language-menu a[aria-current="true"] small{color:#0878aa}

.hero {
  position: relative;
  min-height: 900px;
  padding: 150px clamp(20px, 4vw, 72px) 36px;
  display: grid;
  grid-template-columns: minmax(430px, .86fr) minmax(500px, 1.14fr);
  grid-template-rows: 1fr auto;
  overflow: hidden;
  background: linear-gradient(145deg, #fafbf8 0%, #f1f3ef 52%, #e9eeec 100%);
}
.hero__grid { position: absolute; inset: 76px 0 auto 0; height: 1px; background: linear-gradient(90deg, transparent, #ccd1ce 20%, #ccd1ce 80%, transparent); }
.hero__copy { position: relative; z-index: 3; align-self: center; max-width: 710px; padding: 30px 0 80px; }
.eyebrow { margin-bottom: 24px; color: var(--blue); font-family: var(--sans); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.hero h1 { margin: 0 0 30px; font-size: clamp(58px, 6vw, 104px); font-weight: 500; letter-spacing: -.075em; }
.hero-line { display: block; overflow: hidden; padding-bottom: .05em; }
.hero-line > span { display: block; }
.hero__lede { max-width: 620px; margin-bottom: 32px; color: #4b5660; font-size: clamp(18px, 1.45vw, 22px); line-height: 1.55; }
.hero__actions { display: flex; align-items: center; gap: 24px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 54px; padding: 0 24px; border: 0; border-radius: 6px; font-family: var(--sans); font-size: 13px; font-weight: 700; cursor: pointer; transition: transform .25s, background .25s, border-color .25s; }
.button:hover { transform: translateY(-2px); }
.button--primary { background: var(--blue); color: #fff; }
.button--primary:hover { background: #066ba5; }
.button--text { padding: 0; min-height: auto; border-bottom: 1px solid #aeb5b2; border-radius: 0; }
.hero__assurance { display: flex; gap: 30px; margin: 54px 0 0; padding: 22px 0 0; border-top: 1px solid var(--line); list-style: none; color: #55606a; font-family: var(--sans); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.hero__assurance span { color: var(--blue); margin-right: 5px; }
.hero__visual { position: relative; z-index: 2; align-self: stretch; min-height: 620px; display: grid; place-items: center; }
.hero__orb { position: absolute; width: min(48vw, 690px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 42% 42%, rgba(255,255,255,.98) 0 32%, rgba(209,225,228,.75) 50%, rgba(8,127,195,.12) 68%, transparent 69%); filter: drop-shadow(0 35px 60px rgba(43,63,72,.11)); }
.machine-stage { position: relative; z-index: 2; width: min(47vw, 690px); }
.hero-machine { width: 100%; filter: drop-shadow(0 32px 25px rgba(28,40,47,.18)); transform: translateZ(0); }
.machine-stage__label { position: absolute; z-index: 3; top: 7%; left: 2%; padding: 8px 10px; color: #61707a; border-left: 2px solid var(--blue); font-family: var(--sans); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.machine-brand { position: absolute; z-index: 4; top: 19.2%; left: 20.1%; color: #17232c; font-family: var(--sans); font-size: clamp(8px, .72vw, 11px); font-weight: 800; letter-spacing: -.04em; }
.machine-brand small { display: block; color: #68747c; font-size: 5px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; }
.scan-plane { position: absolute; z-index: 3; left: 20%; right: 17%; top: 46%; height: 2px; background: linear-gradient(90deg, transparent, var(--blue-bright), transparent); box-shadow: 0 0 18px var(--blue-bright); opacity: .7; }
.scan-plane span { position: absolute; right: 12%; top: -5px; width: 11px; height: 11px; border: 2px solid var(--orange); border-radius: 50%; box-shadow: 0 0 10px var(--orange); }
.hero-spec { position: absolute; z-index: 3; min-width: 174px; padding: 13px 16px; border: 1px solid rgba(92,107,116,.22); background: rgba(255,255,255,.72); backdrop-filter: blur(12px); }
.hero-spec span { display: block; color: #77828a; font-family: var(--sans); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.hero-spec strong { display: block; margin-top: 4px; font-family: var(--sans); font-size: 13px; }
.hero-spec--top { top: 24%; right: 1%; }
.hero-spec--bottom { left: 4%; bottom: 17%; }
.material-switcher { z-index: 3; grid-column: 1 / -1; display: flex; align-items: center; gap: 22px; padding-top: 25px; border-top: 1px solid #cfd5d1; }
.material-switcher__title { font-family: var(--sans); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.material-switcher__buttons { display: flex; flex: 1; gap: 8px; }
.material-chip { padding: 9px 14px; border: 1px solid #ccd2ce; border-radius: 99px; background: transparent; color: #58636b; font-family: var(--sans); font-size: 11px; font-weight: 600; cursor: pointer; transition: .25s; }
.material-chip:hover, .material-chip.is-active { border-color: var(--ink); background: var(--ink); color: white; }
.material-switcher > a { font-family: var(--sans); font-size: 11px; font-weight: 700; white-space: nowrap; }

.trust-strip { padding: 20px clamp(20px, 4vw, 72px); display: flex; justify-content: space-between; gap: 30px; background: var(--ink); color: #fff; font-family: var(--sans); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.trust-strip p { margin: 0; color: #73d7ff; }
.trust-strip div { display: flex; gap: 20px; }
.trust-strip i { color: #68747e; font-style: normal; }
.section { max-width: var(--max); margin: auto; padding: clamp(100px, 10vw, 160px) clamp(20px, 4vw, 72px); }
.section-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(310px, .65fr); gap: 80px; align-items: end; margin-bottom: 60px; }
.section-heading .eyebrow { margin-bottom: 18px; }
.section-heading h2 { max-width: 850px; margin-bottom: 0; font-size: clamp(46px, 5.3vw, 82px); font-weight: 500; }
.section-heading > p { max-width: 540px; margin: 0; color: var(--ink-soft); font-size: 18px; }
.application-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.application-card { position: relative; min-height: 465px; padding: 18px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #eceeea; transition: transform .35s, box-shadow .35s; }
.application-card:hover { transform: translateY(-6px); box-shadow: 0 22px 50px rgba(21,34,43,.09); }
.application-card__body { position: relative; z-index: 2; margin-top: auto; padding: 22px; border-radius: 14px; background: rgba(255,255,255,.86); backdrop-filter: blur(14px); }
.card-index { color: var(--blue); font-family: var(--sans); font-size: 10px; font-weight: 700; }
.application-card h3 { margin: 10px 0 10px; font-size: 28px; }
.application-card p { min-height: 52px; margin-bottom: 20px; color: #5b666e; font-size: 15px; line-height: 1.45; }
.text-link { padding: 0; border: 0; background: none; color: var(--ink); font-family: var(--sans); font-size: 12px; font-weight: 700; cursor: pointer; }
.text-link span { margin-left: 12px; }
.material-art { position: absolute; inset: 10px 10px 150px; }
.material-art i { position: absolute; display: block; filter: drop-shadow(5px 10px 6px rgba(42,39,25,.18)); }
.material-art--rice i { width: 50px; height: 15px; border-radius: 80% 20% 80% 20%; background: linear-gradient(145deg,#fffce7,#d9c58a); transform: rotate(var(--r)); }
.material-art--beans i { width: 44px; height: 31px; border-radius: 58% 42% 48% 52%; background: radial-gradient(circle at 30% 25%,#d7a25f,#7b3d1e 70%); transform: rotate(var(--r)); }
.material-art--nuts i { width: 58px; height: 34px; border-radius: 60% 40% 55% 45%; background: linear-gradient(145deg,#d7a160,#7d4725); transform: rotate(var(--r)); }
.material-art--seeds i { width: 27px; height: 17px; border-radius: 60% 20% 60% 20%; background: linear-gradient(145deg,#2e3331,#8c8a75); transform: rotate(var(--r)); }
.material-art--spices i { width: 37px; height: 10px; border-radius: 50%; background: linear-gradient(145deg,#5f7b3c,#23391c); transform: rotate(var(--r)); }
.material-art i:nth-child(1){left:8%;top:15%;--r:18deg}.material-art i:nth-child(2){left:30%;top:8%;--r:-20deg}.material-art i:nth-child(3){left:56%;top:13%;--r:34deg}.material-art i:nth-child(4){left:76%;top:8%;--r:-8deg}.material-art i:nth-child(5){left:18%;top:38%;--r:47deg}.material-art i:nth-child(6){left:45%;top:34%;--r:-30deg}.material-art i:nth-child(7){left:72%;top:38%;--r:23deg}.material-art i:nth-child(8){left:5%;top:63%;--r:-38deg}.material-art i:nth-child(9){left:31%;top:60%;--r:12deg}.material-art i:nth-child(10){left:58%;top:65%;--r:-5deg}.material-art i:nth-child(11){left:82%;top:59%;--r:37deg}.material-art i:nth-child(12){left:48%;top:82%;--r:-42deg}
.application-card--beans { background: #e6ded2; }.application-card--nuts { background: #ded0bd; }.application-card--seeds { background: #d9dcda; }.application-card--spices { background: #d9e0d5; }
.application-card--custom { color: #fff; background: var(--ink); }
.application-card--custom .application-card__body { background: rgba(11,18,24,.76); }
.application-card--custom p { color: #b9c2c8; }
.application-card--custom .text-link { color: #fff; }
.custom-orbit { position: absolute; inset: 0 0 130px; display: grid; place-items: center; }
.custom-orbit::before, .custom-orbit::after { content:""; position:absolute; width:220px; aspect-ratio:1; border:1px solid rgba(90,207,255,.25); border-radius:50%; }
.custom-orbit::after { width:145px; }
.custom-orbit span { position:absolute; width:9px; height:9px; border-radius:50%; background:#5ad0ff; box-shadow:0 0 18px #5ad0ff; }
.custom-orbit span:nth-child(1){transform:translate(105px,-30px)}.custom-orbit span:nth-child(2){transform:translate(-60px,63px)}.custom-orbit span:nth-child(3){transform:translate(12px,-72px)}

.sample-path { display: grid; grid-template-columns: 1fr 1fr; min-height: 760px; background: #fff; }
.sample-path__image { position: relative; min-height: 650px; overflow: hidden; background: #d9ddd9; }
.sample-path__image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(8,15,20,.62)); }
.sample-path__image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.03); }
.sample-path__image > p { position:absolute; z-index:3; left:8%; bottom:5%; margin:0; color:#fff; font-family:var(--sans); font-size:10px; font-weight:700; letter-spacing:.16em; }
.sample-path__reticle { position:absolute; z-index:2; inset:0; display:grid; place-items:center; }
.sample-path__reticle::before { content:""; width:170px; height:170px; border:1px solid rgba(255,255,255,.8); border-radius:50%; box-shadow:0 0 0 35px rgba(255,255,255,.08); }
.sample-path__reticle span { position:absolute; width:11px; height:11px; border:2px solid var(--orange); border-radius:50%; }
.sample-path__reticle span:nth-child(1){transform:translate(-95px,-50px)}.sample-path__reticle span:nth-child(2){transform:translate(75px,68px)}.sample-path__reticle span:nth-child(3){transform:translate(35px,-108px)}
.sample-path__content { padding: clamp(70px,7vw,120px); align-self:center; }
.sample-path__content h2 { margin-bottom:28px; font-size:clamp(42px,4.5vw,72px); font-weight:500; }
.sample-path__lede { max-width:620px; color:var(--ink-soft); font-size:18px; }
.sample-questions { margin:42px 0; padding:0; border-top:1px solid var(--line); list-style:none; }
.sample-questions li { display:grid; grid-template-columns:50px 1fr; gap:12px; padding:18px 0; border-bottom:1px solid var(--line); }
.sample-questions li > span { color:var(--blue); font-family:var(--sans); font-size:10px; font-weight:700; }
.sample-questions strong { font-family:var(--sans); font-size:15px; }
.sample-questions p { margin:3px 0 0; color:#69737a; font-size:14px; }
.button--dark { background:var(--ink); color:#fff; }

.machines { max-width:1540px; }
.section-heading--compact h2 { max-width:900px; }
.machine-card { min-height:650px; margin-bottom:22px; display:grid; grid-template-columns:.8fr 1.2fr; border:1px solid var(--line); border-radius:28px; overflow:hidden; background:#fff; }
.machine-card--capacity { grid-template-columns:1.2fr .8fr; }
.machine-card__copy { padding:clamp(45px,6vw,92px); display:flex; flex-direction:column; justify-content:center; }
.machine-tag { color:var(--blue); font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.machine-tag span { margin-right:14px; }
.machine-card h3 { margin:18px 0 24px; font-size:clamp(38px,3.8vw,62px); font-weight:500; }
.machine-card__copy > p:not(.machine-tag) { color:var(--ink-soft); font-size:17px; }
.machine-data { margin:28px 0 35px; border-top:1px solid var(--line); }
.machine-data div { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:13px 0; border-bottom:1px solid var(--line); }
.machine-data dt { color:#778189; font-size:12px; }.machine-data dd { margin:0; font-family:var(--sans); font-size:13px; font-weight:700; }
.button--outline { align-self:flex-start; border:1px solid #bbc2be; background:transparent; }
.machine-card__visual { position:relative; min-height:550px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 45%,#fff 0 35%,#e8edeb 65%,#dfe5e2 100%); }
.machine-card__visual::before { content:""; position:absolute; width:65%; aspect-ratio:1; border:1px solid rgba(8,127,195,.22); border-radius:50%; box-shadow:0 0 0 60px rgba(8,127,195,.035); }
.machine-card__visual img { position:relative; z-index:2; width:90%; filter:drop-shadow(0 30px 25px rgba(25,39,47,.18)); }
.machine-card--capacity .machine-card__visual img { width:96%; }
.machine-card__scale { position:absolute; z-index:3; top:26px; left:28px; color:#617079; font-family:var(--sans); font-size:9px; font-weight:700; letter-spacing:.14em; }
.machine-brand--card { top:31%; left:26.3%; font-size:9px; }.machine-brand--wide { top:34.2%; left:21.5%; font-size:9px; }
.machine-notice { padding:26px 32px; display:grid; grid-template-columns:.5fr 1.5fr auto; gap:30px; align-items:center; border:1px solid var(--line); border-radius:16px; }
.machine-notice span { color:var(--blue); font-family:var(--sans); font-size:11px; font-weight:700; text-transform:uppercase; }.machine-notice p { margin:0; color:var(--ink-soft); }.machine-notice a { font-family:var(--sans); font-size:12px; font-weight:700; }

.technology { padding:clamp(100px,10vw,160px) max(clamp(20px,4vw,72px),calc((100vw - 1440px)/2)); background:var(--dark); color:#f2f6f8; overflow:hidden; }
.eyebrow--light { color:#65d4ff; }
.technology__intro { display:grid; grid-template-columns:1.3fr .7fr; column-gap:80px; align-items:end; margin-bottom:70px; }
.technology__intro .eyebrow { grid-column:1/-1; }.technology__intro h2 { margin:0; font-size:clamp(48px,6vw,92px); font-weight:500; }.technology__intro > p:last-child { margin:0; color:#9aa8b2; font-size:18px; }
.technology-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #28343d; border-left:1px solid #28343d; }
.technology-grid article { min-height:330px; padding:32px; border-right:1px solid #28343d; border-bottom:1px solid #28343d; }
.tech-number { color:#6e7b84; font-family:var(--sans); font-size:9px; font-weight:700; letter-spacing:.15em; }
.technology-grid h3 { margin:28px 0 14px; font-size:25px; }.technology-grid p { margin:0; color:#96a5af; font-size:15px; }
.tech-icon { position:relative; width:100%; height:105px; margin-top:20px; overflow:hidden; }
.tech-icon::before,.tech-icon::after,.tech-icon i { content:""; position:absolute; }
.tech-icon--vision::before { left:50%; top:50%; width:110px; height:68px; border:1px solid #4acaff; border-radius:50%; transform:translate(-50%,-50%); }.tech-icon--vision::after { left:50%; top:50%; width:26px; height:26px; border:2px solid #74dcff; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 22px #36bce9; }
.tech-icon--light::before { inset:20px 10%; background:repeating-linear-gradient(90deg,transparent 0 15px,rgba(74,202,255,.35) 16px 17px); transform:perspective(100px) rotateX(60deg); }.tech-icon--light i { left:10%; right:10%; top:50%; height:2px; background:#70dcff; box-shadow:0 0 18px #39bfea; }
.tech-icon--logic i { width:10px;height:10px;border-radius:50%;background:#59d2ff;box-shadow:0 0 15px #59d2ff}.tech-icon--logic i:nth-child(1){left:20%;top:30%}.tech-icon--logic i:nth-child(2){left:50%;top:65%}.tech-icon--logic i:nth-child(3){right:18%;top:25%}.tech-icon--logic::before{left:22%;top:37%;width:59%;height:1px;background:#367899;transform:rotate(3deg)}
.tech-icon--eject::before { left:15%; top:50%; width:62%; height:3px; background:linear-gradient(90deg,#4fc8ef,transparent); transform:rotate(-12deg); }.tech-icon--eject::after { right:18%; top:17%; width:20px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 18px var(--orange); transform:rotate(-12deg); }
.tech-icon--flow i { top:15%; width:2px; height:80%; background:linear-gradient(#45c7fa,transparent); }.tech-icon--flow i:nth-child(1){left:30%;transform:rotate(-14deg)}.tech-icon--flow i:nth-child(2){left:50%}.tech-icon--flow i:nth-child(3){left:70%;transform:rotate(14deg)}
.tech-icon--cloud::before { left:50%;top:50%;width:90px;height:45px;border:1px solid #56cef9;border-radius:40px;transform:translate(-50%,-50%); }.tech-icon--cloud i { left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#5ed7ff;transform:translate(-50%,-50%);box-shadow:0 0 0 18px rgba(83,206,249,.08),0 0 25px #4ec8ef; }

.sort-principle { margin-top:clamp(100px,11vw,170px); display:grid; grid-template-columns:.65fr 1.35fr; gap:80px; align-items:start; }
.sort-principle__copy { position:sticky; top:110px; }.sort-principle h2 { margin-bottom:45px; font-size:clamp(46px,5vw,76px); font-weight:500; }
.principle-steps { border-top:1px solid #2b3740; }
.principle-step { width:100%; padding:17px 0; display:grid; grid-template-columns:36px 90px 1fr; gap:12px; align-items:center; text-align:left; border:0; border-bottom:1px solid #2b3740; background:transparent; color:#70808a; cursor:pointer; transition:.25s; }
.principle-step span { font-family:var(--sans);font-size:9px}.principle-step strong{font-family:var(--sans);font-size:13px}.principle-step small{font-size:12px}.principle-step:hover,.principle-step.is-active{color:#fff}.principle-step.is-active strong{color:#64d5ff}
.principle-visual { position:relative; min-height:680px; padding:25px; display:flex; flex-direction:column; border:1px solid #2b3740; border-radius:24px; background:radial-gradient(circle at 50% 42%,#152d3c,#091018 62%); overflow:hidden; }
.principle-visual::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,137,168,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(83,137,168,.07) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 82%); }
.principle-status { position:relative;z-index:2;display:flex;justify-content:space-between;font-family:var(--sans);font-size:9px;letter-spacing:.12em}.principle-status span{color:#65737c}.principle-status strong{color:#63d4ff;font-weight:600}
.principle-visual svg { position:relative;z-index:1;width:100%;height:550px; }.principle-layer { opacity:.08; transition:opacity .4s; }.principle-layer.is-active { opacity:1; }.principle-visual > p { position:relative;z-index:2;max-width:520px;margin:auto auto 6px;color:#b6c2ca;font-size:15px;text-align:center; }

.process-list { margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);list-style:none}.process-list li{min-height:240px;padding:24px;border-right:1px solid var(--line)}.process-list li:last-child{border-right:0}.process-list span{color:var(--blue);font-family:var(--sans);font-size:10px;font-weight:700}.process-list strong{display:block;margin:65px 0 12px;font-family:var(--sans);font-size:17px}.process-list p{margin:0;color:#66727a;font-size:14px}
.more-systems { margin-top:100px;padding:42px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px;border-radius:22px;background:#e7eae6}.more-systems h3{margin:0;font-size:36px}.more-systems article{padding-left:28px;border-left:1px solid #c8ceca}.more-systems article span{color:#718088;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.12em}.more-systems h4{margin:30px 0 10px;font-size:21px}.more-systems article p{margin:0;color:#667079;font-size:14px}.more-systems article>a{display:block}.more-systems article>a h4::after{content:" →";color:var(--blue);transition:margin .25s}.more-systems article>a:hover h4::after{margin-left:8px}

.configure { padding:clamp(90px,10vw,150px) max(clamp(20px,5vw,90px),calc((100vw - 1440px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,9vw,150px);background:var(--blue);color:#fff}.configure__intro{align-self:start;position:sticky;top:120px}.configure h2{margin-bottom:28px;font-size:clamp(48px,5.4vw,82px);font-weight:500}.configure__intro>p:not(.eyebrow){max-width:560px;color:#d3effc;font-size:18px}.configure .eyebrow{color:#b9edff}.configure__checklist{margin-top:42px;padding-top:28px;border-top:1px solid rgba(255,255,255,.25)}.configure__checklist p{margin:10px 0;color:#e8f8ff;font-size:14px}.configure__checklist span{margin-right:10px;color:#8de0ff}
.configure__email{margin-top:34px!important;color:#b9e8fa!important;font-size:12px!important}.configure__email a{display:inline-block;margin-top:5px;color:#fff;border-bottom:1px solid rgba(255,255,255,.45);font-family:var(--sans);font-size:16px;font-weight:700}.configure__email a span{margin-left:8px}
.configuration-form { padding:clamp(30px,4vw,58px);border-radius:22px;background:#fff;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.configuration-form label{display:block;margin-bottom:20px}.configuration-form label>span:first-child{display:block;margin-bottom:8px;color:#65717a;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.configuration-form input,.configuration-form select,.configuration-form textarea{width:100%;padding:14px 0;border:0;border-bottom:1px solid #cbd1ce;border-radius:0;background:transparent;color:var(--ink);outline:none;transition:border-color .25s}.configuration-form textarea{resize:vertical}.configuration-form input:focus,.configuration-form select:focus,.configuration-form textarea:focus{border-color:var(--blue)}.file-field{position:relative;min-height:100px;padding:18px!important;display:flex!important;gap:15px;align-items:center;border:1px dashed #aeb9b4;border-radius:10px;cursor:pointer}.file-field input{position:absolute;width:1px;height:1px;inset:50% auto auto 50%;opacity:0;pointer-events:none}.file-field__icon{display:grid!important;place-items:center;width:40px;height:40px;margin:0!important;border-radius:50%;background:#e9f5fa;color:var(--blue)!important;font-size:22px!important}.file-field strong{display:block;font-family:var(--sans);font-size:13px}.file-field small{display:block;margin-top:4px;color:#7e898f}.sample-checkbox{display:flex!important;align-items:center;gap:10px}.sample-checkbox input{width:17px;height:17px;accent-color:var(--blue)}.sample-checkbox span{margin:0!important;color:#55616a!important;font-family:var(--body)!important;font-size:13px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}.button--submit{width:100%;background:var(--ink);color:#fff}.form-note{margin:14px 0 0;color:#7a858c;font-size:12px;text-align:center}.form-note.is-success{color:#087852}

.site-footer { padding:45px clamp(20px,4vw,72px);display:grid;grid-template-columns:1fr 1.4fr auto;gap:40px;align-items:center;background:#071018;color:#d7e0e5}.footer-brand{display:flex;align-items:center;gap:12px;font-family:var(--sans);letter-spacing:-.04em}.footer-brand .brand__mark img{filter:invert(1)}.site-footer>p{margin:0;color:#7f909a;font-size:13px}.footer-links{display:flex;gap:22px;font-family:var(--sans);font-size:11px}.site-footer small{grid-column:1/-1;padding-top:25px;border-top:1px solid #202b33;color:#64737c}

@media (max-width:1180px){
  .site-header{grid-template-columns:1fr auto auto;gap:8px}.primary-nav{position:fixed;top:76px;left:0;right:0;padding:20px 30px;flex-direction:column;align-items:flex-start;background:var(--paper);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .35s}.primary-nav.is-open{transform:none}.primary-nav a{padding:7px 0;font-size:20px}.header-cta{display:none}.language-switcher{grid-column:2;grid-row:1}.nav-toggle{grid-column:3;grid-row:1;display:flex;width:40px;height:40px;padding:11px;flex-direction:column;justify-content:center;gap:6px}.nav-toggle span:not(.sr-only){display:block;width:100%;height:1px;background:var(--ink)}
  .hero{grid-template-columns:1fr 1fr;min-height:820px}.hero__copy{padding-bottom:30px}.hero__assurance{flex-wrap:wrap;gap:12px 24px}.hero__visual{min-height:500px}.material-switcher{flex-wrap:wrap}.material-switcher__buttons{order:3;flex-basis:100%;overflow:auto;padding-bottom:4px}.application-grid{grid-template-columns:repeat(2,1fr)}.machine-card,.machine-card--capacity{grid-template-columns:1fr 1fr}.technology-grid{grid-template-columns:repeat(2,1fr)}.sort-principle{grid-template-columns:.75fr 1.25fr;gap:40px}.process-list{grid-template-columns:repeat(3,1fr)}.more-systems{grid-template-columns:1fr 1fr}.more-systems>div{grid-column:1/-1}.configure{gap:60px}.site-footer{grid-template-columns:1fr auto}.site-footer>p{grid-column:1/-1;grid-row:2}.footer-links{grid-column:2;grid-row:1}
}
@media (max-width:820px){
  body{font-size:16px}.brand__descriptor{display:none}.hero{min-height:auto;padding-top:125px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.hero__copy{padding:0}.hero h1{font-size:clamp(54px,14vw,82px)}.hero__lede{font-size:18px}.hero__visual{min-height:460px}.machine-stage{width:min(100%,610px)}.hero__orb{width:90vw}.machine-brand{left:20%;font-size:8px}.material-switcher{margin-top:20px}.material-switcher>a{display:none}.trust-strip{display:none}.section-heading,.sample-path,.technology__intro,.sort-principle,.configure{grid-template-columns:1fr}.section-heading{gap:25px}.application-grid{grid-template-columns:1fr 1fr}.application-card{min-height:420px}.sample-path__image{min-height:520px}.machine-card,.machine-card--capacity{grid-template-columns:1fr}.machine-card--capacity .machine-card__visual{order:2}.machine-card__visual{min-height:430px}.machine-notice{grid-template-columns:1fr}.sort-principle__copy,.configure__intro{position:static}.principle-visual{min-height:580px}.principle-visual svg{height:450px}.process-list{grid-template-columns:1fr 1fr}.more-systems{grid-template-columns:1fr}.more-systems>div{grid-column:auto}.more-systems article{padding:22px 0 0;border-left:0;border-top:1px solid #c8ceca}.configure{gap:50px}.site-footer{grid-template-columns:1fr}.footer-links{grid-column:1;grid-row:auto}.site-footer>p{grid-column:1;grid-row:auto}
}
@media (max-width:560px){
  .language-trigger{min-width:59px;padding:0 10px;gap:7px}.language-menu{right:-48px;width:min(338px,calc(100vw - 36px));grid-template-columns:1fr 1fr}
  .site-header{min-height:68px;padding:0 18px}.primary-nav{top:68px}.hero{padding:108px 18px 25px}.hero h1{font-size:51px;letter-spacing:-.07em}.hero__actions{align-items:flex-start;flex-direction:column}.hero__assurance{display:grid;grid-template-columns:1fr 1fr;margin-top:35px}.hero__visual{min-height:370px}.hero-spec{min-width:135px;padding:10px}.hero-spec--top{top:18%}.hero-spec--bottom{bottom:11%}.material-switcher__buttons{margin-right:-18px}.section{padding:90px 18px}.section-heading h2{font-size:43px}.application-grid{grid-template-columns:1fr}.application-card{min-height:430px}.sample-path{display:block}.sample-path__image{min-height:420px}.sample-path__content{padding:75px 20px}.sample-path__content h2{font-size:42px}.machine-card{border-radius:18px}.machine-card__copy{padding:38px 24px}.machine-card h3{font-size:40px}.machine-card__visual{min-height:330px}.machine-brand--card{top:31%;left:26%;font-size:6px}.machine-brand--wide{top:34%;left:21%;font-size:6px}.technology{padding:90px 18px}.technology__intro{gap:25px}.technology__intro h2{font-size:48px}.technology-grid{grid-template-columns:1fr}.technology-grid article{min-height:290px}.sort-principle{margin-top:100px}.principle-step{grid-template-columns:28px 70px 1fr}.principle-visual{min-height:460px;padding:16px}.principle-visual svg{height:350px}.principle-status{flex-direction:column;gap:5px}.process-list{grid-template-columns:1fr}.process-list li{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.process-list strong{margin:25px 0 8px}.more-systems{margin-top:70px;padding:28px 22px}.more-systems h3{font-size:31px}.configure{padding:80px 18px}.configure h2{font-size:46px}.configuration-form{padding:28px 20px}.form-row{grid-template-columns:1fr;gap:0}.site-footer{padding:40px 20px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-machine,.scan-plane{transform:none!important}}
