.order-implementation{position:relative;overflow:hidden;margin-top:34px;padding:0 30px 30px;border:1px solid #bdccdc;border-radius:12px;background:linear-gradient(145deg,#fff,#f5f8fc);box-shadow:0 18px 48px rgba(5,26,59,.11)}
.order-implementation:before{content:"BWS";position:absolute;right:-18px;top:180px;color:rgba(9,42,84,.025);font-size:210px;font-weight:950;letter-spacing:-.08em;pointer-events:none}
.order-flow-heading{position:relative;display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:24px;margin:0 -30px;padding:27px 30px;border-bottom:4px solid #c89b38;background:radial-gradient(circle at 85% 20%,rgba(29,92,160,.35),transparent 35%),linear-gradient(115deg,#03142f,#082d61);color:#fff}
.order-insignia{display:grid;width:72px;height:72px;place-items:center;border:1px solid rgba(230,190,91,.7);border-radius:50%;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 5px rgba(255,255,255,.035)}
.order-insignia strong,.order-insignia small{display:block;text-align:center}.order-insignia strong{color:#e7bd55;font-size:21px;letter-spacing:.04em}.order-insignia small{margin-top:-17px;color:#c8d5e7;font-size:7px;letter-spacing:.13em;text-transform:uppercase}
.order-title-block>span{color:#e4b94e;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.order-flow-heading h2{margin:8px 0 6px;color:#fff;font-size:31px;letter-spacing:-.025em}.order-flow-heading p{max-width:760px;margin:0;color:#c9d5e6;font-size:13px;line-height:1.6}
.order-flow-heading aside{min-width:230px;padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.07)}
.order-flow-heading aside>small,.order-flow-heading aside>strong,.order-flow-heading aside>b{display:block}.order-flow-heading aside>small{margin-top:12px;color:#9fb0c8;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.order-flow-heading aside>strong{margin-top:4px;color:#fff;font-size:10px}.order-flow-heading aside>b{margin-top:9px;color:#d8e2ef;font:8px ui-monospace,SFMono-Regular,Consolas,monospace}
.order-flow-status{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(232,195,104,.55);border-radius:999px;background:rgba(202,151,38,.14);color:#f1ce78;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.order-flow-status i{width:7px;height:7px;border-radius:50%;background:#dca530;box-shadow:0 0 0 4px rgba(220,165,48,.15)}
.order-reference{position:relative;display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:0;margin:24px 0 14px;overflow:hidden;border:1px solid #ccd8e5;border-radius:9px;background:#fff;box-shadow:0 5px 16px rgba(5,27,61,.05)}
.order-reference article{padding:17px 18px;border-right:1px solid #dbe3ec;background:#fff}.order-reference article:last-child{border-right:0}.order-reference span,.order-reference strong{display:block}.order-reference span{color:#6b7c92;font-size:9px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.order-reference strong{margin-top:8px;color:#113762;font-size:13px;line-height:1.4}
.order-progress{position:relative;margin-bottom:25px;padding:17px 18px;border:1px solid #ccd9e6;border-radius:9px;background:#eef4fa}.order-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#173b68;font-size:11px;font-weight:900;text-transform:uppercase}.order-progress>div:first-child strong{font-size:16px}.order-progress-track{height:7px;margin:10px 0;overflow:hidden;border-radius:999px;background:#d6e1ec}.order-progress-track i{display:block;width:83%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16805e 0 90%,#c69731)}.order-progress p{margin:0;color:#596e85;font-size:10px;line-height:1.55}.order-progress p b{color:#173b68}
.order-section-label{position:relative;display:flex;align-items:center;gap:18px;margin:0 0 15px;padding:0 3px}.order-section-label span{margin-right:auto;color:#133966;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.order-section-label b,.order-section-label em{font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.order-section-label b{color:#147153}.order-section-label em{color:#8c5f08}
.order-control-path{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}.order-control-path:before{content:"";position:absolute;top:24px;right:8%;left:8%;height:2px;background:linear-gradient(90deg,#17805f 0 66%,#d2a13a 66% 100%)}.order-control-path li{position:relative;z-index:1;display:grid;grid-template-rows:48px 1fr;gap:10px}.order-symbol{display:grid;width:48px;height:48px;place-items:center;border:5px solid #f8fbfe;border-radius:50%;font-size:16px;font-weight:900;box-shadow:0 0 0 1px #cbd8e6}
.order-control-path article{min-height:228px;padding:20px;border:1px solid #d2dde9;border-top:3px solid #8397ad;border-radius:9px;background:#fff;box-shadow:0 7px 19px rgba(7,29,62,.055)}.order-control-path article>span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.order-control-path h3{margin:10px 0 8px;color:#0e315c;font-size:16px;line-height:1.3}.order-control-path p{margin:0;color:#566b83;font-size:12px;line-height:1.64}.order-control-path small{display:block;margin-top:14px;padding-top:11px;border-top:1px solid #dfe6ee;color:#718196;font-size:9px;line-height:1.5}
.order-control-path .is-complete .order-symbol{background:#dff3eb;color:#126f52;box-shadow:0 0 0 1px #a9d5c4}.order-control-path .is-complete article{border-top-color:#188160}.order-control-path .is-complete article>span{color:#147254}.order-control-path .is-pending .order-symbol{background:#fff0cf;color:#90620a;box-shadow:0 0 0 1px #dfc076}.order-control-path .is-pending article{border-top-color:#cf9b2d;background:#fffdf8}.order-control-path .is-pending article>span{color:#8d600a}.order-control-path .is-pending:not(.final) .order-symbol{animation:orderPulse 1.8s ease-in-out infinite}.order-control-path .final article{border-color:#d8bf82;border-top:3px solid #b98016;background:linear-gradient(145deg,#fffdf8,#fff7e5);box-shadow:0 9px 24px rgba(157,105,10,.1)}
.order-flow-note{position:relative;display:grid;grid-template-columns:190px 1fr;gap:20px;margin-top:26px;padding:18px 20px;border:1px solid #cbd8e5;border-left:5px solid #173f70;border-radius:8px;background:#edf3f8}.order-flow-note span{color:#173f70;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.order-flow-note p{margin:0;color:#52677f;font-size:11px;line-height:1.65}
@keyframes orderPulse{50%{box-shadow:0 0 0 8px rgba(207,155,45,.12)}}
@media(max-width:980px){.order-flow-heading{grid-template-columns:72px 1fr}.order-flow-heading aside{grid-column:1/-1}.order-reference{grid-template-columns:repeat(2,1fr)}.order-reference article:nth-child(2){border-right:0}.order-reference article:nth-child(-n+2){border-bottom:1px solid #dbe3ec}.order-control-path{grid-template-columns:repeat(2,1fr)}.order-control-path:before{display:none}}
@media(max-width:650px){.order-implementation{padding:0 16px 21px}.order-flow-heading{grid-template-columns:1fr;margin:0 -16px;padding:23px 18px}.order-insignia{width:60px;height:60px}.order-flow-heading h2{font-size:25px}.order-reference,.order-control-path{grid-template-columns:1fr}.order-reference article{border-right:0;border-bottom:1px solid #dbe3ec}.order-section-label{align-items:flex-start;flex-direction:column;gap:7px}.order-control-path article{min-height:0}.order-flow-note{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.order-control-path .is-pending:not(.final) .order-symbol{animation:none}}