@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSerif-400i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSerif-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0a0c10;--bg-2:#10141b;--bg-3:#171c25;--fg:#eef0f3;--fg-2:#a3adbd;--fg-3:#6b7686;--line:#ffffff14;--line-2:#ffffff24;--accent:#14b8a6;--accent-deep:#0d9488;--accent-ink:#052e2b;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-1:6px;--r-2:10px;--r-3:16px;--max:1160px;--gutter:20px;color-scheme:dark}@media (width>=768px){:root{--gutter:32px}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:500}p{margin:0}.wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}body:before{content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);z-index:0;background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 70vh);mask-image:linear-gradient(#0000008c,#0000 70vh)}body>*{z-index:1;position:relative}.top{z-index:10;-webkit-backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--line);background:#0a0c10b3;position:sticky;top:0}.top .wrap{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.brand img{border-radius:7px;width:26px;height:26px}.nav{align-items:center;gap:8px;display:flex}.nav .btn.ghost{display:none}@media (width>=640px){.nav .btn.ghost{display:inline-flex}}.btn{border-radius:var(--r-2);border:1px solid var(--line-2);height:40px;color:var(--fg);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:0 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn:hover{background:var(--bg-3);border-color:#ffffff38}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:#2dd4bf;border-color:#2dd4bf}.btn.lg{height:48px;padding:0 22px;font-size:1rem}.btn .arrow{transition:transform .15s}.btn:hover .arrow{transform:translate(2px)}.hero{padding:clamp(56px,10vw,120px) 0 clamp(40px,6vw,72px)}.hero .wrap{align-items:center;gap:40px;display:grid}@media (width>=960px){.hero .wrap{grid-template-columns:1fr 1.15fr;gap:56px}}.eyebrow{color:var(--fg-2);border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 10px 6px 8px;font-size:.8rem;font-weight:500;display:inline-flex}.eyebrow .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #14b8a62e}.hero h1{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(2.6rem,6.4vw,5rem);font-weight:400;line-height:1}.hero h1 em{color:var(--accent);font-style:italic}.hero .lede{color:var(--fg-2);text-wrap:pretty;max-width:48ch;margin:22px 0 28px;font-size:clamp(1.05rem,1.6vw,1.2rem)}.hero .actions{flex-wrap:wrap;gap:12px;display:flex}.hero .note{color:var(--fg-3);margin-top:16px;font-size:.85rem}.board{--col:4;border:1px solid var(--line-2);border-radius:var(--r-3);background:linear-gradient(180deg, var(--bg-2), var(--bg));padding:14px;position:relative;overflow:hidden;box-shadow:0 30px 80px -40px #000000e6,inset 0 1px #ffffff0d}.board .bar{color:var(--fg-3);justify-content:space-between;align-items:center;padding:2px 4px 12px;font-size:.78rem;display:flex}.board .bar b{color:var(--fg-2);font-weight:500}.board .bar .live{align-items:center;gap:6px;display:inline-flex}.board .bar .live i{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.lanes{grid-template-columns:repeat(var(--col), 1fr);gap:10px;display:grid}.lane{border:1px solid var(--line);border-radius:var(--r-2);background:#ffffff06;min-width:0;min-height:250px;padding:8px}.lane h4{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);justify-content:space-between;margin:0 0 8px;font-size:.72rem;font-weight:500;display:flex}.lane h4 span{color:var(--fg-2);font-variant-numeric:tabular-nums}.card{background:var(--bg-3);border:1px solid var(--line-2);border-radius:var(--r-1);margin-bottom:8px;padding:8px 9px;font-size:.74rem;line-height:1.35}.card .who{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.card .what{color:var(--fg-3);white-space:nowrap;justify-content:space-between;gap:6px;display:flex;overflow:hidden}.card .what b{color:var(--fg-2);font-variant-numeric:tabular-nums;font-weight:500}.card.hot{border-color:#14b8a673;box-shadow:0 0 0 3px #14b8a61a}.card.done{opacity:.55}.card.done .who:before{content:"✓ ";color:var(--accent)}.mover{will-change:transform;width:calc(25% - 30.5px);animation:12s cubic-bezier(.65,0,.35,1) infinite travel;position:absolute;top:70px;left:22px}@keyframes travel{0%,12%{transform:translate(0)}22%,37%{transform:translate(calc(100% + 26px))}47%,62%{transform:translate(calc(200% + 52px))}72%,88%{transform:translate(calc(300% + 78px))}to{opacity:0;transform:translate(calc(300% + 78px))}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.mover{animation:none;transform:translate(calc(100% + 26px))}.board .bar .live i{animation:none}}@media (width<=640px){.board{--col:2}.lane:nth-child(3),.lane:nth-child(4){display:none}.lane{min-height:220px}.mover{width:calc(50% - 35px)}@keyframes travel{0%,30%{transform:translate(0)}50%,85%{transform:translate(calc(100% + 26px))}to{opacity:0;transform:translate(calc(100% + 26px))}}}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts .wrap{grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.facts .wrap{grid-template-columns:repeat(4,1fr)}}.fact{border-right:1px solid var(--line);padding:22px 16px 22px 0}.fact:last-child{border-right:0}.fact+.fact{padding-left:16px}@media (width<=767px){.fact:nth-child(2){border-right:0}.fact:nth-child(3){padding-left:0}}.fact b{font-family:var(--serif);letter-spacing:-.01em;font-size:1.9rem;font-weight:400;line-height:1.1;display:block}.fact span{color:var(--fg-3);font-size:.85rem}section.block{padding:clamp(56px,8vw,96px) 0}.head{max-width:62ch;margin-bottom:36px}.head .k{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:.8rem;font-weight:600}.head h2{font-family:var(--serif);text-wrap:balance;font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:400;line-height:1.1}.head p{color:var(--fg-2);text-wrap:pretty;margin-top:12px;font-size:1.05rem}.flow{background:var(--line);border:1px solid var(--line);border-radius:var(--r-3);grid-template-columns:repeat(2,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (width>=640px){.flow{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px){.flow{grid-template-columns:repeat(8,1fr)}}.step{background:var(--bg-2);padding:18px 16px 16px}.step i{font-style:normal;font-family:var(--serif);color:var(--accent);margin-bottom:10px;font-size:1.4rem;line-height:1;display:block}.step b{font-size:.95rem;font-weight:500;display:block}.step small{color:var(--fg-3);margin-top:3px;font-size:.8rem;display:block}.bento{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=720px){.bento{grid-template-columns:repeat(6,1fr)}}.tile{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-3);flex-direction:column;gap:10px;min-height:200px;padding:22px;transition:border-color .2s,transform .2s;display:flex}.tile:hover{border-color:var(--line-2);transform:translateY(-2px)}@media (width>=720px){.tile.w3{grid-column:span 3}.tile.w2{grid-column:span 2}.tile.w4{grid-column:span 4}}.tile h3{font-size:1.15rem;font-weight:500}.tile p{color:var(--fg-2);text-wrap:pretty;font-size:.95rem}.tile .art{margin-top:auto;padding-top:14px}.barcode{align-items:flex-end;gap:3px;height:34px;display:flex}.barcode i{background:var(--fg-2);border-radius:1px;width:3px;height:100%;display:block}.barcode i:nth-child(3n){width:5px}.barcode i:nth-child(4n){opacity:.7;height:80%}.barcode i:nth-child(7n){width:2px}.barcode i.a{background:var(--accent)}.route{height:40px;position:relative}.route:before{content:"";border-top:2px dashed var(--line-2);position:absolute;top:50%;left:6px;right:6px}.route i{background:var(--bg-3);border:2px solid var(--fg-2);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.route i.on{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px #14b8a62e}.route i:first-child{left:0}.route i:nth-child(2){left:32%}.route i:nth-child(3){left:64%}.route i:nth-child(4){right:0}.invoice{gap:6px;display:grid}.invoice span{color:var(--fg-3);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.8rem;display:flex}.invoice span b{color:var(--fg-2);font-weight:500}.invoice span.total{border-top:1px solid var(--line-2);color:var(--fg);padding-top:6px}.invoice span.total b{color:var(--accent)}.chip{border:1px solid var(--line-2);color:var(--fg-2);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:.75rem;display:inline-flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.offline{color:var(--fg-3);align-items:center;gap:10px;font-size:.8rem;display:flex}.offline .q{gap:4px;display:flex}.offline .q i{background:var(--bg-3);border:1px solid var(--line-2);border-radius:2px;width:10px;height:14px}.offline .q i.s{background:var(--accent);border-color:var(--accent)}.cta{border-top:1px solid var(--line)}.cta .wrap{padding:clamp(56px, 8vw, 96px) var(--gutter);gap:22px;display:grid}@media (width>=800px){.cta .wrap{grid-template-columns:1fr 1.1fr;align-items:start;gap:48px}}.cta h2{font-family:var(--serif);text-wrap:balance;font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:400;line-height:1.1}.cta p{color:var(--fg-2);max-width:52ch;margin-top:8px}.cta .actions{flex-wrap:wrap;gap:12px;display:flex}footer{border-top:1px solid var(--line);color:var(--fg-3);padding:26px 0 40px;font-size:.88rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}footer a{color:var(--fg-2);text-decoration:none}footer a:hover{color:var(--fg)}.form,.form .row{gap:14px;display:grid}@media (width>=560px){.form .row{grid-template-columns:1fr 1fr}}.form .row.end{grid-template-columns:1fr auto;align-items:center}.form label{color:var(--fg-2);gap:6px;font-size:.85rem;display:grid}.form input,.form textarea{font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-2);resize:vertical;width:100%;min-height:44px;padding:10px 12px}.form input::placeholder,.form textarea::placeholder{color:var(--fg-3)}.form input:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.form input:user-invalid{border-color:#f87171}.form .status{color:var(--fg-2);min-height:1.4em;font-size:.9rem}.form .btn[disabled]{opacity:.55;cursor:not-allowed}.gotcha{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}
