.to-page{padding:56px 0 80px}.to-head{text-align:center;margin-bottom:36px}.to-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}.to-title{font-family:var(--serif);font-style:italic;font-size:52px;line-height:1.05;letter-spacing:-.015em;margin:0 0 14px;font-weight:400}.to-sub{color:var(--ink-2);font-size:15px;max-width:520px;margin:0 auto}.to-form-card{max-width:640px;margin:0 auto;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.to-form{display:flex;gap:8px;align-items:stretch}.to-form input[type="text"]{flex:1;padding:12px 14px;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:var(--radius);font-family:inherit;text-transform:uppercase;letter-spacing:.04em}.to-form input[type="text"]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgb(122 90 52 / .12)}.to-form input[type="text"]::placeholder{color:var(--ink-3);text-transform:none;letter-spacing:0}.to-form-error{color:var(--danger);font-size:13px;margin-top:10px}.to-notice{max-width:640px;margin:0 auto 18px;padding:14px 18px;border-radius:var(--radius);font-size:14px;display:flex;gap:12px;align-items:flex-start}.to-notice-err{background:#fbeae6;color:#6e3424;border:1px solid #ecc6b8}.to-notice-err svg{color:var(--danger);flex-shrink:0;margin-top:2px}.to-result{max-width:880px;margin:0 auto 24px}.to-summary{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;margin-bottom:18px}.to-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.to-col h4{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin:0 0 10px}.to-col p{font-size:14px;color:var(--ink-2);margin:0 0 4px;line-height:1.5}.to-col .to-strong{color:var(--ink);font-weight:600}.to-pill{display:inline-block;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;letter-spacing:.02em;border:1px solid #fff0}.to-pill-received{background:#f7e3d4;color:#7a4a2a;border-color:#ecc6a4}.to-pill-process{background:#f4ebd0;color:#7a5a1f;border-color:#e3d3a0}.to-pill-dispatched{background:#d6e3eb;color:#1f4a6e;border-color:#b8cad6}.to-pill-delivered{background:#d4e5d2;color:#2e5a36;border-color:#a8c8a8}.to-timeline-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 28px}.to-timeline{display:flex;justify-content:space-between;align-items:flex-start;list-style:none;margin:0;padding:0;position:relative}.to-timeline::before{content:"";position:absolute;left:6%;right:6%;top:22px;height:2px;background:var(--line);z-index:0}.to-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 8px}.to-step-icon{width:46px;height:46px;border-radius:99px;background:#e9e2d2;color:#b8a988;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--bg-card);transition:background .25s,color .25s}.to-step.is-active .to-step-icon{background:var(--accent);color:#fff}.to-step-label{margin-top:12px;font-size:12.5px;color:var(--ink-3);font-weight:500;letter-spacing:.02em}.to-step.is-active .to-step-label{color:var(--ink);font-weight:600}.to-glossary{max-width:640px;margin:24px auto 0;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 28px}.to-glossary h3{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin:0 0 14px}.to-glossary dt{font-size:13px;font-weight:600;color:var(--ink);margin:14px 0 4px}.to-glossary dt:first-of-type{margin-top:0}.to-glossary dd{font-size:13px;color:var(--ink-2);line-height:1.55;margin:0}@media (max-width:820px){.to-page{padding:32px 0 56px}.to-title{font-size:36px}.to-form-card{padding:20px}.to-form{flex-direction:column}.to-form input[type="text"]{font-size:14px}.to-summary-grid{grid-template-columns:1fr;gap:18px}.to-summary,.to-timeline-card{padding:22px 18px}.to-timeline{flex-direction:row}.to-timeline::before{left:8%;right:8%}.to-step-icon{width:38px;height:38px}.to-step-icon svg{width:16px;height:16px}.to-step-label{font-size:11px}.to-glossary{padding:20px}}