@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--willfreight-blue:#336;--willfreight-blue-deep:#22223f;--willfreight-grey:#d3d3d3;--willfreight-gold:#816700;--willfreight-gold-soft:#8167001f;--surface:#faf9f6;--surface-line:#3333662e;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--willfreight-grey);min-height:100svh;color:var(--willfreight-blue);font:16px/1.5 var(--font-body);overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex}a{color:inherit}button{font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home{flex-direction:column;flex:1;align-items:center;padding:4rem 1.25rem 3rem;display:flex}.home__header{text-align:left;width:min(720px,100%);margin-bottom:2.5rem}.home__eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--willfreight-gold);margin:0 0 .5rem;font-size:.75rem}.home__title{font-family:var(--font-display);color:var(--willfreight-blue);margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.home__subtitle{max-width:42ch;color:var(--willfreight-blue);opacity:.75;margin:.6rem 0 0}.board{background:var(--willfreight-blue-deep);border-radius:14px;width:min(720px,100%);padding:.5rem 0;box-shadow:0 24px 48px -24px #22223f99}.board__row{color:#eceaf5;grid-template-columns:1.4fr 1.4fr auto;align-items:center;gap:1rem;padding:.9rem 1.5rem;text-decoration:none;display:grid}.board__row--head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--willfreight-gold);border-bottom:1px solid #81670059;margin-bottom:.25rem;padding-bottom:.75rem;font-size:.7rem}.board__list{margin:0;padding:0;list-style:none}.board__list li{animation:row-in .4s calc(var(--i) * 70ms) both}@keyframes row-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.board__list a.board__row{border-left:2px solid #0000;transition:background .15s,border-color .15s}.board__list a.board__row:hover,.board__list a.board__row:focus-visible{border-left-color:var(--willfreight-gold);background:#81670024}.board__name{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.board__title{color:#c7c4dd;font-size:.9rem}.board__route{font-family:var(--font-mono);color:var(--willfreight-gold);justify-self:end;font-size:.8rem}@media (width<=560px){.board__row,.board__row--head{grid-template-columns:1fr;gap:.15rem}.board__row--head span:not(:first-child){display:none}.board__route{justify-self:start}}.ticket-flip{perspective:1800px;touch-action:pan-y;width:100%}.ticket-flip__inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);display:grid}.ticket-flip__inner.is-flipped{transform:rotateY(180deg)}.ticket-flip__face{backface-visibility:hidden;grid-area:1/1;min-width:0}.ticket-flip__face--back{transform:rotateY(180deg)}.ticket{background:var(--surface);cursor:pointer;border-radius:18px;grid-template-columns:1fr auto;animation:.52s cubic-bezier(.16,1,.3,1) both ticket-in;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #22223f14,0 24px 48px -24px #22223f59}.ticket a,.ticket button{cursor:pointer}@keyframes ticket-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ticket__stub{padding:2rem 2.25rem}.ticket__stub--main{min-width:0;position:relative}.ticket__masthead{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.ticket__stub--main>.avatar{position:absolute;top:3.75rem;right:2.25rem}.ticket__wordmark{font-family:var(--font-display);letter-spacing:.04em;color:var(--willfreight-blue);font-size:1.05rem;font-weight:700}.ticket__code{font-family:var(--font-mono);letter-spacing:.08em;color:var(--willfreight-gold);font-size:.75rem}.ticket__service{letter-spacing:.12em;text-transform:uppercase;color:var(--willfreight-gold);margin:.15rem 0 1.5rem;font-size:.75rem}.ticket__name{font-family:var(--font-display);color:var(--willfreight-blue);margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:600;line-height:1.1}.ticket__title{color:var(--willfreight-blue);opacity:.85;margin:.3rem 0 0;font-size:1rem}.ticket__tagline{color:var(--willfreight-gold);margin:.15rem 0 0;font-size:.85rem;font-style:italic}.ticket__details{border-top:1px dashed var(--surface-line);flex-direction:column;gap:.6rem;margin:1.5rem 0 0;padding-top:1.25rem;display:flex}.ticket__row{grid-template-columns:5rem 1fr;align-items:baseline;gap:.75rem;display:grid}.ticket__row dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--willfreight-gold);font-size:.7rem}.ticket__row dd{color:var(--willfreight-blue);overflow-wrap:anywhere;margin:0;font-size:.95rem}.ticket__row a{border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}.ticket__row a:hover,.ticket__row a:focus-visible{border-bottom-color:var(--willfreight-gold)}.ticket__divider{border-left:2px dashed var(--surface-line);width:0;margin:1.25rem 0;position:relative}.ticket__divider:before,.ticket__divider:after{content:"";background:var(--willfreight-grey);border-radius:50%;width:22px;height:22px;position:absolute;left:50%;transform:translate(-50%)}.ticket__divider:before{top:-11px}.ticket__divider:after{bottom:-11px}.ticket__stub--action{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;min-width:180px;display:flex}.avatar{border-radius:12px;width:100px;height:100px;animation:.42s cubic-bezier(.34,1.56,.64,1) .26s both seal-in;position:relative}.avatar--photo{box-shadow:inset 0 0 0 2px var(--surface), 0 6px 14px -4px #8167008c}.avatar__img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.avatar--placeholder{background:var(--willfreight-gold-soft);border:1.5px dashed #8167006b;justify-content:center;align-items:center;display:flex}.avatar__initials{font-family:var(--font-display);letter-spacing:.02em;color:var(--willfreight-gold);font-size:1.1rem;font-weight:700}.avatar__badge{width:22px;height:22px;color:var(--surface);background:var(--willfreight-blue);box-shadow:0 0 0 2px var(--surface);border-radius:50%;padding:3px;position:absolute;bottom:-4px;right:-4px}@keyframes seal-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.ticket__save{appearance:none;background:var(--willfreight-blue);color:var(--surface);font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .15s}.ticket__save:hover{background:var(--willfreight-blue-deep)}.ticket__save:active{transform:scale(.97)}.ticket__save:focus-visible{outline:2px solid var(--willfreight-gold);outline-offset:2px}.ticket__save:disabled{opacity:.6;cursor:default}.ticket__hint{color:var(--willfreight-blue);opacity:.65;margin:0;font-size:.75rem}.ticket__flip{appearance:none;cursor:pointer;color:var(--willfreight-gold);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;text-underline-offset:3px;background:0 0;border:none;margin:.1rem -.25rem 0;padding:.5rem .25rem;font-size:.72rem;text-decoration:underline;transition:color .15s}.ticket__flip:hover,.ticket__flip:focus-visible{color:var(--willfreight-blue)}.ticket__save--ghost{color:var(--willfreight-blue);border:1px solid var(--surface-line);background:0 0}.ticket__save--ghost:hover{background:var(--willfreight-gold-soft)}.ticket-services{grid-template-columns:repeat(2,1fr);gap:.55rem 1.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.ticket-services li{color:var(--willfreight-blue);padding-left:1rem;font-size:.9rem;position:relative}.ticket-services li:before{content:"–";color:var(--willfreight-gold);position:absolute;left:0}@media (width<=480px){.ticket-services{grid-template-columns:1fr}}.ticket-back__footer{border-top:1px dashed var(--surface-line);flex-direction:column;gap:.6rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.iata-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--willfreight-blue);opacity:.8;align-items:center;gap:.4rem;width:fit-content;font-size:.7rem;display:inline-flex}.iata-badge svg{width:18px;height:18px;color:var(--willfreight-gold);flex-shrink:0}.ticket__tagline--footer{font-size:1rem}@media (width<=640px){.ticket{grid-template-columns:1fr}.ticket__divider{border-left:none;border-top:2px dashed var(--surface-line);width:auto;height:0;margin:0 1.5rem}.ticket__divider:before,.ticket__divider:after{top:50%;left:auto;transform:translateY(-50%)}.ticket__divider:before{left:-11px}.ticket__divider:after{bottom:auto;left:auto;right:-11px}.ticket__stub--action{flex-flow:wrap;padding-top:1.5rem}}@media (width<=480px){.ticket__stub{padding:1.5rem 1.25rem}.ticket__stub--main>.avatar{top:3.1rem;right:1.25rem}}.card-page{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:3rem 1.25rem;display:flex}.card-page__back{width:min(560px,100%);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--willfreight-blue);opacity:.7;align-self:flex-start;margin:0 auto;padding:.5rem 0;font-size:.8rem;text-decoration:none}.card-page__back:hover,.card-page__back:focus-visible{opacity:1}.card-page__nav{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;width:min(560px,100%);margin:0 auto;display:flex}.card-page__nav .card-page__back{width:auto;margin:0}.card-page .ticket-flip{width:min(560px,100%)}.card-page .ticket{width:100%}.qr-page{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:3rem 1.25rem;display:flex}.qr-page__card{background:var(--surface);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:.4rem;width:min(360px,100%);padding:2.5rem 2rem;animation:.52s cubic-bezier(.16,1,.3,1) both ticket-in;display:flex;box-shadow:0 1px 2px #22223f14,0 24px 48px -24px #22223f59}.qr-page__eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--willfreight-gold);margin:0 0 1.25rem;font-size:.72rem}.qr-page__frame{background:var(--surface);box-shadow:inset 0 0 0 1px var(--surface-line);border-radius:12px;margin-bottom:1.25rem;padding:.75rem}.card-qr__image{max-width:100%;height:auto;display:block}.card-qr__placeholder{background:var(--surface-line);border-radius:4px;max-width:100%}.qr-page__name{font-family:var(--font-display);color:var(--willfreight-blue);margin:0;font-size:1.4rem;font-weight:600}.qr-page__title{color:var(--willfreight-blue);opacity:.8;margin:.15rem 0 0;font-size:.95rem}.qr-page__url{font-family:var(--font-mono);color:var(--willfreight-gold);margin:.5rem 0 1.5rem;font-size:.78rem}.qr-page__card .ticket__save{text-decoration:none;display:inline-block}.qr-page__hint{color:var(--willfreight-blue);opacity:.6;max-width:26ch;margin:.75rem 0 0;font-size:.72rem}@media (width<=400px){.qr-page__card{padding:1.75rem 1.25rem}}.not-found{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.not-found__code{font-family:var(--font-mono);letter-spacing:.1em;color:var(--willfreight-gold);margin:0;font-size:.85rem}.not-found h1{font-family:var(--font-display);color:var(--willfreight-blue);margin:0;font-size:1.5rem}.not-found a{color:var(--willfreight-blue);font-family:var(--font-mono);opacity:.75;margin-top:.5rem;padding:.5rem;font-size:.85rem;text-decoration:none}.not-found a:hover{opacity:1}