:root{--ink:#101c26;--paper:#f4f5f7;--navy:#12304a;--orange:#d15f2a;--steel:#5c6b78;--muted:#7d8994;--line:#d7dce1;--panel:#e8ecef;--mono:'SFMono-Regular',Menlo,Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Arial,Helvetica,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
h1,h2{font-weight:700;letter-spacing:-.035em;line-height:1.03}
h1 em,h2 em{font-style:normal;color:var(--steel)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.skip{position:absolute;top:-80px;left:20px;z-index:60;background:#fff;padding:12px}
.skip:focus{top:10px}
.concept-bar{display:flex;justify-content:space-between;gap:20px;padding:10px 4%;background:var(--ink);color:#c6ced5;font:9px/1.4 var(--mono);letter-spacing:.1em}
.concept-bar a:last-child{border-bottom:1px solid #5c6b78}
header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 4%;border-bottom:2px solid var(--ink)}
.brand{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1}
.brand small{display:block;font:400 9px/1 var(--mono);letter-spacing:.3em;margin-top:9px;color:var(--orange)}
nav{display:flex;align-items:center;gap:30px;font-size:11px}
nav sup{font:7px var(--mono);margin-left:3px;color:var(--muted)}
.menu{display:none}
.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:0 46px;padding:50px 4% 0;align-items:start}
.eyebrow{font:9px/1.6 var(--mono);letter-spacing:.14em;color:var(--muted);margin-bottom:18px}
.hero h1{font-size:clamp(40px,4.9vw,70px);margin-bottom:20px}
.hero h1 em{display:block}
.hero-intro{font-size:16px;line-height:1.75;color:#404c56;max-width:440px}
.hero-ctas{display:flex;align-items:center;gap:22px;margin-top:26px;flex-wrap:wrap}
.solid{display:inline-block;background:var(--navy);color:#eef3f6;padding:14px 22px;font:10px var(--mono);letter-spacing:.12em}
.solid:hover{background:var(--orange)}
.under-link{display:inline-block;background:none;border:0;border-bottom:1px solid #a9b3bc;padding:0 0 5px;font-size:11px}
.under-link:hover{border-color:var(--ink)}
.hero-art{position:relative;height:300px;background:#dfe4e8;border:1px solid var(--line);overflow:hidden}
.pallet{position:absolute;background:repeating-linear-gradient(180deg,#c6a878 0 8px,#b39362 8px 16px);border:2px solid #6f5b3d}
.pallet.a{left:8%;bottom:14%;width:22%;height:26%}
.pallet.b{left:34%;bottom:14%;width:22%;height:38%}
.pallet.c{left:60%;bottom:14%;width:24%;height:20%}
.fork{position:absolute;left:6%;bottom:8%;right:6%;height:6px;background:var(--steel)}
.hero-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:2px solid var(--ink);margin-top:26px;padding-top:16px}
.hero-facts strong{display:block;font:700 24px/1 Arial,sans-serif;letter-spacing:-.03em}
.hero-facts span{display:block;font:8px/1.4 var(--mono);letter-spacing:.12em;color:var(--muted);margin-top:8px}
.hero-facts p{grid-column:1/-1;font-size:10px;line-height:1.7;color:var(--muted)}
.section{padding:76px 4%}
.chain{border-top:1px solid var(--line);display:grid;grid-template-columns:.3fr 1.3fr;gap:42px}
.chain h2{grid-column:2;font-size:clamp(30px,3.6vw,50px);margin-bottom:22px}
.chain-body{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:22px 38px}
.chain-body p{font-size:15px;line-height:1.85;color:#404c56}
.chain-body .under-link{grid-column:1/-1;justify-self:start;margin-top:4px}
.ranges{border-top:1px solid var(--line)}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}
.section-top h2{font-size:clamp(28px,3.4vw,46px)}
.section-top>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:330px}
.range-filters{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end;font-family:var(--mono)}
.range-filters button{background:none;border:1px solid transparent;padding:8px 10px;font-size:10px;letter-spacing:.08em;color:#7f8b95}
.range-filters button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:#e6eaed}
.range-filters sup{font-size:7px}
.work-count{font:9px var(--mono);letter-spacing:.12em;color:#99a2aa;margin-bottom:20px}
.range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.range-card[hidden]{display:none}
.range-card{border:1px solid var(--line);background:#fff;padding:22px 20px;border-top:3px solid var(--navy)}
.range-tag{display:inline-block;font:8px var(--mono);letter-spacing:.14em;background:var(--panel);color:var(--navy);padding:5px 8px}
.range-card h3{font-size:21px;letter-spacing:-.02em;margin:14px 0 10px;line-height:1.25}
.range-card>p{font-size:12px;line-height:1.8;color:#4b5862;margin-bottom:12px}
.range-card ul{list-style:none;padding:0;border-top:1px solid var(--line);padding-top:12px;margin-bottom:14px}
.range-card li{font:11px/1.95 var(--mono);color:#6d7982;padding-left:14px;position:relative}
.range-card li:before{content:'+';position:absolute;left:0;color:var(--orange)}
.fine{font-size:9px;line-height:1.8;color:#99a2aa;margin-top:20px;max-width:680px}
.terms{background:var(--panel);border-top:1px solid var(--line)}
.terms-table{width:100%;border-collapse:collapse;margin-top:22px;font-size:13px;background:#fff}
.terms-table caption{text-align:left;font:8px var(--mono);letter-spacing:.16em;color:var(--muted);padding-bottom:10px}
.terms-table th,.terms-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}
.terms-table th{font:8px var(--mono);letter-spacing:.14em;color:var(--muted);border-bottom:2px solid var(--ink)}
.terms-table td:first-child{font-family:var(--mono);font-size:11.5px;color:var(--navy);white-space:nowrap}
.terms-notes{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px}
.terms-notes article{border-top:1px solid #c3cbd2;padding-top:14px}
.terms-notes span{font:8px var(--mono);letter-spacing:.16em;color:#7f8b95}
.terms-notes h3{font-size:20px;letter-spacing:-.02em;margin:12px 0 10px}
.terms-notes p{font-size:12px;line-height:1.85;color:#455360;max-width:340px}
.scope-note{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #c3cbd2;margin-top:30px;padding-top:16px}
.scope-note>span{font:8px var(--mono);letter-spacing:.14em;color:#7f8b95}
.scope-note p{font-size:10px;line-height:1.8;color:#5f6c77;max-width:400px}
.account{background:var(--navy);color:#eef3f6;display:grid;grid-template-columns:1fr 1fr;gap:56px}
.account h2{font-size:clamp(28px,3.4vw,46px);margin-bottom:20px}
.account h2 em{color:#a9c2d1}
.account-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#bccbd5;max-width:400px}
.account .eyebrow{color:#8ba3b2}
.demo-note{border-left:2px solid var(--orange);padding-left:14px;margin:22px 0 20px;max-width:400px}
.demo-note>span{font:8px var(--mono);letter-spacing:.16em;color:#e79a72}
.demo-note p{font-size:11px;line-height:1.8;color:#a9bcc8;margin-top:8px}
.account .under-link{color:#dae4ea;border-color:#6f8494}
form label{display:block;font:10px/1.5 var(--mono);letter-spacing:.06em;margin-bottom:18px;color:#b6c5cf}
input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #5f7787;background:transparent;padding:11px 0;border-radius:0;font-size:13px;color:#f0f5f7;resize:vertical}
select option{background:var(--navy);color:#f0f5f7}
input::placeholder,textarea::placeholder{color:#8b9faa}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.submit{display:flex;justify-content:space-between;width:100%;gap:20px;margin-top:20px;padding:15px 18px;background:var(--orange);border:0;color:#1a0f07;font:11px var(--mono);letter-spacing:.06em}
.submit:hover{background:#e1703c}
form .fine{color:#8ba3b2}
#account-result{border-top:1px solid #5f7787;margin-top:24px;padding-top:20px}
#account-result h3{font-size:24px;letter-spacing:-.03em;margin:12px 0 0}
#account-summary{font-size:12px;line-height:1.9;white-space:pre-line;overflow-wrap:anywhere;color:#bccbd5;margin-top:16px}
.elvarnue{padding:74px 4%;text-align:center}
.elvarnue h2{font-size:clamp(28px,3.5vw,48px);margin:20px 0 24px}
.elvarnue>a{display:inline-flex;gap:24px;border-bottom:1px solid #a9b3bc;padding-bottom:8px;font-size:12px}
footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 4%;border-top:2px solid var(--ink)}
footer .brand{font-size:13px}
footer p{font:9px var(--mono);color:var(--muted)}
footer>a:last-child{font-size:11px}
@media(max-width:1000px){
.hero{grid-template-columns:1fr;gap:22px;padding-top:36px}
.hero-art{height:250px}
.chain{grid-template-columns:.24fr 1.4fr}
.chain h2,.chain-body{grid-column:2}
.chain-body{grid-template-columns:1fr}
.range-grid{grid-template-columns:1fr 1fr}
.section-top{display:block}
.range-filters{justify-content:flex-start;margin-top:14px}
.terms-notes{gap:18px}
.account{gap:34px}
}
@media(max-width:650px){
html{scroll-padding-top:18px}
.concept-bar{font-size:7px;gap:12px}
.concept-bar>span{max-width:110px;text-align:right}
.concept-bar>a:last-child{display:none}
header{padding:18px 5%;position:relative}
.brand{font-size:19px}
.menu{display:block;background:none;border:1px solid var(--ink);padding:8px 12px;font:10px var(--mono)}
nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;flex-direction:column;align-items:start;gap:16px;padding:20px 5%;background:var(--paper);border-bottom:2px solid var(--ink)}
nav.open{display:flex}
.hero{padding:26px 5% 0}
.hero h1{font-size:clamp(32px,9.5vw,44px)}
.hero-intro{font-size:14px}
.hero-facts{grid-template-columns:1fr;gap:8px;margin-top:20px}
.section{padding:46px 5%}
.chain{display:block}
.chain h2{font-size:28px;margin-bottom:20px}
.range-grid{grid-template-columns:1fr}
.terms-table th,.terms-table td{padding:10px 8px;font-size:11px}
.terms-table td:first-child{white-space:normal}
.terms-notes{grid-template-columns:1fr;gap:18px}
.terms-notes p{max-width:100%}
.scope-note{display:block;margin-top:24px}
.scope-note p{margin-top:8px}
.account{grid-template-columns:1fr;gap:26px}
.form-row{grid-template-columns:1fr;gap:0}
.elvarnue{padding:46px 5%}
footer{flex-wrap:wrap}
footer p{order:3;width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep the primary action and industry illustration visible sooner on desktop. */
@media (min-width: 901px){header{padding-top:18px;padding-bottom:18px}.hero{padding-top:36px}.hero h1{font-size:clamp(40px,4.5vw,68px)}}

.case-fit{--fit-accent:#445649;box-sizing:border-box;clear:both;margin:clamp(32px,6vw,88px) auto;padding:clamp(24px,4vw,56px);width:calc(100% - 40px);max-width:1200px;background:#f4f3ee;color:#25312c;border:1px solid #25312c25;border-radius:4px;font-family:Arial,sans-serif;line-height:1.65;text-align:left}.case-fit *{box-sizing:border-box}.case-fit[data-case=relay],.case-fit[data-case=manufacturing]{--fit-accent:#384f72;background:#edf1f5;color:#1d2c40}.case-fit[data-case=forma]{--fit-accent:#7d4c36;background:#f6eee5}.case-fit[data-case=fieldnotes]{background:#f2efe6}.case-fit .case-fit-kicker{font-size:11px;letter-spacing:.13em;font-weight:700;margin:0 0 16px;color:var(--fit-accent)}.case-fit h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,3.5vw,44px);letter-spacing:-.025em;line-height:1.15;max-width:850px;margin:0 0 20px;color:inherit}.case-fit-heading>p:last-child{max-width:760px;font-size:16px}.case-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}.case-fit h3{font-family:Arial,sans-serif;font-size:16px;font-weight:700;line-height:1.4;margin:0 0 10px;color:inherit}.case-fit p,.case-fit li{font-size:15px;line-height:1.7;color:inherit;max-width:none}.case-fit article p{margin:0 0 24px}.case-fit ul{display:block;padding-left:20px;margin:0}.case-fit li{display:list-item;margin:0 0 8px}.case-fit .case-fit-boundary{border-top:1px solid #25312c25;padding-top:24px;margin:28px 0 20px;font-size:13px}.case-fit .case-fit-cta{display:inline-block;color:var(--fit-accent);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px;padding:10px 0;min-height:44px;white-space:normal}.case-fit-cta:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media(max-width:650px){.case-fit-grid{grid-template-columns:1fr;gap:4px}.case-fit{width:calc(100% - 24px);padding:24px 20px}.case-fit h2{font-size:30px}}
.case-fit-decisions{margin:28px 0 8px}.case-fit-decisions h3{font-family:Arial,sans-serif;font-size:16px;line-height:1.4;margin:0 0 12px;color:inherit}.case-fit-decisions ul{display:block;padding-left:20px;margin:0}.case-fit-decisions li{display:list-item;font-size:15px;line-height:1.7;margin:0 0 10px;color:inherit}

/* Shared language control; intentionally outside individual case navigation. */
.language-bar{position:relative;z-index:10;background:#eaece5;color:#29372f;border-bottom:1px solid #29372f20;font:12px/1.4 Arial,"Noto Sans",sans-serif;letter-spacing:normal;text-transform:none}.language-bar .language-inner{max-width:1600px;margin:auto;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4%}.language-bar .language-brand{font-size:10px;font-weight:600;letter-spacing:.12em}.language-bar .language-control{display:flex;gap:10px;align-items:center}.language-bar label{display:inline;margin:0;font:12px/1.4 Arial,sans-serif;letter-spacing:normal;color:inherit;white-space:nowrap}.language-bar select{display:block;box-sizing:border-box;width:auto;max-width:160px;min-height:36px;margin:0;padding:7px 24px 7px 10px;border:1px solid #29372f40;border-radius:3px;background:#f8f8f3;color:#29372f;font:13px/1.4 Arial,sans-serif;text-transform:none;letter-spacing:normal;cursor:pointer}.language-bar select:focus-visible{outline:2px solid #496453;outline-offset:2px}.language-bar .language-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html:not(:lang(en)) h1,html:not(:lang(en)) h2,html:not(:lang(en)) h3,html:not(:lang(en)) button,html:not(:lang(en)) a,html:not(:lang(en)) label,html:not(:lang(en)) summary{overflow-wrap:break-word}
html:lang(zh),html:lang(ja),html:lang(ko){word-break:normal;line-break:strict}
html:lang(zh) body,html:lang(ja) body,html:lang(ko) body{font-family:Arial,"PingFang SC","Hiragino Sans","Yu Gothic","Malgun Gothic",sans-serif}
html:lang(zh) h1,html:lang(zh) h2,html:lang(ja) h1,html:lang(ja) h2,html:lang(ko) h1,html:lang(ko) h2{font-family:Arial,"PingFang SC","Hiragino Sans","Yu Gothic","Malgun Gothic",sans-serif;letter-spacing:-.025em;line-height:1.22}
html:lang(zh) h1,html:lang(ja) h1,html:lang(ko) h1{letter-spacing:0;line-height:1.2;text-wrap:balance;font-size:clamp(26px,3.8vw,52px)}
html:not(:lang(en)) .hero-copy h1{font-size:clamp(42px,5.6vw,82px)}
html:lang(zh) .hero-copy h1,html:lang(ja) .hero-copy h1,html:lang(ko) .hero-copy h1,html:lang(zh) .hero h1,html:lang(ja) .hero h1,html:lang(ko) .hero h1{font-size:clamp(26px,3.8vw,52px);letter-spacing:0;line-height:1.24;text-wrap:balance}

html:not(:lang(en)) .showcase-switcher button{white-space:normal;min-height:44px}
html:not(:lang(en)) .offer-grid h3{min-height:0}
html:not(:lang(en)) .case-fit h2{font-size:clamp(27px,3.1vw,42px)}
html:not(:lang(en)) .demo-bar,html:not(:lang(en)) .demo-banner{flex-wrap:wrap}
html:not(:lang(en)) .sidebar nav a,html:not(:lang(en)) .filter-tabs button{white-space:normal}
@media(max-width:700px){.language-bar .language-brand{font-size:8px;letter-spacing:.05em}.language-bar .language-inner{gap:8px;padding:4px 16px}.language-bar .language-control{gap:6px}.language-bar select{max-width:124px}.language-bar label{font-size:11px}html:not(:lang(en)) .hero-copy h1{font-size:clamp(35px,9vw,54px)}html:not(:lang(en)) .hero-ctas{flex-wrap:wrap}html:not(:lang(en)) .mobile-quick-nav a{font-size:12px;white-space:normal}html:not(:lang(en)) .home-service-line{overflow-wrap:anywhere}}
.language-bar[data-load-error=true] .language-status{position:static;display:block;width:auto;height:auto;clip-path:none;white-space:normal;padding:8px 4%;background:#fce8dd;color:#7a3523;font-size:12px}
/* Keep Chinese headline phrases intact on narrow phones instead of orphaning a single character. */
html:lang(zh) .hero-copy h1{text-wrap:balance}
@media(max-width:700px){html:lang(zh) .hero-copy h1{font-size:clamp(24px,7.6vw,40px);line-height:1.35}}
/* Keep preview forms inert until their page handlers are attached. */
html:not([data-app-ready]) form button:not([type=button]):not([type=reset]){pointer-events:none;opacity:.5}
/* Brand language picker with native buttons and listbox keyboard navigation. */
.language-bar .language-control{position:relative}
.language-bar #site-language{min-width:104px;min-height:36px;border:1px solid #68735d;background:transparent;color:#29372f;padding:7px 30px 7px 12px;font-size:13px;text-align:left;position:relative}
.language-bar #site-language:after{content:'⌄';position:absolute;right:10px}
.language-bar #language-options{position:absolute;top:calc(100% + 6px);right:0;width:168px;padding:6px;background:#f4f3ee;border:1px solid #68735d;box-shadow:0 8px 24px #0002;z-index:40}
.language-bar #language-options[hidden]{display:none}
.language-bar [role=option]{display:block;border:0;width:100%;padding:10px 12px;text-align:left;background:transparent;color:#29372f;font-size:14px;min-height:40px}
.language-bar [role=option][aria-selected=true],.language-bar [role=option]:hover{background:#dde3d3}
.language-bar button:focus-visible{outline:2px solid #29372f;outline-offset:2px}

.analytics-consent{position:fixed;z-index:10000;bottom:4rem;right:1rem;width:min(30rem,calc(100vw - 2rem));padding:1.25rem;background:#f4f3ee;color:#20251f;border:1px solid #767b70;box-shadow:0 8px 32px #0002;font:14px/1.5 system-ui,sans-serif}.analytics-consent[hidden]{display:none}.analytics-consent strong{font-size:17px}.analytics-consent p{margin:.75rem 0}.analytics-consent button,.analytics-settings{font:inherit;padding:.6rem .8rem;border:1px solid #767b70;background:#f4f3ee;color:#20251f;cursor:pointer}.analytics-consent button{margin:0 .5rem .75rem 0}.analytics-consent a{display:block;text-decoration:underline;color:inherit}.analytics-settings{position:fixed;bottom:1rem;right:1rem;z-index:9999;font:12px/1.4 system-ui,sans-serif}.analytics-consent button:focus-visible,.analytics-consent a:focus-visible,.analytics-settings:focus-visible{outline:3px solid #27614c;outline-offset:3px}
