.support-icon{background:#edf0e7;border-radius:50%}
.journey-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0 0 19px;padding:0;background:transparent;gap:18px}
.journey-step{display:flex;align-items:center;gap:9px;padding:7px 0;min-width:0;color:#8b9383;position:relative}
.journey-step:not(:last-child)::after{content:'';height:1px;flex:1;min-width:12px;margin-left:7px;background:linear-gradient(90deg,#d1dac8,#d1dac855)}
.journey-number{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border:1px solid #dce3d5;border-radius:50%;font-size:9px;font-variant-numeric:tabular-nums;color:#8d9980}
.journey-number .icon{width:15px;height:15px}
.journey-step strong{display:block;font-size:11px;font-weight:500;color:#737e69;line-height:1.5}
.journey-step small{display:block;font-size:9px;line-height:1.5;margin-top:2px}
.journey-step>.icon{display:none}
.journey-step.is-current{background:transparent}
.journey-step.is-current strong{color:var(--ink)}
.journey-step.is-current .journey-number{background:#ffe8d0;color:#86613a;border-color:#efd2b1;box-shadow:0 0 0 4px #fff5e980}
.journey-step.is-done .journey-number{background:#ecf3e6;color:#4c7040;border-color:#d8e6cb}
.summary-card{align-self:stretch}
.summary-security{margin-top:auto}
.direction-conditions{border-top:1px solid var(--line);padding:14px 0 12px;margin-top:2px}
.direction-conditions h3{font-size:11px;font-weight:500;letter-spacing:0;margin-bottom:9px}
.direction-conditions dl{margin:0}
.direction-conditions dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:7px;font-size:10px;line-height:1.6}
.direction-conditions dt{color:#8a9480;flex-shrink:0}
.direction-conditions dd{margin:0;color:#5b6a50;text-align:right;max-width:64%}
.direction-conditions>p{font-size:9px;color:#919a87;line-height:1.7;margin-top:10px}
.order-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 23px}
.order-heading h1{font-size:29px;margin-bottom:0}
.order-heading .eyebrow{font-size:9px}
.order-heading .text-button{color:#7b876f}
.order-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;align-items:start}
.order-main{padding:32px 35px;min-width:0}
.order-state-icon{display:grid;place-items:center;width:48px;height:48px;background:#f4f0e7;color:#a18352;border-radius:15px;margin-bottom:23px}
.order-state-icon .icon{width:25px;height:25px}
.order-state-icon.success{background:#edf4e7;color:#567746}
.order-warning .order-state-icon{background:#fff0e9;color:#a76a4f}
.order-main>.eyebrow{font-size:9px}
.order-main h2{font-size:27px;line-height:1.3;margin:9px 0 13px}
.order-lead{font-size:12px;color:#7b866f;line-height:1.9;max-width:550px}
.payment-demo{background:#f6f7f2;border:1px dashed #d9e0ce;border-radius:12px;padding:20px;margin:25px 0}
.payment-demo>span{font-size:10px;color:#89937d;display:block}
.payment-demo>strong{display:block;font-size:15px;font-weight:500;line-height:1.6;margin:7px 0}
.payment-demo>p{font-size:11px;line-height:1.8;color:#8a785f}
.order-actions{margin-top:26px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.order-actions .primary-button{width:auto;min-width:260px;text-decoration:none}
.order-actions>.text-button{font-size:10px;color:#89947d}
.preview-back{margin-top:16px;color:#7d8a71}
.order-aside{display:grid;gap:16px;min-width:0}
.order-details{padding:23px 25px}
.order-details h2{font-size:15px;letter-spacing:-.02em}
.order-route{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0;font-size:12px;font-weight:500}
.order-route>.icon{width:18px;color:#a3ad97;margin:0 8px}
.order-details dl{margin:12px 0 0}
.order-details dl>div{padding:10px 0;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #f1f3ec;font-size:11px;line-height:1.7}
.order-details dl>div:last-child{border:0}
.order-details dt{color:#929b86}
.order-details dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}
.order-support{padding:22px 25px}
.order-support .support-icon{float:left;margin-right:11px;width:25px;height:25px}
.order-support h3{font-size:13px;letter-spacing:0;line-height:25px}
.order-support p{font-size:10px;line-height:1.9;color:#8a947f;clear:both;margin:10px 0 13px}
.order-support button{color:#647654;font-size:11px}
.order-demo-states{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:24px 0 38px;padding-top:16px;border-top:1px solid var(--line);font-size:10px}
.order-demo-states>span{color:#939d86;margin-right:7px}
.order-demo-states a{border:1px solid #dfe5d6;border-radius:7px;padding:6px 11px;color:#77856a;background:#fafbf7}
.order-demo-states a[aria-current]{background:var(--ink);color:white;border-color:var(--ink)}
.order-status-note{border-left:2px solid #d8e2cc;padding:7px 0 7px 16px;font-size:11px;line-height:1.9;color:#7a886c;margin-top:25px}
.confirmation-progress{margin-top:25px;background:#f5f7ef;border:1px solid #e2e8d8;padding:20px;border-radius:12px}
.confirmation-progress>div{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}
.confirmation-progress strong{font-size:12px;font-weight:500;color:#5b7549;text-align:right}
.confirmation-progress progress{display:block;width:100%;height:6px;margin-top:15px;border:0;border-radius:8px;overflow:hidden;background:#e2e9d9;accent-color:#839f6e}
.confirmation-progress progress::-webkit-progress-bar{background:#e2e9d9}.confirmation-progress progress::-webkit-progress-value{background:#839f6e;border-radius:8px}
.confirmation-progress p{font-size:10px;color:#8c987f;line-height:1.8;margin-top:12px}
@media(max-width:1100px){.journey-step{padding:12px;gap:8px}.journey-step small{font-size:8px}.journey-step strong{font-size:10px}.journey-step>.icon{display:none}.direction-conditions dl>div{font-size:9px;gap:8px}.direction-conditions dt{flex-shrink:1}.order-main{padding:27px}}
@media(max-width:860px){.direction-conditions{margin-top:15px}.direction-conditions dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.direction-conditions dl>div{display:block;margin:0}.direction-conditions dd{text-align:left;max-width:none;margin-top:4px}.direction-conditions>p{font-size:9px}.summary-security{padding-bottom:0}.order-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px}.order-details,.order-support{padding:20px}.order-actions .primary-button{min-width:0;width:100%}.order-main h2{font-size:23px}}
@media(max-width:560px){.journey-track{margin-bottom:15px;border-radius:10px}.journey-step{display:flex;flex-direction:column;gap:5px;padding:10px 3px;text-align:center;align-items:center}.journey-step small{display:none}.journey-step strong{font-size:8px;line-height:1.5;letter-spacing:0}.journey-number{width:24px;height:24px;font-size:8px}.direction-conditions dl{display:block}.direction-conditions dl>div{display:flex;margin-top:9px;font-size:10px}.direction-conditions dd{text-align:right;max-width:63%;margin:0}.direction-conditions h3{font-size:12px}.direction-conditions>p{font-size:9px}.direction-conditions{padding-bottom:15px}.summary-security{padding:14px 0}.order-heading{display:block;margin:22px 0 18px}.order-heading h1{font-size:27px}.order-heading .eyebrow{font-size:7px}.order-heading>.text-button{margin-top:14px;font-size:10px}.order-grid{grid-template-columns:1fr}.order-main{padding:23px 20px}.order-main h2{font-size:24px}.order-state-icon{width:41px;height:41px;border-radius:12px;margin-bottom:17px}.order-lead{font-size:11px}.payment-demo{padding:16px}.payment-demo>strong{font-size:13px}.payment-demo>p{font-size:10px}.order-actions{margin-top:20px;gap:16px}.order-actions .primary-button{font-size:11px}.order-aside{gap:12px}.order-details dl>div{font-size:10px}.order-details h2{font-size:14px}.order-demo-states{gap:6px;margin-bottom:25px}.order-demo-states>span{flex-basis:100%;margin-bottom:4px}.order-demo-states a{font-size:9px;padding:6px 9px}.confirmation-progress{padding:16px}.confirmation-progress>div{font-size:10px}.confirmation-progress strong{font-size:10px}}