/* A project, made tangible: conversation → proposal → connected workflow. */
.page-solutions .sc-commercial{padding:88px 0 70px;background:var(--ink);color:var(--white);scroll-margin-top:25px}
.page-solutions .sc-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:55px;align-items:start}
.page-solutions .sc-heading>.section-label{padding-top:8px;color:#b9b9c1;font-size:10px}
.page-solutions .sc-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.07;letter-spacing:-.05em}
.page-solutions .sc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:62px;list-style:none;padding:0;margin:63px 0 0}
.page-solutions .sc-step{position:relative;min-width:0}
.page-solutions .sc-step-heading{display:flex;align-items:baseline;gap:16px;min-height:52px}
.page-solutions .sc-number{color:#9d9da6;font-size:9px;line-height:1.5}
.page-solutions .sc-step-heading h3{margin:0;font-size:23px;font-weight:450;line-height:1.24;letter-spacing:-.04em}
.page-solutions .sc-object{display:flex;align-items:center;justify-content:center;height:190px;background:#222225;border:1px solid #38383e;border-radius:7px;overflow:hidden}
.page-solutions .sc-caption{display:flex;flex-direction:column;gap:8px;margin:23px 0 0;font-size:12px;line-height:1.5}
.page-solutions .sc-caption strong{font-size:14px;font-weight:450;letter-spacing:-.015em}
.page-solutions .sc-caption>span{color:#b8b8c1;font-size:11px}
.page-solutions .sc-route-arrow{position:absolute;right:-45px;top:132px;color:#9999a3;font-size:24px;line-height:1}
.page-solutions .sc-call{position:relative;width:192px;padding:17px 19px 16px;border:1px solid #55555e;border-radius:14px;background:#28282d;box-shadow:0 14px 28px -20px #000}
.page-solutions .sc-call-people{display:flex;justify-content:center;align-items:center;gap:14px}
.page-solutions .sc-person{display:grid;place-items:center;width:44px;height:44px;border:1px solid #71717b;border-radius:50%;background:#37373d}
.page-solutions .sc-person svg{width:28px;height:28px;stroke:#f5f5f7;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.page-solutions .sc-person-brand{border-color:#686872;background:#1d1d20}
.page-solutions .sc-person-brand img{width:23px;height:23px}
.page-solutions .sc-call-between{color:#a7a7b1;font-size:18px}
.page-solutions .sc-call-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:25px;margin-top:14px}
.page-solutions .sc-call-wave i{width:2px;height:5px;background:#d8d8df;border-radius:2px}
.page-solutions .sc-call-wave i:nth-child(2n){height:12px}
.page-solutions .sc-call-wave i:nth-child(3n){height:20px}
.page-solutions .sc-call-wave i:nth-child(5){height:15px}
.page-solutions .sc-call-time{display:flex;align-items:baseline;justify-content:center;gap:5px;margin-top:4px;font-size:21px;line-height:1.1;letter-spacing:-.045em}
.page-solutions .sc-call-time>span{font-size:9px;letter-spacing:0;color:#b5b5be}
.page-solutions .sc-proposal{width:180px;padding:19px 19px 14px;background:#f5f5f7;color:var(--ink);border:1px solid #fff;border-radius:3px;box-shadow:7px 8px 0 -1px #414149,0 18px 20px -16px #000;transform:rotate(-3deg);transition:transform .4s var(--ease)}
.page-solutions .sc-paper-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #cfcfd6;font-size:9px;font-weight:550}
.page-solutions .sc-paper-top>img{width:17px;height:17px}
.page-solutions .sc-paper-line{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:9px;line-height:1.4}
.page-solutions .sc-paper-line>i{font-style:normal;color:#686870;font-size:11px}
.page-solutions .sc-build{width:100%;max-width:270px;padding:24px 22px 17px}
.page-solutions .sc-build-path{display:flex;align-items:center;justify-content:center}
.page-solutions .sc-build-node{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #5a5a64;border-radius:10px;background:#333339}
.page-solutions .sc-build-node svg{width:25px;height:25px;stroke:#d2d2da;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.page-solutions .sc-build-core{background:#151517;border-color:#777782;box-shadow:0 0 23px -11px #fff5}
.page-solutions .sc-build-core>img{width:21px;height:21px}
.page-solutions .sc-build-complete{background:#f5f5f7;border-color:#f5f5f7}
.page-solutions .sc-build-complete svg{stroke:#171719;stroke-width:1.8}
.page-solutions .sc-wire{position:relative;display:block;flex:1 1 28px;height:1px;min-width:10px;max-width:34px;background:#6a6a74}
.page-solutions .sc-wire::after{position:absolute;content:'';left:0;top:-1px;width:4px;height:3px;background:#e4e4ec;border-radius:2px;opacity:0}
.page-solutions .sc-build-ready{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:26px;color:#c5c5cd;font-size:9px}
.page-solutions .sc-build-ready>span{width:5px;height:5px;border-radius:50%;background:#dbdbe3}
.page-solutions .sc-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:46px;padding-top:31px;border-top:1px solid #45454c}
.page-solutions .sc-cost{display:flex;flex-direction:column;gap:8px;margin:0;font-size:13px;line-height:1.5}
.page-solutions .sc-cost>span{max-width:450px;color:#b8b8c1;font-size:10px;line-height:1.65}
.page-solutions .sc-actions{display:flex;align-items:center;gap:27px;flex-shrink:0}
.page-solutions .sc-actions>.button{min-width:218px;font-size:12px;min-height:52px}
.page-solutions .sc-message{display:flex;align-items:center;gap:17px;color:#e6e6eb;font-size:11px;line-height:1.5;white-space:nowrap}
.page-solutions .sc-message>span{font-size:19px;transition:transform .25s var(--ease)}
.page-solutions .sc-message:hover>span{transform:translate(2px,-2px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .page-solutions .sc-step:hover .sc-proposal{transform:rotate(0) translateY(-3px)}
  .page-solutions .sc-step:hover .sc-call-wave i{animation:sc-wave .65s ease-in-out 3 alternate}
  .page-solutions .sc-step:hover .sc-call-wave i:nth-child(2n){animation-delay:.1s}
  .page-solutions .sc-step:hover .sc-call-wave i:nth-child(3n){animation-delay:.2s}
  .page-solutions .sc-step:hover .sc-wire::after{animation:sc-transfer 1.15s var(--ease) 2}
  .page-solutions .sc-step:hover .sc-wire:last-of-type::after{animation-delay:.3s}
}
@keyframes sc-wave{50%{transform:scaleY(.35)}}
@keyframes sc-transfer{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:calc(100% - 4px);opacity:0}}
@media(max-width:1120px){.page-solutions .sc-steps{gap:40px}.page-solutions .sc-route-arrow{right:-30px;font-size:20px}.page-solutions .sc-step-heading{gap:12px}.page-solutions .sc-step-heading h3{font-size:21px}.page-solutions .sc-object{height:180px}.page-solutions .sc-build{padding-inline:15px}.page-solutions .sc-build-node{flex-basis:42px;width:42px;height:42px}.page-solutions .sc-bottom{gap:28px}.page-solutions .sc-actions{gap:22px}.page-solutions .sc-actions>.button{min-width:185px;font-size:11px}.page-solutions .sc-heading{gap:40px}}
@media(max-width:900px){.page-solutions .sc-commercial{padding:73px 0 60px}.page-solutions .sc-heading{grid-template-columns:1fr;gap:22px}.page-solutions .sc-heading>.section-label{padding:0}.page-solutions .sc-heading h2{font-size:45px}.page-solutions .sc-steps{gap:24px;margin-top:45px}.page-solutions .sc-route-arrow{right:-19px;top:129px;font-size:16px}.page-solutions .sc-step-heading{min-height:53px;gap:8px}.page-solutions .sc-step-heading h3{font-size:18px}.page-solutions .sc-object{height:170px}.page-solutions .sc-call{width:155px;padding:16px 13px 14px}.page-solutions .sc-call-people{gap:10px}.page-solutions .sc-person{width:36px;height:36px}.page-solutions .sc-person svg{width:23px;height:23px}.page-solutions .sc-person-brand img{width:21px;height:21px}.page-solutions .sc-proposal{width:147px;padding:16px 14px 12px}.page-solutions .sc-build{padding:20px 12px 15px}.page-solutions .sc-build-node{width:34px;height:34px;flex-basis:34px;border-radius:7px}.page-solutions .sc-build-node svg{width:20px;height:20px}.page-solutions .sc-build-core>img{width:18px;height:18px}.page-solutions .sc-build-ready{font-size:8px;margin-top:24px}.page-solutions .sc-caption strong{font-size:12px}.page-solutions .sc-caption>span{font-size:10px}.page-solutions .sc-bottom{align-items:flex-start;flex-direction:column;gap:25px;margin-top:35px}.page-solutions .sc-actions>.button{min-width:220px}}
@media(max-width:680px){
  .page-solutions .sc-commercial{padding:60px 0 50px}
  .page-solutions .sc-heading{gap:19px}
  .page-solutions .sc-heading h2{font-size:clamp(32px,8.5vw,43px);line-height:1.08}
  .page-solutions .sc-heading>.section-label{font-size:9px}
  .page-solutions .sc-steps{grid-template-columns:1fr;gap:32px;margin-top:39px}
  .page-solutions .sc-step{display:grid;grid-template-columns:118px minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px 24px;min-height:132px}
  .page-solutions .sc-step-heading{grid-column:2;align-items:center;min-height:0;gap:9px;padding-top:14px}
  .page-solutions .sc-step-heading h3{font-size:18px;line-height:1.22}
  .page-solutions .sc-number{font-size:8px}
  .page-solutions .sc-object{grid-column:1;grid-row:1/3;min-height:132px;height:100%;border-radius:5px}
  .page-solutions .sc-caption{grid-column:2;gap:8px;margin:0;padding-bottom:10px;align-self:start;line-height:1.5}
  .page-solutions .sc-caption strong{font-size:12px;font-weight:450}
  .page-solutions .sc-caption>span{font-size:10px;line-height:1.6}
  .page-solutions .sc-route-arrow{right:auto;left:51px;top:calc(100% + 7px);font-size:18px;transform:rotate(90deg)}
  .page-solutions .sc-call{width:100px;padding:11px 9px 10px;border-radius:9px}
  .page-solutions .sc-call-people{gap:5px}
  .page-solutions .sc-person{width:29px;height:29px}
  .page-solutions .sc-person svg{width:20px;height:20px}
  .page-solutions .sc-person-brand img{width:17px;height:17px}
  .page-solutions .sc-call-between{font-size:13px}
  .page-solutions .sc-call-wave{gap:3px;height:19px;margin-top:9px}
  .page-solutions .sc-call-wave i:nth-child(3n){height:15px}
  .page-solutions .sc-call-time{font-size:18px;margin-top:3px}
  .page-solutions .sc-call-time>span{font-size:8px}
  .page-solutions .sc-proposal{width:94px;padding:10px 9px 8px;box-shadow:4px 5px 0 -1px #414149}
  .page-solutions .sc-paper-top{gap:5px;padding-bottom:10px;font-size:6px}
  .page-solutions .sc-paper-top>img{width:12px;height:12px}
  .page-solutions .sc-paper-line{margin-top:8px;font-size:6px;gap:5px}
  .page-solutions .sc-paper-line>i{font-size:8px}
  .page-solutions .sc-build{padding:12px 8px 10px}
  .page-solutions .sc-build-node{flex-basis:25px;width:25px;height:25px;border-radius:6px}
  .page-solutions .sc-build-node svg{width:15px;height:15px}
  .page-solutions .sc-build-core>img{width:14px;height:14px}
  .page-solutions .sc-wire{min-width:7px;flex-basis:9px}
  .page-solutions .sc-build-ready{font-size:7px;gap:5px;margin-top:19px}
  .page-solutions .sc-build-ready>span{width:4px;height:4px}
  .page-solutions .sc-bottom{gap:24px;margin-top:33px;padding-top:25px}
  .page-solutions .sc-cost{font-size:12px;gap:8px}
  .page-solutions .sc-cost>span{max-width:320px;font-size:10px}
  .page-solutions .sc-actions{flex-direction:column;align-items:flex-start;gap:18px;width:100%;max-width:350px}
  .page-solutions .sc-actions>.button{min-width:0;max-width:100%;width:100%;min-height:52px;font-size:12px}
  .page-solutions .sc-message{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.page-solutions .sc-proposal,.page-solutions .sc-message>span{transition:none}.page-solutions .sc-call-wave i,.page-solutions .sc-wire::after{animation:none!important}}