/* Product engineering page. Builds on .we2, .ec and .bs components. */
.pe-road__body{background:#fff;padding:14px 16px 16px;display:grid;gap:12px;min-height:340px;align-content:start}
.pe-road__stages{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink)}
.pe-road__stages button{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 6px;background:#fff;border:0;border-right:1px solid var(--line);cursor:pointer;font:600 14px var(--font-sans);color:var(--ink);transition:background .2s}.pe-road__stages button:last-child{border-right:0}
.pe-road__stages i{font:500 11px var(--font-mono);font-style:normal;display:grid;place-items:center;width:20px;height:20px;border:1px solid #b9c3d3;color:var(--mute)}
.pe-road__stages button:hover{background:#f6f9ff}.pe-road__stages button[aria-selected=true]{background:var(--ink);color:#fff}.pe-road__stages button[aria-selected=true] i{background:var(--blue);border-color:var(--blue);color:#fff}
.pe-road__track{height:4px;background:#e6ebf3}.pe-road__track i{display:block;height:100%;width:25%;background:var(--blue);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.pe-road__say{font-size:15px;color:var(--ink2);min-height:2.8em}
.pe-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pe-col{background:#f7f9fc;border:1px solid var(--line);padding:10px;display:grid;gap:8px;align-content:start}.pe-col h4{margin:0;font:600 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.pe-col:first-child h4{color:var(--blue)}
.pe-it{background:#fff;border:1px solid var(--ink);padding:8px 10px;font-size:13px;font-weight:600;animation:bs-pop .35s cubic-bezier(.2,.8,.2,1)}.pe-col:not(:first-child) .pe-it{border-color:#cfd8e6;font-weight:500;color:var(--ink2)}
.pe-caps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pe-caps li{background:#fff;border:1px solid var(--line);padding:20px;display:grid;gap:6px;align-content:start;transition:border-color .25s,transform .25s,box-shadow .25s}.pe-caps li:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 18px 36px -26px rgba(20,102,255,.55)}
.pe-caps svg{width:44px;height:44px;margin-bottom:4px}.pe-caps h3{font-size:18px}.pe-caps p{color:var(--ink2);font-size:15px}
.pe-steps{grid-template-columns:repeat(5,1fr)}.pe-steps li{padding:16px}.pe-steps h3{font-size:17px}
.pe-pf .ec-pf__tabs{grid-template-columns:repeat(2,1fr)}
.pe-prods{grid-template-columns:minmax(0,1fr)!important}.pe-prods__g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pe-prods__g a{display:grid;gap:4px;align-content:start;padding:14px 16px;border:1px solid var(--line);background:#fff;text-decoration:none;transition:border-color .25s,transform .25s}.pe-prods__g a:hover{border-color:var(--blue);transform:translateY(-2px)}
.pe-prods__g b{font-size:17px;color:var(--ink)}.pe-prods__g span{color:var(--ink2);font-size:14px}.pe-prods__g i{font-style:normal;font-weight:600;font-size:13.5px;color:var(--blue);margin-top:4px}
@media (max-width:1100px){.pe-caps{grid-template-columns:repeat(2,1fr)}.pe-steps{grid-template-columns:repeat(3,1fr)}.pe-prods__g{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.pe-caps,.pe-steps,.pe-prods__g,.pe-board{grid-template-columns:minmax(0,1fr)}.pe-road__stages{grid-template-columns:repeat(2,1fr)}.pe-road__stages button{border-bottom:1px solid var(--line)}.pe-pf .ec-pf__tabs{grid-template-columns:minmax(0,1fr)}}
.ec-pf__v--svg text.w{fill:#fff}