.order-home{border:1px solid var(--line);background:var(--paper);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:clamp(24px,5vw,64px) 0;display:grid;overflow:hidden}.order-home-copy{align-self:center;padding:clamp(26px,4vw,56px)}.order-home-copy h1{text-wrap:balance;margin:16px 0;font-size:clamp(36px,4.2vw,60px)}.order-home-copy>p{max-width:37ch;color:var(--muted);line-height:1.75}.order-home-actions{flex-wrap:wrap;gap:10px;margin:24px 0 9px;display:flex}.order-home-preview{background:#edf1f8;align-content:center;padding:clamp(22px,4vw,52px);display:grid}.sample-ticket{background:var(--paper);border:1px solid #d1daea;border-radius:9px;align-items:center;gap:10px;padding:14px;display:flex}.sample-ticket h2{font:700 16px/1.3 var(--font-sans);letter-spacing:0}.sample-ticket p,.sample-workflow p{color:var(--muted);font-size:13px}.sample-workflow{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid;position:relative}.sample-workflow:before{content:"";background:#b6c5db;width:1px;position:absolute;inset:20px auto 20px 30px}.sample-workflow li{background:var(--paper);border:1px solid #d1daea;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:65px;padding:10px 14px;display:grid;position:relative}.sample-workflow h3{font-size:15px}.sample-stage-icon{color:#2358be;background:#e4ecfa;border-radius:8px;place-items:center;width:33px;height:33px;font-size:13px;font-weight:700;display:grid}.sample-workflow li:nth-child(2) .sample-stage-icon{color:#8f4e24;background:#f3e8d9}.sample-workflow li:nth-child(3) .sample-stage-icon{color:var(--green);background:#e4eddf}@media (max-width:840px){.order-home{grid-template-columns:minmax(0,1fr)}}@media (max-width:430px){.order-home-actions{flex-direction:column;align-items:stretch}}
