:root,body{--ink:#0F262E;--ink-2:#1B3A44;--jade:#157F5F;--jade-lt:#E4F0EA;--brass:#B9862E;--paper:#F5F6F3;--card:#FFFFFF;--text:#213038;--dim:#5F7079;--line:#DDE2DD;--stop:#A33A28;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Public Sans",system-ui,sans-serif;--num:"IBM Plex Mono",ui-monospace,monospace;background:var(--paper);color:var(--text);font-family:var(--body);min-height:100vh;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,p,dl,dd,ol,ul{margin:0;padding:0}ul,ol{list-style:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}:focus-visible{outline:2px solid var(--jade);outline-offset:3px;border-radius:2px}.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.eyebrow{font-family:var(--num);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.top{background:var(--ink);position:sticky;top:0;z-index:40}.top-in{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:flex;flex-direction:column;gap:1px}.brand-mark{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:.1em;color:#fff}.brand-sub{font-family:var(--num);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#7fa096}.ship-to{font-size:12px;color:#7fa096}.hero{background:var(--ink);color:#fff;padding:8px 0 52px;border-bottom:3px solid var(--brass)}.hero-h{font-family:var(--display);font-weight:700;font-size:clamp(30px,7.5vw,54px);line-height:1.04;letter-spacing:-.025em;max-width:15ch}.hero-h em{font-style:normal;color:var(--brass)}.hero-p{margin-top:18px;max-width:52ch;font-size:15px;line-height:1.62;color:#b7c9c3}.hero-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:32px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}.hero-stats dt{font-family:var(--num);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7fa096;margin-bottom:5px}.hero-stats dd{font-size:16px;color:#fff}.filters{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:34px 0 16px;flex-wrap:wrap}.chips{display:flex;gap:6px}.chip{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;color:var(--dim);transition:.15s}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.grid{display:grid;gap:14px;grid-template-columns:1fr;padding-bottom:56px}@media (min-width:620px){.grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width:940px){.grid{grid-template-columns:repeat(3,1fr)}}.card{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:3px;overflow:hidden;transition:.18s}.card:hover:not(:disabled){border-color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 26px -14px #0f262e6b}.card:disabled{opacity:.5;cursor:not-allowed}.card-body{padding:15px 16px 17px}.card-title{font-family:var(--display);font-weight:600;font-size:16.5px;line-height:1.25;margin:7px 0 10px;letter-spacing:-.012em}.card-price{display:flex;align-items:baseline;gap:5px}.card-price .num{font-size:20px;font-weight:600}.card-unit{font-size:12px;color:var(--dim)}.card-landed{font-size:11.5px;color:var(--jade);margin-top:4px}.card-stock{font-size:11.5px;color:var(--dim);margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.card-stock.low{color:var(--brass)}.card-stock.gone{color:var(--stop)}.bale{position:relative;aspect-ratio:5/3;display:flex;align-items:flex-end}.bale[data-large]{aspect-ratio:2/1}.bale-band{position:absolute;left:0;right:0;top:38%;height:11%;opacity:.5}.bale-lot{position:absolute;right:10px;bottom:9px;font-family:var(--num);font-size:9.5px;letter-spacing:.13em;color:#ffffffd1;background:#0f262e6b;padding:3px 7px;border-radius:2px}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}@media (min-width:700px){.sheet-wrap{align-items:center;padding:24px}}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1a2099;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s ease}.sheet{position:relative;background:var(--paper);width:100%;max-width:600px;max-height:92vh;overflow-y:auto;border-radius:6px 6px 0 0;animation:rise .26s cubic-bezier(.2,.7,.3,1)}@media (min-width:700px){.sheet{border-radius:5px;max-height:88vh}}.sheet-narrow{max-width:440px}.sheet-close{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;border-radius:999px;background:#0f262e8c;color:#fff;font-size:13px}.sheet-body{padding:20px 20px 28px}@media (min-width:700px){.sheet-body{padding:26px 30px 32px}}.sheet-title{font-family:var(--display);font-weight:700;font-size:25px;line-height:1.16;letter-spacing:-.022em;margin:8px 0}.sheet-blurb{color:var(--dim);font-size:14.5px;line-height:1.55}.unit{display:flex;align-items:baseline;gap:7px;margin-top:20px}.unit-price{font-size:31px;font-weight:600}.unit-label{font-size:12.5px;color:var(--dim)}.unit-ref{font-size:11.5px;color:var(--dim);margin-top:3px;font-style:italic}.controls{display:grid;gap:12px;margin-top:22px}@media (min-width:520px){.controls{grid-template-columns:1fr 1fr}}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-family:var(--num);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--dim)}.field select,.field input{padding:11px 12px;border:1px solid var(--line);border-radius:3px;background:#fff;font-size:15px;font-family:var(--body);width:100%}.field input{font-family:var(--num)}.note{margin-top:12px;padding:11px 13px;border-radius:3px;font-size:13.5px;line-height:1.5}.note-stop{background:#fbebe7;color:var(--stop);border-left:3px solid var(--stop)}.margin{margin-top:24px;background:var(--ink);color:#fff;border-radius:4px;padding:20px;border-top:3px solid var(--brass)}.margin-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.margin .eyebrow{color:var(--brass)}.rule{flex:1;height:1px;background:#ffffff2e}.landed{display:flex;flex-direction:column;gap:9px}.landed>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.landed dt{font-size:13.5px;color:#9db4ae}.landed dd{font-size:14px;color:#dce7e3}.landed-total{padding-top:11px;margin-top:3px;border-top:1px solid rgba(255,255,255,.16)}.landed-total dt{color:#fff;font-size:14px}.landed .big{font-size:24px;font-weight:600;color:var(--brass)}.tip{margin-top:13px;font-size:12.5px;line-height:1.55;color:#9db4ae;padding-left:11px;border-left:2px solid var(--jade)}.tip strong{color:#fff;font-weight:500}.resale{display:block;margin-top:20px}.resale>span{display:block;font-family:var(--num);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:#9db4ae;margin-bottom:7px}.resale-input{display:flex;align-items:center;gap:7px;background:#ffffff12;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:0 13px}.resale-input span{font-family:var(--num);color:#9db4ae;font-size:15px}.resale-input input{flex:1;background:none;border:0;padding:12px 0;color:#fff;font-family:var(--num);font-size:17px;width:100%}.resale-input input::placeholder{color:#ffffff4d}.profit{margin-top:16px;padding:15px 16px;background:var(--jade);border-radius:3px}.profit-loss{background:#7e2c1e}.profit-line{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;font-size:13.5px;color:#ffffffe6;line-height:1.5}.profit-big{font-size:29px;font-weight:600;color:#fff}.profit-sub{margin-top:5px;font-size:12.5px;color:#ffffffc7}.checkout{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.totals{display:flex;flex-direction:column;gap:8px}.totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.totals dt{font-size:14px;color:var(--dim)}.totals dd{font-size:15px}.totals-final{padding-top:10px;border-top:1px solid var(--line)}.totals-final dt{color:var(--text);font-weight:600}.totals-final dd{font-size:22px;font-weight:600}.cta{display:block;width:100%;margin-top:18px;padding:15px;background:var(--jade);color:#fff;border-radius:3px;font-size:15.5px;font-weight:600;letter-spacing:.01em;transition:.15s}.cta:hover:not(:disabled){background:#11694e}.cta:disabled{background:#c3ccc8;cursor:not-allowed}.cta-note{margin-top:11px;font-size:12px;color:var(--dim);text-align:center;line-height:1.5}.placed{padding:30px 24px 28px;text-align:left}.placed-ref{font-size:15px;color:var(--jade);margin-top:7px;letter-spacing:.04em}.placed .totals{margin-top:18px}.next{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:11px;counter-reset:n}.next li{position:relative;padding-left:28px;font-size:13.5px;line-height:1.55;color:var(--dim);counter-increment:n}.next li:before{content:counter(n);position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:999px;background:var(--jade-lt);color:var(--jade);font-family:var(--num);font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center}.foot{background:var(--ink);color:#8fa9a2;padding:40px 0 46px;margin-top:20px}.foot-brand{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:.11em;color:#fff;margin-bottom:11px}.foot-line{font-size:12.5px;line-height:1.7}.foot-dim{color:#65817a;margin-top:5px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.card:hover:not(:disabled){transform:none}}.banner{background:var(--brass);color:#25190a;font-size:12.5px;line-height:1.5;padding:9px 20px;text-align:center}.banner strong{font-weight:600}.nav{display:flex;align-items:center;gap:16px}.nav a{color:#b7c9c3;text-decoration:none;font-size:13px;transition:.15s}.nav a:hover,.nav a[aria-current=page]{color:#fff}.state{padding:70px 20px;text-align:center;color:var(--dim)}.state h2{font-family:var(--display);font-size:21px;color:var(--text);margin-bottom:8px;font-weight:600}.state p{font-size:14px;line-height:1.6;max-width:42ch;margin:0 auto}.state .cta{max-width:250px;margin:20px auto 0}.skeleton{background:linear-gradient(90deg,#e8ebe7 25%,#f2f4f1,#e8ebe7 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:3px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-card{height:250px}.form{max-width:400px;margin:44px auto;background:#fff;border:1px solid var(--line);border-radius:4px;padding:26px 24px 28px}.form h1{font-family:var(--display);font-size:25px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.form>p{font-size:13.5px;color:var(--dim);margin-bottom:20px;line-height:1.55}.form .field{margin-bottom:14px}.form-alt{margin-top:16px;font-size:13px;color:var(--dim);text-align:center}.form-alt a{color:var(--jade)}.rows{display:flex;flex-direction:column;gap:10px}.row{background:#fff;border:1px solid var(--line);border-radius:3px;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;width:100%;transition:.15s}.row:hover{border-color:var(--ink)}.row-main{min-width:0}.row-title{font-family:var(--display);font-weight:600;font-size:15.5px;margin:3px 0 5px;letter-spacing:-.01em}.row-sub{font-size:12.5px;color:var(--dim)}.row-side{text-align:right;flex-shrink:0}.pill{display:inline-block;font-family:var(--num);font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--jade-lt);color:var(--jade)}.pill-wait{background:#f6eedc;color:#8a6417}.pill-stop{background:#fbebe7;color:var(--stop)}.page-h{font-family:var(--display);font-size:27px;font-weight:700;letter-spacing:-.022em;padding:34px 0 6px}.page-sub{font-size:14px;color:var(--dim);margin-bottom:22px;line-height:1.55}.track{margin-top:22px;display:flex;flex-direction:column;gap:0}.track-step{display:flex;gap:14px;padding-bottom:20px;position:relative}.track-step:before{content:"";position:absolute;left:8px;top:20px;bottom:0;width:1px;background:var(--line)}.track-step:last-child:before{display:none}.track-dot{width:17px;height:17px;border-radius:999px;border:2px solid var(--line);background:#fff;flex-shrink:0;margin-top:2px;z-index:1}.track-done .track-dot{background:var(--jade);border-color:var(--jade)}.track-now .track-dot{border-color:var(--jade);box-shadow:0 0 0 4px var(--jade-lt)}.track-label{font-size:14px;font-weight:500}.track-done .track-label,.track-now .track-label{color:var(--text)}.track-step:not(.track-done):not(.track-now) .track-label{color:var(--dim)}.track-when{font-size:11.5px;color:var(--dim);margin-top:2px}.thread{display:flex;flex-direction:column;gap:12px;margin-top:20px}.msg{max-width:82%;padding:12px 14px;border-radius:4px;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.msg-them{background:#fff;border:1px solid var(--line);align-self:flex-start}.msg-me{background:var(--ink);color:#fff;align-self:flex-end}.msg-pay{background:var(--jade-lt);border:1px solid #BFDCCF;align-self:flex-start;font-family:var(--num);font-size:13px}.msg-who{font-family:var(--num);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;opacity:.6;display:block;margin-bottom:5px}.composer{display:flex;gap:8px;margin-top:16px}.composer textarea{flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:3px;font-family:var(--body);font-size:14.5px;resize:vertical;min-height:46px;background:#fff}.composer .cta{width:auto;margin:0;padding:0 20px;flex-shrink:0}.admin-grid{display:grid;gap:10px;grid-template-columns:1fr}@media (min-width:700px){.admin-grid{grid-template-columns:repeat(3,1fr)}}.stat{background:#fff;border:1px solid var(--line);border-radius:3px;padding:16px}.stat dt{font-family:var(--num);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.stat dd{font-family:var(--num);font-size:25px;font-weight:600}.act{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.act button{padding:8px 14px;border:1px solid var(--line);border-radius:3px;background:#fff;font-size:13px;transition:.15s}.act button:hover:not(:disabled){border-color:var(--ink);background:var(--ink);color:#fff}.act button:disabled{opacity:.45;cursor:not-allowed}.tip-link{color:var(--jade);background:none;border:0;padding:0;font-size:12.5px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.tip-link:hover{color:#fff}.reviews{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.stars{letter-spacing:1px;color:var(--line)}.star.on{color:var(--brass)}.rev-avg{display:flex;align-items:center;gap:7px;font-size:13px}.rev-empty{font-size:13.5px;color:var(--dim);line-height:1.6;max-width:52ch}.rev-list{display:flex;flex-direction:column;gap:16px}.rev{padding-bottom:15px;border-bottom:1px solid var(--line)}.rev:last-child{border-bottom:0;padding-bottom:0}.rev-body{font-size:14px;line-height:1.6;margin:7px 0 6px;overflow-wrap:anywhere}.rev-who{font-size:11.5px;color:var(--dim)}.leave{background:#fff;border:1px solid var(--line);border-radius:4px;padding:18px 18px 20px;margin-top:20px}.rate{display:flex;gap:3px;margin:9px 0 12px}.star-btn{font-size:27px;color:var(--line);line-height:1;transition:.12s}.star-btn.on,.star-btn:hover{color:var(--brass)}.leave textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:3px;font-family:var(--body);font-size:14.5px;resize:vertical;background:#fff}.leave .cta{margin-top:12px}.ref-card{background:var(--ink);color:#fff;border-radius:4px;padding:22px 20px;border-top:3px solid var(--brass)}.ref-card .eyebrow{color:var(--brass)}.ref-code{font-size:31px;font-weight:600;letter-spacing:.1em;margin:8px 0 16px;color:#fff}.ref-card .cta-note{color:#8fa9a2}.settings-group{background:#fff;border:1px solid var(--line);border-radius:4px;padding:20px;margin-bottom:16px}.settings-field{margin-bottom:15px}.settings-help{font-size:11.5px;color:var(--dim);margin-top:4px;line-height:1.5}.settings-problem{font-size:12px;color:var(--stop);margin-top:4px;line-height:1.5}.settings-note{font-size:12.5px;color:var(--dim);line-height:1.6;margin-bottom:16px;padding-left:11px;border-left:2px solid var(--brass)}.save-bar{position:sticky;bottom:0;background:var(--ink);color:#fff;border-radius:4px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13.5px;box-shadow:0 -6px 22px -12px #0f262e80;flex-wrap:wrap}.save-bar .chip{background:transparent;border-color:#ffffff4d;color:#b7c9c3}.bar{margin-top:11px;height:5px;background:var(--line);border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:var(--jade);border-radius:99px;transition:width .4s cubic-bezier(.2,.7,.3,1)}.spark{display:flex;align-items:flex-end;gap:2px;height:96px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:3px}.spark span{flex:1;background:var(--ink);border-radius:1px;min-width:2px;opacity:.82}.spark span:hover{background:var(--jade);opacity:1}.share{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.share-row{display:flex;flex-wrap:wrap;gap:7px}.share-btn{display:inline-block;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;color:var(--text);text-decoration:none;transition:.15s;cursor:pointer;font-family:var(--body)}.share-btn:hover{border-color:var(--ink);background:var(--ink);color:#fff}.share-native{background:var(--ink);color:#fff;border-color:var(--ink)}.share-native:hover{background:var(--jade);border-color:var(--jade)}.share-note{margin-top:12px;font-size:12px;color:var(--dim);line-height:1.6;padding-left:11px;border-left:2px solid var(--brass);max-width:52ch}.promo{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:14px;font-family:var(--body);font-size:13.5px;line-height:1.6;white-space:pre-wrap;margin-top:12px}
