/* OMENT Tracking — isolated customer interface, v1.0.0 */
.oment-trk{--ot-ink:#121316;--ot-muted:#64666b;--ot-line:#e7e7e6;--ot-cream:#f6f5f2;--ot-soft:#faf9f7;--ot-accent:#8b272c;box-sizing:border-box;color:var(--ot-ink);font-family:inherit;font-size:15px;line-height:1.55;width:100%;padding:clamp(22px,5vw,66px) 16px 90px;background:#fff}
.oment-trk *, .oment-trk *::before,.oment-trk *::after{box-sizing:border-box}
.oment-trk__shell{max-width:1200px;margin:0 auto}
.oment-trk a{color:inherit;text-decoration:none}
.oment-trk__head{position:relative;overflow:hidden;isolation:isolate;background:#121316;color:#fff;padding:clamp(32px,6.4vw,86px) clamp(25px,6vw,78px);border-radius:4px;margin-bottom:19px}
.oment-trk__head::before{content:"";position:absolute;right:-8%;top:-40%;width:58%;height:160%;opacity:.14;transform:rotate(-19deg);border-left:1px solid #fff;border-right:1px solid #fff;pointer-events:none}
.oment-trk__eyebrow,.oment-trk__kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px!important;letter-spacing:.2em;font-weight:750;line-height:1.3;text-transform:uppercase}
.oment-trk__eyebrow{color:#cbcbd1}
.oment-trk__dot{display:inline-block;width:7px;height:7px;background:#bd9293;border-radius:50%}
.oment-trk__head h1{color:#fff!important;font-family:inherit!important;font-size:clamp(36px,6.1vw,76px)!important;font-weight:760!important;letter-spacing:-.065em!important;line-height:1.06!important;margin:23px 0 16px!important;max-width:800px;position:relative;z-index:1}
.oment-trk__head h1 span{color:#ba8388}
.oment-trk__head p{font-size:clamp(13px,1.55vw,16px);color:#d0d0d3;max-width:485px;margin:0!important;line-height:1.7}
.oment-trk__headpattern{font-size:clamp(130px,25vw,310px);letter-spacing:-.16em;line-height:1;position:absolute;right:11%;bottom:-30%;color:rgba(255,255,255,.035);font-weight:900;pointer-events:none}
.oment-trk__layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:18px}
.oment-trk__panel,.oment-trk__aside{padding:clamp(25px,4.4vw,52px);border:1px solid var(--ot-line);background:#fff;min-width:0}
.oment-trk__kicker{color:#7e6465}
.oment-trk__panel h2,.oment-trk__aside h2{color:var(--ot-ink)!important;font-family:inherit!important;font-size:clamp(24px,2.85vw,36px)!important;line-height:1.18!important;letter-spacing:-.045em!important;font-weight:720!important;margin:17px 0 12px!important}
.oment-trk__sub{font-size:14px;color:var(--ot-muted);margin:0 0 30px!important;max-width:460px}
.oment-trk__form{display:flex;flex-direction:column;gap:10px}
.oment-trk__form label{font-size:11px;letter-spacing:.06em;font-weight:750;color:#313238;text-transform:uppercase;margin-top:9px}
.oment-trk__form input{width:100%!important;max-width:100%!important;min-height:55px!important;line-height:1.4!important;padding:14px 17px!important;color:var(--ot-ink)!important;background:#fafafa!important;border:1px solid #dededd!important;border-radius:0!important;outline:0!important;box-shadow:none!important;font:inherit!important;font-size:14px!important;transition:border-color .2s,background .2s}
.oment-trk__form input:focus{border-color:#45464b!important;background:#fff!important;box-shadow:0 0 0 2px rgba(20,20,20,.06)!important}
.oment-trk__form input::placeholder{color:#929397}
.oment-trk__submit{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;cursor:pointer;min-height:60px!important;margin:14px 0 0!important;border:1px solid #121316!important;border-radius:0!important;width:100%!important;background:#121316!important;color:#fff!important;box-shadow:none!important;padding:16px 21px!important;font-family:inherit!important;font-size:11px!important;letter-spacing:.15em!important;font-weight:800!important;transition:transform .2s,background .2s!important}
.oment-trk__submit:hover:not(:disabled){background:#292b2d!important;transform:translateY(-1px)}
.oment-trk__submit:disabled{opacity:.7;cursor:progress}
.oment-trk__submit span:last-child{font-size:20px;font-weight:400}
.oment-trk__privacy{display:flex;align-items:flex-start;gap:9px;margin-top:22px;color:#7a7b7e;font-size:11px;line-height:1.6}
.oment-trk__privacy>span{font-size:15px;color:#8b272c}
.oment-trk__aside{background:var(--ot-cream);display:flex;flex-direction:column}
.oment-trk__mini-steps{position:relative;margin:10px 0 34px;padding:0}
.oment-trk__mini-steps>div{display:flex;align-items:center;gap:20px;min-height:64px;position:relative;font-size:14px;font-weight:600}
.oment-trk__mini-steps>div:not(:last-child):after{content:"";position:absolute;left:17px;top:48px;height:31px;width:1px;background:#cfcfcf}
.oment-trk__mini-steps i{height:36px;width:36px;flex-shrink:0;display:grid;place-items:center;background:#fff;border:1px solid #d6d5d2;font-size:10px;font-style:normal;letter-spacing:.06em}
.oment-trk__mini-steps>div:first-child i{background:#17181a;color:white;border-color:#17181a}
.oment-trk__help{border-top:1px solid #dddcd9;margin-top:auto;padding-top:25px}
.oment-trk__help>span{font-weight:800;font-size:10px;letter-spacing:.18em;color:#746a68}
.oment-trk__help p{font-size:14px;margin:10px 0 17px!important;color:#555}
.oment-trk__help a{display:inline-flex;justify-content:space-between;min-width:190px;gap:22px;align-items:center;font-size:11px;letter-spacing:.12em;font-weight:800;border-bottom:1px solid #1c1c1c;padding:7px 0}
.oment-trk__help a:hover{color:#8b272c}
.oment-trk__result{margin-top:19px;scroll-margin-top:30px}
.oment-trk__result[hidden]{display:none!important}
.oment-trk__loading,.oment-trk__error{border:1px solid var(--ot-line);padding:25px;background:#faf9f7;font-size:14px}
.oment-trk__error{border-color:#d9acac;color:#8b272c;background:#fff9f9}
.oment-trk__summary{background:var(--ot-soft);border:1px solid var(--ot-line);padding:clamp(20px,4.4vw,50px)}
.oment-trk__result-heading{padding-bottom:25px;border-bottom:1px solid #dfdfdd}
.oment-trk__result-heading h2{font-size:clamp(26px,3.2vw,42px)!important;font-weight:780!important;letter-spacing:-.05em!important;margin:11px 0 4px!important;color:#141414!important;line-height:1.2!important}
.oment-trk__result-heading p{color:#777;margin:0!important;font-size:13px}
.oment-trk__statgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:25px 0 28px}
.oment-trk__statgrid>div{background:#fff;padding:20px 17px;border:1px solid #e9e9e7;min-width:0}
.oment-trk__statgrid span,.oment-trk__shipment-meta span{display:block;color:#838383;font-size:10px;letter-spacing:.1em;font-weight:750;margin-bottom:7px}
.oment-trk__statgrid strong,.oment-trk__shipment-meta strong{display:block;font-size:14px;font-weight:750;overflow-wrap:anywhere;color:#222}
.oment-trk__no-shipment{display:flex;align-items:flex-start;gap:18px;background:#fff;padding:28px;border:1px solid var(--ot-line)}
.oment-trk__no-shipment>span{display:grid;place-items:center;background:#eee;font-size:24px;width:45px;height:45px;flex-shrink:0}
.oment-trk__no-shipment h3{font-size:17px!important;margin:0 0 4px!important;color:#222!important}
.oment-trk__no-shipment p{font-size:13px;color:#777;margin:0!important}
.oment-trk__shipment{background:#fff;border:1px solid #e7e6e5;margin:18px 0;padding:clamp(20px,3vw,32px)}
.oment-trk__shipment-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:23px}
.oment-trk__shipment-top h3{font-size:21px!important;color:#191919!important;margin:8px 0 0!important;letter-spacing:-.03em;font-weight:750!important}
.oment-trk__pill{display:inline-block;white-space:nowrap;font-size:11px;font-weight:700;border:1px solid #b9d4c4;background:#edf7f0;color:#28643e;padding:6px 10px}
.oment-trk__pill--problem{background:#fff2ea;border-color:#edc8ad;color:#965324}
.oment-trk__shipment-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:16px 0 23px;border-bottom:1px solid #eee}
.oment-trk__progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:35px 0 25px}
.oment-trk__step{display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;position:relative;color:#9c9da0;font-size:10px;line-height:1.45;font-weight:700}
.oment-trk__step:not(:last-child):before{position:absolute;content:"";height:2px;background:#ececec;top:18px;left:calc(50% + 20px);width:calc(100% - 40px)}
.oment-trk__step--active:not(:last-child):before{background:#202125}
.oment-trk__step-icon{width:38px;height:38px;display:grid;place-items:center;background:#f2f2f2;border:1px solid #e9e9e9;font-weight:700;font-size:12px;color:#a7a7a7}
.oment-trk__step--active{color:#2b2c30}
.oment-trk__step--active .oment-trk__step-icon{background:#232427;border-color:#232427;color:white}
.oment-trk__step--current .oment-trk__step-icon{box-shadow:0 0 0 4px #e6e3e3}
.oment-trk__note{background:#f9f6f4;border-left:2px solid #8b272c;color:#464347;font-size:13px;padding:13px 17px;margin:20px 0;overflow-wrap:anywhere}
.oment-trk__alert{background:#fff4ed;border:1px solid #efdbce;color:#805332;padding:15px 20px;margin:12px 0 20px;font-size:13px}
.oment-trk__history{margin-top:25px;padding-top:23px;border-top:1px solid #eee}
.oment-trk__history h4,.oment-trk__items h3{font-size:11px!important;letter-spacing:.13em!important;font-weight:800!important;color:#222!important;margin:0 0 19px!important}
.oment-trk__history ol{list-style:none!important;margin:0!important;padding:0!important}
.oment-trk__history li{position:relative;padding:0 0 20px 24px;margin:0 0 0 5px!important;border-left:1px solid #e3e3e3;font-size:12px}
.oment-trk__history li:last-child{border-color:transparent;padding-bottom:0}
.oment-trk__history li::before{content:"";position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:#8b272c}
.oment-trk__history time{display:block;color:#8b8b8b;font-size:11px;margin-bottom:4px}
.oment-trk__history strong{display:block;color:#282828;font-size:13px}
.oment-trk__history p{color:#777;margin:3px 0 0!important}
.oment-trk__external{display:flex!important;justify-content:space-between;gap:10px;align-items:center;border:1px solid #202125;background:#202125;color:#fff!important;padding:15px 18px;margin-top:26px;font-size:11px;letter-spacing:.11em;font-weight:800}
.oment-trk__external:hover{background:#36373a}
.oment-trk__items{background:#fff;border:1px solid #ecebea;padding:26px;margin-top:19px}
.oment-trk__item{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #eee;padding:13px 0;font-size:13px}
.oment-trk__item b{white-space:nowrap}
.oment-trk__item:last-child{padding-bottom:0}
@media(max-width:850px){.oment-trk__layout{grid-template-columns:1fr}.oment-trk__aside{min-height:0}.oment-trk__mini-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.oment-trk__mini-steps>div{display:flex;flex-direction:column;gap:10px;text-align:center;min-height:auto;font-size:11px}.oment-trk__mini-steps>div:after{display:none}.oment-trk__help{margin-top:5px}.oment-trk__panel,.oment-trk__aside{padding:30px}}
@media(max-width:580px){.oment-trk{padding:14px 10px 60px}.oment-trk__head{padding:35px 24px}.oment-trk__head h1{font-size:39px!important}.oment-trk__layout{gap:10px}.oment-trk__panel,.oment-trk__aside{padding:25px 20px}.oment-trk__statgrid{grid-template-columns:1fr;gap:9px}.oment-trk__statgrid>div{padding:13px 16px}.oment-trk__statgrid span{margin-bottom:3px}.oment-trk__summary{padding:16px}.oment-trk__shipment{padding:17px 12px}.oment-trk__shipment-top{flex-wrap:wrap;gap:11px}.oment-trk__shipment-meta{grid-template-columns:1fr 1fr;gap:16px}.oment-trk__shipment-meta>div{min-width:0}.oment-trk__progress{margin:28px 0;gap:0}.oment-trk__step{font-size:9px;letter-spacing:-.01em}.oment-trk__step-icon{height:30px;width:30px}.oment-trk__step:not(:last-child):before{left:calc(50% + 16px);width:calc(100% - 32px);top:14px}.oment-trk__mini-steps>div{font-size:10px}.oment-trk__mini-steps i{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.oment-trk *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}