.product-art img{height:auto}
.connected-sections{--accent:#ff7900;--text:#141719;--secondary:#686b6d;color:var(--text);background:#fcfcfb;padding-top:1px;overflow:hidden}
.section-shell{max-width:1600px;margin:auto;padding:64px clamp(24px,5vw,80px);position:relative}
.connected-sections h2{font:500 clamp(32px,3.3vw,54px)/1.08 "DM Sans",sans-serif;letter-spacing:-.055em;margin:0}
.section-number{color:var(--accent);font:500 24px/1.2 "DM Sans",sans-serif;margin:0 0 22px}
.section-intro>p:last-child:not(.section-number){color:var(--secondary);font-size:15px;line-height:1.5;margin-top:24px}
.expertise-section{display:grid;grid-template-columns:38% 62%;padding-top:70px;padding-bottom:72px}
.expertise-section:before{content:"";position:absolute;left:5%;top:110px;width:33%;height:350px;border:2px solid #ffad75;border-top:0;border-left:0;border-radius:0 0 36px 0;pointer-events:none}
.expertise-list{border-left:1px solid #d8d9d7;position:relative;background:#fcfcfb}
.expertise-list::before{content:"CAPABILITIES  /  05 CONNECTED SYSTEMS";display:block;height:34px;padding:0 16px;border-top:1px solid #d8d9d7;color:#8a8c89;font:600 9px/34px "Manrope",sans-serif;letter-spacing:.13em}
.expertise-row{display:grid;grid-template-columns:44px minmax(190px,.9fr) minmax(280px,1.3fr) 35px;gap:18px;align-items:center;min-height:100px;padding:18px 16px;border-top:1px solid #d8d9d7;transition:background .28s ease,color .28s ease}
.expertise-row:hover{background:#fff8f1}
.expertise-row:focus-visible{outline-offset:-3px}
.row-number{font-size:25px;letter-spacing:-.075em}
.expertise-row h3{font-size:15px;font-weight:600;margin:0;letter-spacing:-.03em}
.expertise-row p{font-size:13px;line-height:1.4;margin:0 0 8px;color:var(--secondary)}
.expertise-row small{font:600 9px monospace;letter-spacing:.09em;color:#767976}
.row-arrow{font-size:29px;color:#777;transition:transform .28s cubic-bezier(.16,.84,.2,1),color .28s ease}
.expertise-row:hover .row-arrow{transform:translateX(4px);color:var(--accent)}
.work-section{padding-top:0;padding-bottom:44px}
.work-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}
.work-heading h2{font-size:clamp(32px,2.65vw,43px)}
.text-link{font-size:13px;padding:12px 0}
.text-link span{color:var(--accent);margin-left:12px;font-size:20px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.work-card{border:1px solid #d8dad8;border-radius:10px;overflow:hidden;background:#f3f4f2;transition:transform .25s,border-color .25s}
.work-card:hover{transform:translateY(-5px);border-color:#ffb170}
.work-visual{height:300px;overflow:hidden}
.work-visual>img{width:100%;height:100%;object-fit:cover;display:block}
.work-caption{padding:24px 25px 28px}
.work-caption small{font:600 9px monospace;letter-spacing:.1em;color:#777}
.work-caption h3{font-size:27px;font-weight:500;letter-spacing:-.04em;line-height:1.1;margin:12px 0}
.work-caption p{font-size:14px;line-height:1.55;color:#686b6b;margin:0}
.event-work{background:#0c1114;color:white;border-color:#252b2e}
.event-work .work-caption p,.event-work .work-caption small{color:#bdc1c3}
.dashboard-art,.automation-art{margin:14px 14px 0;background:#fff;border:1px solid #e0e2de;border-radius:7px;padding:18px;box-shadow:0 8px 25px #18252208;font-size:10px}
.mock-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding-bottom:18px}
.mock-top>span{font:7px monospace;color:#858b8d}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.metric-grid>div{padding:11px 7px;border:1px solid #e6e8e6;border-radius:4px}
.metric-grid small{display:block;color:#858b8d;font-size:8px}
.metric-grid strong{font-size:22px;display:block;margin:7px 0;font-weight:500}
.metric-grid em{color:#688b61;font-size:8px;font-style:normal}
.chart-panel{margin-top:16px;padding:12px;border:1px solid #eee;border-radius:4px}
.chart-panel>span{font-size:9px}
.chart-panel svg{height:90px;width:100%;display:block;margin-top:12px}
.dashboard-bottom{display:flex;gap:8px;margin-top:16px;align-items:center}
.dashboard-bottom i{height:5px;flex:1;background:#e7e9e6}
.live-dot{color:#72895d!important}
.workflow-preview{max-width:260px;margin:0 auto;text-align:center}
.workflow-preview>div{display:flex;align-items:center;text-align:left;gap:12px;border:1px solid #e6e8e5;border-radius:5px;height:40px;padding:0 12px;font-size:10px}
.workflow-preview i{font-style:normal;color:#929b9b;font-size:17px}
.workflow-preview span{margin-left:auto;color:#718f69}
.workflow-preview>b{display:block;color:#b9beb9;height:14px;font-weight:400}
.workflow-preview .review-node{border-color:#ffc891;background:#fff9f1}
.review-node i{color:#ff7900}
.audit-chip{font:8px monospace;color:#899486;margin-top:15px;text-align:center}
.product-section{max-width:1536px;margin:0 auto 46px;width:calc(100% - 64px);padding:48px 0 42px 44px;display:grid;grid-template-columns:32% 68%;align-items:center;border:1px solid #263034;border-radius:12px;background:#070d11;color:#f4f5f4;overflow:hidden}
.product-copy{padding-right:24px}
.product-copy .section-number{font-size:22px}
.product-copy .section-number span{font:700 10px monospace;letter-spacing:.05em;margin-left:12px}
.product-copy h2{font-size:clamp(30px,3vw,46px);letter-spacing:-.045em;white-space:nowrap}
.product-copy h3{font-size:clamp(24px,2vw,31px);line-height:1.15;font-weight:400;letter-spacing:-.035em;margin:20px 0 16px}
.product-copy>p:not(.section-number){color:#9ba5aa;font-size:13px}
.product-button{display:inline-flex;gap:20px;align-items:center;padding:15px 18px;background:#ff7900;color:#080e12;font-weight:600;font-size:13px;margin:12px 0 24px;border-radius:3px;transition:background .2s}
.product-button:hover{background:#ffa138}
.product-features{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:14px}
.product-features li{font-size:15px;display:flex;gap:14px;align-items:center}
.product-features span{color:#ff7900;width:22px;text-align:center;font-size:23px}
.product-art{min-width:0;align-self:center}
.product-art img{width:100%;display:block;aspect-ratio:1.5;object-fit:cover}
.product-art p{padding:0 26px;color:#7f8d92;font:9px monospace;letter-spacing:.1em;display:flex;justify-content:space-between;gap:16px;margin:20px 0 0}
@media(min-width:1600px){.work-visual{height:340px}
.product-section{min-height:600px}
}
@media(max-width:1100px){.expertise-section{grid-template-columns:33% 67%}
.expertise-row{grid-template-columns:30px 1fr 1.2fr 25px;gap:12px}
.expertise-row h3{font-size:13px}
.expertise-row p{font-size:11px}
.work-grid{gap:16px}
.work-visual{height:260px}
.work-caption{padding:20px}
.work-caption h3{font-size:24px}
.metric-grid strong{font-size:16px}
.product-section{padding-left:30px;grid-template-columns:36% 64%}
.product-copy h2{font-size:30px}
}
@media(max-width:800px){.section-shell{padding:42px 26px}
.expertise-section{grid-template-columns:1fr;gap:30px}
.expertise-section:before{display:none}
.expertise-list{border-left:0}
.expertise-row{grid-template-columns:35px 1fr 1.2fr 30px}
.work-section{padding-top:12px}
.work-grid{grid-template-columns:1fr}
.work-card{display:grid;grid-template-columns:48% 52%}
.work-visual{height:290px}
.work-caption{align-self:center}
.product-section{grid-template-columns:1fr;padding:30px 0;width:calc(100% - 40px)}
.product-copy{padding:0 28px}
.product-features{grid-template-columns:1fr 1fr;margin-bottom:30px;gap:12px}
.product-art{padding:0 16px}
.product-copy h2{font-size:40px}
}
@media(max-width:560px){.section-number{font-size:21px;margin-bottom:16px}
.section-intro>p:last-child:not(.section-number){font-size:14px}
.expertise-row{grid-template-columns:30px 1fr 24px;gap:12px;padding:18px 0}
.expertise-row h3{font-size:16px}
.expertise-row>div{grid-column:2;grid-row:2}
.expertise-row p{font-size:13px}
.row-number{font-size:22px;align-self:start}
.row-arrow{grid-column:3;grid-row:1 / span 2}
.work-heading{align-items:start;gap:15px}
.work-heading h2{font-size:30px}
.text-link{font-size:11px;max-width:110px;padding-top:8px}
.work-card{display:block}
.work-visual{height:280px}
.work-caption h3{font-size:27px}
.product-copy h2{font-size:34px}
.product-copy .section-number span{font-size:8px;margin-left:7px}
.product-art p{font-size:7px;padding:0 4px}
.product-features li{font-size:13px}
.metric-grid strong{font-size:22px}
}

/* The route crosses the Hero boundary and resolves into the first capability. */
.hero-service-connector{position:absolute;z-index:3;top:-1px;left:50%;width:100vw;height:280px;transform:translateX(-50%);overflow:visible;pointer-events:none}
.hero-service-connector path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.bridge-base{stroke:#d7d0c8;stroke-width:1;opacity:.75}
.bridge-draw{stroke:#ff6500;stroke-width:1.6;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 3000ms cubic-bezier(.65,0,.35,1)}
.expertise-section.bridge-route-replay .bridge-draw{transition:none}
.expertise-section.bridge-active .bridge-draw{stroke-dashoffset:0}
.service-hover-connector{position:absolute;z-index:4;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);overflow:visible;pointer-events:none}
.service-hover-route{fill:none;stroke:#ff6500;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1650ms cubic-bezier(.65,0,.35,1)}
.service-hover-origin{fill:#ff6500;opacity:0;transition:opacity 180ms ease}
.service-hover-ring{fill:none;stroke:#ff6500;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.service-hover-dot{fill:#ff6500;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.35);transition:opacity 160ms ease 1320ms,transform 260ms cubic-bezier(.65,0,.35,1) 1320ms}
.service-hover-runner{fill:#fcfcfb;stroke:#ff6500;stroke-width:1.5;opacity:0;transition:opacity 100ms linear}
.expertise-section.service-route-active .service-hover-route{stroke-dashoffset:0}
.expertise-section.service-route-active .service-hover-origin{opacity:1}
.expertise-section.service-route-active .service-hover-ring{animation:service-target-ring 820ms cubic-bezier(.65,0,.35,1) 1360ms both}
.expertise-section.service-route-active .service-hover-dot{opacity:1;transform:scale(1)}
.expertise-row.is-route-target{background:#fff8f1;box-shadow:inset 3px 0 0 #ff6500}
.expertise-row.is-route-target .row-number,.expertise-row.is-route-target .row-arrow{color:#d95700}
@keyframes service-target-ring{0%{opacity:0;transform:scale(.4)}35%{opacity:.8}100%{opacity:0;transform:scale(1)}}

/* Retire the legacy partial border so the animated circuit is the only left-hand line. */
.expertise-section::before{display:none}
@media(min-width:801px){.expertise-section{box-sizing:border-box;align-items:center;height:100dvh;min-height:0;max-height:100dvh;padding-top:clamp(64px,9dvh,110px);padding-bottom:clamp(64px,9dvh,110px)}.expertise-list{align-self:center;box-shadow:0 1px 0 #d8d9d7}.expertise-row{min-height:104px}}
@media(max-width:800px){.hero-service-connector,.service-hover-connector{display:none}.expertise-list::before{padding:0;height:32px;line-height:32px}}
@media(prefers-reduced-motion:reduce){.bridge-draw{stroke-dashoffset:0;transition:none}.service-hover-connector{display:none}}

@media(min-width:801px) and (prefers-reduced-motion:no-preference){.expertise-section.bridge-active .expertise-row{animation:service-row-settle 480ms cubic-bezier(.16,.84,.2,1) both}.expertise-section.bridge-active .expertise-row:nth-child(1){animation-delay:160ms}.expertise-section.bridge-active .expertise-row:nth-child(2){animation-delay:220ms}.expertise-section.bridge-active .expertise-row:nth-child(3){animation-delay:280ms}.expertise-section.bridge-active .expertise-row:nth-child(4){animation-delay:340ms}.expertise-section.bridge-active .expertise-row:nth-child(5){animation-delay:400ms}@keyframes service-row-settle{from{opacity:.42;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}}

/* The capabilities introduction carries its own hierarchy, rather than reading as spare copy beside the system matrix. */
.section-intro--capabilities{position:relative;isolation:isolate;align-self:center;width:min(100%,470px);padding:28px clamp(22px,3vw,58px) 28px 0}
.section-intro--capabilities>*:not(.capability-intro__watermark){position:relative;z-index:1}
.capability-intro__watermark{position:absolute;z-index:0;right:clamp(8px,2vw,34px);bottom:-34px;color:#f1efeb;font:500 clamp(120px,13vw,210px)/.78 "DM Sans",sans-serif;letter-spacing:-.11em;pointer-events:none}
.capability-intro__overline{display:flex;align-items:center;gap:13px;margin-bottom:30px;color:#757875;font:600 9px/1 "Manrope",sans-serif;letter-spacing:.18em;text-transform:uppercase}
.capability-intro__overline .section-number{margin:0;color:var(--accent);font:500 18px/1 "DM Sans",sans-serif;letter-spacing:-.06em}
.capability-intro__overline span{display:flex;align-items:center;gap:11px}
.capability-intro__overline span::before{content:"";width:26px;height:1px;background:var(--accent)}
.section-intro--capabilities h2{max-width:440px;font-size:clamp(46px,4.1vw,68px);line-height:.94;letter-spacing:-.07em}
.section-intro--capabilities>p:last-of-type{max-width:31ch;margin:28px 0 0;color:#5d615f;font-size:15px;line-height:1.55}
.capability-intro__footnote{display:flex;align-items:center;gap:10px;max-width:330px;margin-top:34px;padding-top:17px;border-top:1px solid #d7d8d5;color:#777a77;font:600 8px/1.35 "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.capability-intro__footnote span:first-child{color:var(--accent)}
.capability-intro__footnote i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #fff0e5;flex:0 0 auto}
@media(max-width:1100px) and (min-width:801px){.section-intro--capabilities{padding-right:22px}.capability-intro__watermark{right:0;font-size:145px}.section-intro--capabilities h2{font-size:clamp(42px,4.7vw,56px)}.capability-intro__footnote{gap:8px;font-size:7px}}
@media(max-width:800px){.section-intro--capabilities{width:100%;padding:0}.capability-intro__watermark{right:0;bottom:-20px;font-size:150px}.section-intro--capabilities h2{max-width:470px;font-size:clamp(45px,10vw,58px)}.section-intro--capabilities>p:last-of-type{margin-top:22px}.capability-intro__footnote{margin-top:28px}}
@media(max-width:560px){.capability-intro__overline{margin-bottom:22px}.section-intro--capabilities h2{font-size:clamp(42px,12vw,50px)}.capability-intro__watermark{font-size:126px;bottom:-16px}.capability-intro__footnote{font-size:7px;letter-spacing:.1em}}