:root{--purple:#7A3AFD;--lavender:#DAC9FF;--ink:#393939;--paper:#F1F1F1;--line:#d4d4d4;--white:#fff;font-family:Poppins,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}p{line-height:1.8}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:130px;border-bottom:1px solid var(--line);gap:32px}.brand{width:222px;flex-shrink:0}.brand img{width:100%;height:auto}nav{display:flex;align-items:center;gap:40px;font-size:14px}.nav-contact{display:flex;gap:26px;align-items:center}.nav-contact span{font-size:22px}.menu-toggle{display:none}.skip{position:absolute;top:-80px;left:20px;padding:15px;background:var(--ink);color:white;z-index:20}.skip:focus{top:12px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:12px;align-items:center}.dot{width:7px;height:7px;background:var(--purple);border-radius:50%}.hero{padding-top:64px}.hero h1{font-weight:500;font-size:clamp(68px,8.8vw,126px);line-height:1.07;letter-spacing:-.065em;margin-top:30px}.hero h1 span{color:var(--purple)}.hero-bottom{margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:36px}.intro{font-size:17px;font-weight:400;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:19px 24px;background:var(--purple);color:white;font-size:14px;white-space:nowrap}.button:hover{background:var(--ink);text-decoration:none}.button span{font-size:23px;line-height:1}.hero-foot{margin-top:80px;padding:23px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px}.hero-foot a{display:flex;gap:28px}.section{padding-block:108px}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:36px;margin-bottom:64px}h2{font-size:clamp(30px,3.5vw,48px);line-height:1.22;letter-spacing:-.045em;font-weight:400}.section-heading .eyebrow{padding-top:9px}.services{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:1fr 2fr 28px;gap:36px;padding:38px 0 42px;border-bottom:1px solid var(--line)}.number{font-size:14px;color:var(--purple);padding-top:6px}.service h3{font-size:27px;font-weight:400;letter-spacing:-.025em;margin-bottom:15px}.service p{max-width:620px;font-size:15px}.service-mark{font-size:30px;font-weight:300}.tags{display:flex;flex-wrap:wrap;gap:8px 19px;list-style:none;margin:24px 0 0;padding:0;color:#595959;font-size:10px}.tags li{padding-left:12px;border-left:2px solid var(--lavender)}.approach{background:var(--ink);color:var(--paper)}.approach .eyebrow{color:var(--lavender)}.approach-content{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-bottom:76px}.statement{font-size:25px;line-height:1.6;font-weight:300;letter-spacing:-.02em;max-width:490px}.story p{font-size:14px;line-height:1.9}.story p+p{margin-top:20px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #777;padding-top:30px}.process span{font-size:11px;color:var(--lavender)}.process h3{font-size:21px;font-weight:400;margin:28px 0 12px}.process p{font-size:13px;max-width:300px;color:#e4e4e4}.quality{display:grid;grid-template-columns:1fr 1fr;gap:100px}.quality h2{margin-top:28px}.quality-intro{font-size:21px;line-height:1.6;letter-spacing:-.02em}.quality-detail ul{list-style:none;margin:27px 0 0;padding:0}.quality-detail li{display:flex;align-items:baseline;gap:20px;padding:18px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.9}.quality-detail li span{color:var(--purple);font-size:20px}.quality-note{font-size:11px;margin-top:20px;color:#626262}.contact{background:var(--lavender)}.contact-top{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.contact h2{font-size:clamp(44px,6vw,80px);letter-spacing:-.055em;line-height:1.13}.contact-arrow{font-size:84px;font-weight:300;line-height:1}.contact-arrow:hover{transform:translate(3px,-3px);text-decoration:none}.contact-intro{font-size:14px;margin-top:30px}.email{display:inline-block;font-size:clamp(17px,2.5vw,30px);letter-spacing:-.025em;margin-top:40px;border-bottom:1px solid var(--ink);padding-bottom:8px}.email:hover{text-decoration:none;border-bottom-width:2px}.contact-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;margin-top:64px;border-top:1px solid #b7a5d6;padding-top:28px;font-size:13px}.label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.contact-details p{line-height:1.8}.footer{display:flex;align-items:center;gap:28px;justify-content:space-between;padding-block:38px;font-size:10px}.footer img{width:155px;height:auto}.footer p{font-size:10px}.top-link{white-space:nowrap}
@media(min-width:1600px){.hero{padding-top:80px}.hero h1{font-size:138px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{min-height:110px}.brand{width:195px}nav{gap:24px}.hero-bottom{align-items:flex-start}.intro{font-size:15px}.button{gap:24px}.section{padding-block:80px}.section-heading{grid-template-columns:1fr 1.6fr}.service{grid-template-columns:.45fr 2fr 24px}.approach-content,.quality{gap:50px}.statement{font-size:22px}.footer{flex-wrap:wrap}.footer p{margin-left:auto}.top-link{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{min-height:94px;position:relative}.brand{width:174px}.menu-toggle{display:flex;align-items:center;gap:14px;border:0;padding:10px 0;background:none;font-size:12px;color:var(--ink)}.menu-toggle span{font-size:24px;font-weight:300}nav{display:none;position:absolute;top:calc(100% - 1px);left:-20px;right:-20px;padding:24px 20px 30px;background:var(--paper);border-bottom:1px solid var(--line);z-index:5;align-items:flex-start;gap:26px;flex-direction:column}nav.open{display:flex}.hero{padding-top:40px}.eyebrow{font-size:10px;letter-spacing:.1em}.hero h1{font-size:clamp(43px,11.8vw,80px);line-height:1.12;letter-spacing:-.065em;margin-top:25px}.hero-bottom{display:block;margin-top:28px}.intro{font-size:14px;line-height:1.85;max-width:400px}.desktop-break{display:none}.button{margin-top:27px;font-size:12px;padding:16px 19px;gap:34px}.hero-foot{margin-top:42px;padding:20px 0;gap:15px;font-size:9px}.hero-foot>span{max-width:220px}.hero-foot a{gap:14px;white-space:nowrap}.section{padding-block:64px}.section-heading{display:block;margin-bottom:35px}.section-heading .eyebrow{padding-top:0;margin-bottom:24px}h2{font-size:34px}.service{grid-template-columns:25px minmax(0,1fr);gap:16px;padding:28px 0 30px}.service-mark{display:none}.number{font-size:11px}.service h3{font-size:22px;overflow-wrap:normal;word-break:normal}.service p{font-size:13px;line-height:1.85}.tags{font-size:9px;gap:9px 15px;margin-top:20px}.approach-content{display:block;margin-bottom:38px}.statement{font-size:22px;margin-bottom:26px}.story p{font-size:13px}.process{grid-template-columns:1fr;gap:28px}.process>div{display:grid;grid-template-columns:25px 1fr;column-gap:16px}.process span{padding-top:6px}.process h3{font-size:20px;margin:0 0 10px}.process p{grid-column:2;max-width:none;font-size:12px}.quality{display:block}.quality h2{margin:24px 0 30px}.quality-intro{font-size:19px}.quality-detail li{font-size:12px}.contact h2{font-size:clamp(38px,10.8vw,62px)}.contact-arrow{font-size:52px}.contact-intro{font-size:13px;max-width:360px}.email{font-size:clamp(16px,4.8vw,28px);margin-top:27px;white-space:nowrap}.contact-details{grid-template-columns:1fr 1fr;gap:25px;margin-top:42px;font-size:12px}.contact-details>div:last-child{grid-column:1/-1}.footer{gap:22px;align-items:flex-start;padding-block:30px}.footer img{width:146px}.footer p{margin:0;order:3;width:100%;font-size:9px}.footer>a{font-size:9px;margin-top:12px}.quality-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supporting pages */
.page-sections{display:flex;flex-wrap:wrap;gap:18px 36px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:12px}.page-sections a{display:inline-flex;gap:15px;align-items:center}.page-sections span{color:var(--purple)}.manufacturing-capabilities article{padding-bottom:28px}.redesign-example{background:var(--lavender);padding:42px 48px;margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:24px 60px}.redesign-example .eyebrow{grid-column:1/-1}.redesign-example h3{font-size:clamp(27px,3vw,40px);font-weight:400;line-height:1.25;letter-spacing:-.04em}.redesign-example>p:not(.eyebrow):not(.small-note){font-size:14px}.redesign-example .small-note{grid-column:2;margin-top:0}
@media(max-width:700px){.page-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;font-size:10px;margin-top:32px}.page-sections a{gap:8px;justify-content:space-between}.redesign-example{display:block;padding:28px 24px;margin-top:32px}.redesign-example h3{margin:22px 0}.redesign-example>p:not(.eyebrow):not(.small-note){font-size:13px}.redesign-example .small-note{margin-top:20px}}
.software-nav{position:relative}.software-nav summary{display:flex;gap:12px;align-items:center;cursor:pointer;list-style:none}.software-nav summary::-webkit-details-marker{display:none}.software-nav summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}.software-active summary{color:var(--purple)}.software-menu{position:absolute;top:calc(100% + 22px);left:-22px;width:230px;padding:22px;background:var(--paper);border:1px solid var(--line);z-index:10;box-shadow:0 10px 20px #3939390c;display:flex;flex-direction:column;gap:20px}.product-path{display:flex;flex-wrap:wrap;gap:16px 26px;border-top:1px solid var(--line);padding-top:25px;margin-top:48px;font-size:13px}.product-path [aria-hidden]{color:var(--purple)}.feature-aside{font-size:14px;margin-top:28px;max-width:320px}.connection-followup{margin-top:24px}.connection-section{border-top:1px solid var(--line)}.approach+.video-section,.enquiry-section+.video-section{padding-top:60px}
@media(max-width:800px){.software-nav{width:100%}.software-menu{position:static;width:auto;margin-top:20px;padding:4px 0 4px 18px;box-shadow:none;border:0;border-left:2px solid var(--lavender);font-size:13px}.product-path{gap:12px 16px;font-size:11px}.feature-aside{margin-bottom:28px}.connection-followup{font-size:14px}}
.cpc-result{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;border-top:1px solid var(--line);padding-top:32px;margin-top:52px}.result-figures{display:flex;align-items:baseline;gap:22px;margin-top:13px;font-size:clamp(24px,3.1vw,43px);letter-spacing:-.045em;line-height:1.3}.result-figures>span,.result-figures>strong{white-space:nowrap}.result-figures strong{font-weight:500;color:var(--purple)}.result-arrow{font-size:28px;color:var(--purple)}.result-context>p:first-child{font-size:15px}.result-context .small-note{margin-top:12px}.output-grid{margin-top:48px}.output-grid article{padding-bottom:26px}
@media(max-width:900px){.cpc-result{grid-template-columns:1fr;gap:24px}.result-context{max-width:620px}}
@media(max-width:700px){.cpc-result{margin-top:35px;padding-top:25px}.result-figures{font-size:clamp(22px,6.2vw,36px);gap:14px}.result-arrow{font-size:22px}.result-context>p:first-child{font-size:13px}.output-grid{margin-top:30px}}
[hidden]{display:none!important}
nav a[aria-current="page"]{color:var(--purple);text-decoration:underline;text-underline-offset:7px}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}.text-link{display:inline-flex;gap:20px;margin-top:26px;font-size:12px;font-weight:500;border-bottom:1px solid var(--purple);padding-bottom:6px}.text-link span{color:var(--purple)}
.software-layers>div>span{display:block}.software-layers h3{margin-top:24px}
.page-hero{padding-top:32px;padding-bottom:70px;border-bottom:1px solid var(--line)}.breadcrumb{display:inline-block;font-size:11px;margin-bottom:50px}.page-hero h1{font-size:clamp(44px,6.2vw,88px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin-top:28px}.page-hero h1 span{color:var(--purple)}.page-lead{display:flex;justify-content:space-between;gap:64px;align-items:center;margin-top:40px}.page-lead>p{font-size:16px;max-width:620px}.page-lead .button{flex-shrink:0}.detail-intro{max-width:740px;margin-left:auto;font-size:16px;margin-bottom:50px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}.capability-grid article{border-top:1px solid var(--line);padding:30px 0 38px}.capability-grid h3{font-size:25px;font-weight:400;letter-spacing:-.025em;margin:20px 0 14px}.capability-grid p{font-size:14px;max-width:490px}.small-note{font-size:11px;color:#626262;margin-top:20px}.step-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:42px 74px;margin:0;padding:0}.step-list li{display:flex;gap:25px;border-top:1px solid #777;padding-top:25px}.step-list li>span{color:var(--lavender);font-size:12px;padding-top:6px}.step-list h3{font-size:24px;font-weight:400;margin-bottom:14px}.step-list p{font-size:14px;color:#e4e4e4}.enquiry-section{background:#e8e8e8}.enquiry-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.enquiry-grid>p{font-size:16px}.plain-list{list-style:none;padding:0;margin:0}.plain-list li{padding:16px 0;border-top:1px solid #c9c9c9;font-size:14px;line-height:1.8}.plain-list li:last-child{border-bottom:1px solid #c9c9c9}.inline-note{display:flex;gap:24px;margin-top:50px;padding-top:25px;border-top:1px solid #c9c9c9;font-size:12px}.inline-note>span{color:var(--purple);font-size:24px}.inline-note a,.cta-alternative a{border-bottom:1px solid}.contact .button{margin-top:30px}.cta-alternative{margin-top:20px;font-size:11px}.workflow{background:var(--lavender);padding:48px;display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;gap:25px;align-items:start}.workflow .number{font-size:10px;color:var(--ink);letter-spacing:.06em;text-transform:uppercase}.workflow h3{font-size:23px;font-weight:400;letter-spacing:-.025em;line-height:1.35;margin:22px 0 15px}.workflow p{font-size:13px}.workflow-arrow{font-size:26px;margin-top:58px}.software-layers p{max-width:340px}.benefit-rows article{display:grid;grid-template-columns:1fr 2fr;gap:36px;padding:30px 0;border-top:1px solid var(--line)}.benefit-rows article:last-child{border-bottom:1px solid var(--line)}.benefit-rows h3{font-size:23px;font-weight:400;letter-spacing:-.025em}.benefit-rows p{max-width:620px;font-size:15px}.video-section{padding-bottom:90px}.video-heading{display:grid;grid-template-columns:1fr 2fr;gap:36px;margin-bottom:35px}.video-heading h2{font-size:32px}.video-mount video{display:block;width:100%;max-height:650px;background:var(--ink)}.video-mount>a{display:inline-block;margin-top:16px;font-size:12px;text-decoration:underline}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:90px;padding-block:70px 110px}.legal-toc{display:flex;flex-direction:column;gap:17px;font-size:12px;align-items:flex-start;position:sticky;top:32px;height:max-content}.legal-toc .eyebrow{margin-bottom:12px}.legal-copy{max-width:760px}.legal-copy section{padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.legal-copy h2{font-size:26px;line-height:1.4;margin-bottom:18px}.legal-copy p,.legal-copy li{font-size:14px;line-height:1.9}.legal-copy p+p{margin-top:16px}.legal-copy ul{padding-left:20px;margin:15px 0}.legal-copy a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-date{font-size:11px;margin-top:25px}.privacy-summary{font-size:16px;max-width:760px;margin-top:30px}.legal-contact{font-style:normal;font-size:14px;line-height:1.9}
@media(min-width:701px) and (max-width:1050px){nav{gap:17px;font-size:11px}.header{gap:22px}.brand{width:180px}.nav-contact{gap:10px}.page-lead{gap:30px}.page-lead>p{font-size:14px}.workflow{padding:32px;gap:17px}.workflow h3{font-size:21px}.legal-layout{grid-template-columns:190px minmax(0,1fr);gap:45px}.enquiry-grid{gap:50px}.footer-links{gap:14px}}
@media(max-width:800px){.header{position:relative;min-height:94px}.menu-toggle{display:flex;align-items:center;gap:14px;border:0;padding:10px 0;background:none;font-size:12px;color:var(--ink)}.menu-toggle span{font-size:24px;font-weight:300}nav{display:none;position:absolute;top:calc(100% - 1px);left:-20px;right:-20px;padding:24px 20px 30px;background:var(--paper);border-bottom:1px solid var(--line);z-index:5;align-items:flex-start;gap:26px;flex-direction:column;font-size:14px}nav.open{display:flex}}
@media(max-width:700px){.page-hero{padding-top:24px;padding-bottom:45px}.breadcrumb{margin-bottom:32px}.page-hero h1{font-size:clamp(34px,9.2vw,60px);letter-spacing:-.05em;margin-top:23px}.page-lead{display:block;margin-top:25px}.page-lead>p{font-size:14px}.page-lead .button{white-space:normal}.detail-intro{font-size:14px;margin-bottom:30px}.capability-grid{grid-template-columns:1fr}.capability-grid article{padding:25px 0}.capability-grid h3{font-size:23px;margin-top:15px}.capability-grid p{font-size:13px}.step-list{grid-template-columns:1fr;gap:30px}.step-list li{gap:20px}.step-list h3{font-size:22px}.step-list p{font-size:13px}.enquiry-grid{display:block}.enquiry-grid>p{font-size:14px;margin-bottom:28px}.plain-list li{font-size:13px}.inline-note{margin-top:30px;font-size:11px;gap:16px}.workflow{grid-template-columns:1fr;padding:28px;gap:12px}.workflow h3{margin-top:14px;font-size:24px}.workflow-arrow{margin:0;transform:rotate(90deg);transform-origin:center;width:25px}.workflow p{font-size:13px}.benefit-rows article{display:block;padding:25px 0}.benefit-rows h3{font-size:22px;margin-bottom:14px}.benefit-rows p{font-size:13px}.video-section{padding-bottom:60px}.video-heading{display:block}.video-heading .eyebrow{margin-bottom:20px}.video-heading h2{font-size:28px}.legal-layout{display:block;padding-block:40px 60px}.legal-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-bottom:45px;font-size:11px}.legal-toc .eyebrow{grid-column:1/-1}.legal-copy h2{font-size:24px}.legal-copy p,.legal-copy li,.legal-contact{font-size:13px}.privacy-summary{font-size:14px}.footer-links{width:100%;gap:14px 22px;font-size:10px}.footer>a{margin-top:0}.footer p{order:3}.cta-alternative{font-size:10px}}
@media(max-width:700px){.software-layers>div{display:block}.software-layers h3{margin-top:14px}.software-layers p{max-width:none}}

/* Enquiries: generous controls, with conditional questions supplied by Wix. */
.enquiry-hero { padding-bottom: 28px; }
.enquiry-layout { display:grid;grid-template-columns: .8fr 1.2fr;gap:clamp(40px,8vw,130px);padding-top:32px; }
.enquiry-aside h2 { font-size:clamp(28px,3vw,42px); }
.enquiry-aside p { margin:24px 0;max-width:400px; }
.enquiry-form-panel { min-width:0; }
.enquiry-fields { display:grid;gap:24px; }
.enquiry-field label { display:block;font-size:14px;font-weight:500;margin-bottom:9px; }
.enquiry-field input,.enquiry-field textarea,.enquiry-field select { width:100%;max-width:100%;font:inherit;font-size:16px;line-height:1.6;background:#fff;color:#393939;border:1px solid #aaa;border-radius:0;padding:13px 14px;min-height:50px; }
.enquiry-field select { white-space:normal; }
.enquiry-field textarea { resize:vertical; }
.enquiry-field :is(input,textarea,select):focus-visible { outline:2px solid #7a3afd;outline-offset:3px; }
.enquiry-field [aria-invalid=true] { border-color:#92373c; }
.field-help,.field-error { font-size:13px;margin-top:8px;line-height:1.65; }
.field-error,.form-error { color:#92373c; }
.form-error,.form-success { padding:20px;margin:20px 0;background:#e8dff7; }
.form-success { border-left:3px solid #7a3afd; }
.form-privacy { margin:28px 0; }
#enquiry-submit { cursor:pointer;font:inherit;border:0; }
#enquiry-submit:disabled { opacity:.65;cursor:wait; }
[hidden] { display:none!important; }
@media(max-width:760px) { .enquiry-layout { grid-template-columns:1fr;gap:32px; } .enquiry-aside p { max-width:none; } }

/* Vector arrows render consistently without platform emoji substitution. */
.arrow-icon { display:inline-block; width:1em; height:1em; flex-shrink:0; vertical-align:-0.125em; }


/* 2026-10-16: simpler links and a consistently aligned disclosure. */
.nav-contact > span, .button > span[aria-hidden], .text-link > span[aria-hidden],
.service-mark, .contact-arrow, .inline-note > span[aria-hidden] { display:none; }
.software-nav summary { align-items:center; gap:10px; }
.software-nav summary > span { font-size:0; width:6px; height:6px; flex:0 0 6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform 180ms ease; }
.software-nav[open] summary > span { transform:translateY(1px) rotate(225deg); }
@media(prefers-reduced-motion:reduce) { .software-nav summary > span { transition:none; } }


/* Homepage approach and quality across design, automation and manufacture. */
.approach-scope { margin-top:38px; padding-top:25px; border-top:1px solid #777; font-size:14px; color:#e4e4e4; }
.quality-detail .quality-outcomes li { display:block; padding:22px 0; }
.quality-outcomes h3 { font-size:17px; line-height:1.5; font-weight:500; margin:0 0 8px; letter-spacing:-.015em; }
.quality-outcomes p { font-size:13px; line-height:1.85; }
@media(max-width:700px) {
 .approach-scope { font-size:13px; margin-top:28px; }
 .quality-outcomes h3 { font-size:16px; }
 .quality-outcomes p { font-size:12px; }
}

/* Compact capabilities introduction with a reusable 16:9 media position. */
#capabilities { padding-top:64px; }
#capabilities > .section-heading { display:block; margin-bottom:30px; }
#capabilities > .section-heading .eyebrow { padding-top:0; margin-bottom:20px; }
.capabilities-overview { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; margin-bottom:40px; }
#capabilities .capabilities-overview .detail-intro { margin:0; max-width:none; font-size:14px; }
.capabilities-media { margin:0; }
.capabilities-media img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.capabilities-media figcaption { font-size:11px; color:#626262; margin-top:10px; line-height:1.6; }
@media(max-width:800px) {
 #capabilities { padding-top:44px; }
 .capabilities-overview { grid-template-columns:1fr; gap:24px; margin-bottom:30px; }
 #capabilities > .section-heading { margin-bottom:24px; }
 #capabilities .capabilities-overview .detail-intro { font-size:13px; }
}

/* A connected, text-led manufacturing workflow. */
.turnkey-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; list-style:none; }
.turnkey-steps li { min-width:0; position:relative; padding:24px 28px 0 0; border-top:1px solid #777; }
.turnkey-steps li:last-child { padding-right:0; }
.turnkey-steps li::before { content:""; position:absolute; top:-4px; left:0; width:7px; height:7px; border-radius:50%; background:var(--lavender); }
.turnkey-steps .step-number { color:var(--lavender); font-size:11px; }
.turnkey-steps h3 { font-size:20px; font-weight:400; line-height:1.4; letter-spacing:-.02em; margin:20px 0 12px; }
.turnkey-steps p { font-size:13px; line-height:1.85; color:#e4e4e4; }
@media(max-width:800px) {
 .turnkey-steps { grid-template-columns:1fr; }
 .turnkey-steps li { border-top:0; border-left:1px solid #777; padding:0 0 30px 25px; margin-left:3px; }
 .turnkey-steps li:last-child { padding-bottom:0; padding-right:0; }
 .turnkey-steps li::before { top:6px; left:-4px; }
 .turnkey-steps h3 { margin:8px 0 10px; }
}

/* Selected examples support the redesign methods without implying before/after results. */
.redesign-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:36px; }
.redesign-gallery figure { margin:0; min-width:0; }
.redesign-gallery img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; background:#fff; }
.redesign-gallery img[src$="assembly-cad.jpg"] { object-fit:contain; }
.redesign-gallery img[src$="shaft-setup.jpg"] { object-position:50% 48%; }
.redesign-gallery img[src$="formed-components.jpg"] { object-position:50% 38%; }
.redesign-gallery figcaption { margin-top:12px; font-size:11px; line-height:1.6; color:#626262; }
@media(max-width:700px) { .redesign-gallery { grid-template-columns:1fr; gap:26px; margin-top:28px; } }


/* Real, matching inspection excerpts with full-size access. */
.quality-evidence { max-width:920px; margin:0 auto 48px; }
.quality-evidence figure { margin:0 0 28px; }
.quality-evidence figure a { display:block; background:#fff; border:1px solid #d4d4d4; padding:14px; }
.quality-evidence img { display:block; width:100%; height:auto; }
.quality-evidence figcaption { font-size:12px; line-height:1.7; margin-top:12px; }
.quality-evidence figcaption strong { display:block; font-weight:500; margin-bottom:4px; }
.quality-evidence-note { font-size:11px; color:#626262; }
@media(max-width:700px) {
 .quality-evidence { margin-bottom:30px; }
 .quality-evidence figure a { padding:6px; }
 .quality-evidence figcaption { font-size:11px; }
}

/* Quality uses the same responsive timeline on a light background. */
.quality-steps li { border-color:var(--line); }
.quality-steps li::before { background:var(--purple); }
.quality-steps .step-number { color:var(--purple); }
.quality-steps p { color:var(--ink); }
