/* KRIVA · /work · page-scoped (trucking design system) */
body.page-work{
  background:#fff;
  color:var(--ink);
  overflow-x:clip
}
body.page-work main{
  color:var(--steel);
  font-size:16px;
  line-height:1.62
}

body.page-work .d2{
  font-size:clamp(2rem,3.8vw,3.4rem);
  line-height:1.08;
  letter-spacing:-.025em;
  font-weight:700;
  color:var(--ink);
  max-width:16ch
}
body.page-work .d3{
  font-size:clamp(1.28rem,2vw,1.7rem);
  line-height:1.16;
  letter-spacing:-.022em;
  color:var(--ink)
}
body.page-work .lede{
  margin-top:18px;
  max-width:42ch;
  font-size:clamp(1.05rem,1.3vw,1.22rem);
  line-height:1.6;
  letter-spacing:-.01em;
  color:var(--steel)
}
body.page-work .body-sm{
  font-size:15px;
  line-height:1.62;
  color:var(--steel);
  max-width:48ch
}

body.page-work .hero{
  background:#fff;
  color:var(--ink);
  overflow:hidden;
  scroll-margin-top:88px;
  min-height:0
}
body.page-work .wk-band{
  background:#f7f8f9;
  border-top:1px solid #e6e7ea
}
body.page-work .wk-lead{
  background:var(--ink);
  color:#DDE2E7;
  overflow:hidden;
  border-top:0
}
body.page-work .wk-lead :focus-visible{outline-color:var(--amber)}
body.page-work .wk-lead .eyebrow{color:var(--ink-dim)}

body.page-work .sect{padding-block:96px;scroll-margin-top:88px}
body.page-work .cta-band h2{
  font-size:clamp(2.4rem,6.4vw,4.8rem);
  max-width:14ch;
  line-height:.93;
  letter-spacing:-.032em
}
body.page-work .cta-band .wrap{padding-block:clamp(88px,11vw,160px)}
body.page-work .cta-band h2{margin-top:18px}
body.page-work .cta-band .lede{margin-top:14px}
body.page-work .cta-row{margin-top:clamp(36px,4vw,58px)}
body.page-work .eyebrow{margin:0}
body.page-work footer{margin-bottom:0;box-shadow:0 50vh 0 50vh var(--ink)}
body.page-work .nav.scrolled .nav-shell,
body.page-work .nav-shell{background:rgba(255,255,255,.96)}
body.page-work .nav.open .nav-shell{background:var(--ink)}
body.page-work main .btn{border-radius:8px}
body.page-work main .btn.ghost:not(.on-dark){
  background:transparent;color:var(--ink);border-color:var(--ink)
}
body.page-work .cta-band a.btn.ghost.on-dark,
body.page-work .wk-lead a.btn.ghost.on-dark{
  background:transparent;color:#DDE2E7;border-color:#3A444E
}
body.page-work main{margin-bottom:0;padding-bottom:0}

.wk-note{
  margin-top:16px;
  font-size:13.5px;
  line-height:1.55;
  color:var(--steel-2);
  max-width:52ch
}

.wk-lead-inner{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);
  gap:0;align-items:stretch;
  padding-block:0
}
.wk-lead-frame{order:1}
.wk-lead-copy{
  order:2;
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(48px,6vw,80px) clamp(32px,5vw,64px)
}
.wk-lead-copy .k{display:block}
.wk-lead-copy .btn{margin-top:22px}
.wk-lead-stat{display:flex;align-items:baseline;gap:16px;margin-top:22px;flex-wrap:wrap}
.wk-lead-stat .stat{margin:0}
.wk-lead-stat .stat-k{margin-top:0;max-width:18ch}
.wk-lead-frame{
  display:block;min-width:0;width:100%;max-width:none;justify-self:stretch;
  background:#0A0D10;overflow:hidden;
  border:0;border-right:1px solid var(--ink-line);border-radius:0;
  box-shadow:none;
  transition:transform .35s var(--e)
}
.wk-lead-frame:hover{
  transform:translateY(-3px);
  box-shadow:0 28px 64px rgba(0,0,0,.42)
}
.wk-lead-chrome{
  display:flex;align-items:center;gap:6px;padding:10px 14px;
  background:#12181E;border-bottom:1px solid var(--ink-line);
  font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#717F8C
}
.wk-lead-chrome i{width:8px;height:8px;border-radius:50%;background:#3A444E;font-style:normal;flex:none}
.wk-lead-chrome i:nth-child(1){background:#E8A598}
.wk-lead-chrome i:nth-child(2){background:#E8D49A}
.wk-lead-chrome i:nth-child(3){background:#9BC99B}
.wk-lead-chrome span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wk-ff{background:linear-gradient(180deg,#12181E 0%,#0E1216 100%);color:#DDE2E7;min-width:0}
.wk-ff-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:12px 16px;border-bottom:1px solid var(--ink-line);
  background:linear-gradient(90deg,rgba(79,70,229,.14),transparent 42%)
}
.wk-ff-title{font-family:var(--f-display);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:#fff}
.wk-ff-meta{margin-top:4px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#717F8C}
.wk-ff-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wk-ff-count{
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:#C4B8FF;padding:6px 10px;border:1px solid rgba(183,169,255,.35);background:rgba(79,70,229,.16)
}
.wk-ff-act{
  display:inline-flex;align-items:center;padding:7px 12px;
  font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:var(--cta);border:1px solid var(--cta)
}
.wk-ff-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--ink-line)}
.wk-kpi{padding:10px 16px;border-right:1px solid var(--ink-line)}
.wk-kpi:last-child{border-right:0}
.wk-kpi span{display:block;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#717F8C}
.wk-kpi b{display:block;margin-top:7px;font-family:var(--f-display);font-weight:700;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.02em;color:#fff}
.wk-kpi.up b{color:#5FD3A0}
.wk-kpi.risk b{color:var(--amber)}
.wk-ff-body{display:block;min-width:0}
.wk-ff-table{min-width:0}
.wk-ff-row{
  display:grid;grid-template-columns:18px 56px minmax(72px,1fr) 86px minmax(72px,auto);
  gap:8px 10px;align-items:center;
  padding:10px 16px;border-bottom:1px solid #1A2027;
  font-family:var(--f-mono);font-size:12px;color:#B9C3CC;position:relative
}
.wk-ff-row.head{padding-top:10px;padding-bottom:10px;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#717F8C;font-weight:500}
.wk-ff-table .wk-ff-row:last-child{border-bottom:0}
.wk-ff-row.on{background:rgba(79,70,229,.1)}
.wk-ff-row.on:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--cta)}
.wk-ff-row.risk:not(.on){background:rgba(219,155,31,.07)}
.wk-ff-row.risk:not(.on):before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--amber)}
.wk-ff-row.on.risk{background:linear-gradient(90deg,rgba(79,70,229,.14),rgba(219,155,31,.08))}
.wk-tick{width:14px;height:14px;border:1px solid #3A444E;background:#0E1216;display:block}
.wk-tick.on{
  border-color:var(--cta);background:var(--cta);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.2 6.2 4.7 8.6 9.8 3.4' fill='none' stroke='%23fff' stroke-width='1.6'/></svg>");
  background-repeat:no-repeat;background-position:center;background-size:10px
}
.wk-id{color:#fff;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.wk-lane{color:#DDE2E7;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.wk-sla{display:flex;align-items:center;gap:8px;min-width:0}
.wk-sla b{font-weight:500;font-variant-numeric:tabular-nums;color:#EDEFF1;min-width:2.4ch}
.wk-sla i{display:block;width:52px;height:3px;background:#1A2027;position:relative;overflow:hidden;flex:none}
.wk-sla i i{position:absolute;inset:0 auto 0 0;width:calc(var(--p)*100%);background:#5FD3A0}
.wk-sla i i.warn{background:var(--amber)}
.wk-chip-s{
  display:inline-flex;align-items:center;gap:6px;padding:3px 8px;justify-self:start;white-space:nowrap;
  font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;border:1px solid currentColor
}
.wk-chip-s:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
.wk-chip-s.s0{color:#717F8C}.wk-chip-s.s1{color:var(--amber)}.wk-chip-s.s2{color:#5FD3A0}
.wk-ff-rail{padding:16px 18px 18px;background:#10161C;min-width:0}
.wk-ff-h{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#717F8C;margin-bottom:12px}
.wk-ff-rail ol{list-style:none}
.wk-ff-rail li{
  display:grid;grid-template-columns:minmax(52px,.7fr) minmax(0,1fr) auto;
  gap:6px 10px;align-items:center;
  padding:11px 0;border-top:1px solid var(--ink-line);
  font-family:var(--f-mono);font-size:12px;color:#B9C3CC
}
.wk-ff-rail li:first-child{border-top:0;padding-top:0}
.wk-ff-rail b{color:var(--amber);font-variant-numeric:tabular-nums;font-weight:600}

.wk-run{background:linear-gradient(180deg,#12181E 0%,#0E1216 100%);color:#DDE2E7;min-width:0}
.wk-run-bar{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:14px 16px 12px;border-bottom:1px solid var(--ink-line)
}
.wk-run-title{font-family:var(--f-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:#fff}
.wk-run-meta{margin-top:3px;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#717F8C}
.wk-run-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-width:0}
.wk-steps{list-style:none;padding:14px 16px 16px;border-right:1px solid var(--ink-line)}
.wk-steps li{
  display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:10px 0;border-top:1px solid #1A2027;
  font-family:var(--f-mono);font-size:12.5px;color:#B9C3CC
}
.wk-steps li:first-child{border-top:0;padding-top:0}
.wk-steps i{width:10px;height:10px;border-radius:50%;border:1px solid #3A444E;background:#0E1216}
.wk-steps .done i{background:#5FD3A0;border-color:#5FD3A0}
.wk-steps .now{color:#fff;background:rgba(79,70,229,.1);margin-inline:-16px;padding-inline:16px}
.wk-steps .now i{background:var(--cta);border-color:var(--cta);box-shadow:0 0 0 3px rgba(79,70,229,.28)}
.wk-steps .later{color:#717F8C}
.wk-steps em{font-style:normal;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#717F8C}
.wk-steps .done em{color:#5FD3A0}
.wk-steps .now em{color:#C4B8FF}
.wk-run-pay{padding:14px 16px 16px;background:#10161C;min-width:0}
.wk-run-h{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#717F8C;margin-bottom:12px}
.wk-run-pay ul{list-style:none;display:grid;gap:0}
.wk-run-pay li{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 0;border-top:1px solid var(--ink-line);
  font-family:var(--f-mono);font-size:12.5px;color:#B9C3CC
}
.wk-run-pay li:first-child{border-top:0;padding-top:0}
.wk-run-pay b{color:#fff;font-weight:600}
.wk-run-pay li.hold{background:rgba(219,155,31,.08);margin-inline:-16px;padding-inline:16px}
.wk-run-cta{
  display:flex;align-items:center;justify-content:center;margin-top:14px;min-height:40px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:var(--cta)
}

.wk-sync{background:linear-gradient(180deg,#12181E 0%,#0E1216 100%);color:#DDE2E7;min-width:0}
.wk-sync-bar{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:14px 16px 12px;border-bottom:1px solid var(--ink-line)
}
.wk-sync-title{font-family:var(--f-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:#fff}
.wk-sync-meta{margin-top:3px;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#717F8C}
.wk-sync-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--ink-line)}
.wk-sync-kpis div{padding:12px 14px;border-right:1px solid var(--ink-line)}
.wk-sync-kpis div:last-child{border-right:0}
.wk-sync-kpis span{display:block;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#717F8C}
.wk-sync-kpis b{display:block;margin-top:6px;font-family:var(--f-display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em;color:#fff}
.wk-sync-kpis .risk b{color:var(--amber)}
.wk-sync-h{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#717F8C;margin-bottom:10px}
.wk-sync-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-width:0}
.wk-sync-q{padding:14px 16px 16px;border-right:1px solid var(--ink-line);min-width:0}
.wk-sync-row{
  display:grid;grid-template-columns:minmax(64px,.8fr) minmax(0,1.1fr) auto auto;
  gap:6px 8px;align-items:center;
  padding:9px 0;border-top:1px solid #1A2027;
  font-family:var(--f-mono);font-size:11.5px;color:#B9C3CC;position:relative
}
.wk-sync-row:first-of-type{border-top:0;padding-top:0}
.wk-sync-row.on{background:rgba(219,155,31,.08);margin-inline:-16px;padding-inline:16px}
.wk-sync-row .delta{font-weight:600;font-variant-numeric:tabular-nums;color:var(--amber);white-space:nowrap}
.wk-sync-row .delta.ok{color:#5FD3A0}
.wk-sync-src{padding:14px 16px 16px;background:#10161C;min-width:0}
.wk-sync-inv{font-family:var(--f-display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:#fff}
.wk-sync-line{margin-top:6px;font-family:var(--f-mono);font-size:11.5px;color:#B9C3CC}
.wk-sync-src ul{list-style:none;display:grid;gap:6px;margin-top:8px;font-family:var(--f-mono);font-size:11.5px;color:#8C98A4}
.wk-sync-cta{
  display:flex;align-items:center;justify-content:center;margin-top:14px;min-height:40px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:#0E1216;background:#5FD3A0
}
.wk-lead .stat{font-family:var(--f-display);font-weight:800;font-size:clamp(3.6rem,8vw,6rem);letter-spacing:-.06em;line-height:.82;color:var(--lime)}
.wk-lead .stat-k{display:block;margin-top:12px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#8C98A4;max-width:28ch}
.wk-lead .k{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.wk-lead h2{color:#fff;margin:10px 0 12px;max-width:16ch}
.wk-lead .lede{color:#8C98A4;max-width:42ch}

.wk-bar{
  position:sticky;top:58px;z-index:60;margin:0;
  scroll-margin-top:72px
}
body.page-work .wk-bar.wk-band{
  background:rgba(247,248,249,.96);
  border-bottom:1px solid #e6e7ea
}
@supports(backdrop-filter:blur(1px)){@media(min-width:900px){body.page-work .wk-bar.wk-band{backdrop-filter:blur(12px) saturate(1.4)}}}
body.page-work .wk-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px 20px;padding-block:12px;min-width:0}
.wk-chips-wrap{
  position:relative;flex:1;min-width:0;max-width:100%;
  --wk-fade:linear-gradient(90deg,#f7f8f9 0%,transparent 100%)
}
.wk-chips-wrap:before,.wk-chips-wrap:after{
  content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;opacity:0;
  transition:opacity .25s var(--e);z-index:2
}
.wk-chips-wrap:before{left:0;background:var(--wk-fade);transform:scaleX(-1)}
.wk-chips-wrap:after{right:0;background:var(--wk-fade)}
.wk-chips-wrap.can-left:before,.wk-chips-wrap.can-right:after{opacity:1}
.wk-scroll-hint{
  display:none;margin:0;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--steel);align-items:center;gap:6px
}
.wk-scroll-hint i{font-style:normal;color:var(--cta)}
.wk-chips{
  display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;min-width:0;max-width:100%;padding-bottom:2px;
  scroll-padding-inline:4px
}
.wk-chips::-webkit-scrollbar{display:none}
.wk-chip{
  flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:7px;
  min-height:44px;padding:8px 14px;border:1px solid #e6e7ea;border-radius:8px;white-space:nowrap;
  font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);
  background:#fff;
  transition:color var(--t-fast) var(--e),border-color var(--t-fast) var(--e),background var(--t-fast) var(--e)
}
.wk-chip u{text-decoration:none;font-size:9.5px;color:var(--steel-2)}
.wk-chip:hover{color:var(--ink);border-color:var(--steel-2)}
.wk-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.wk-chip[aria-pressed="true"] u{color:var(--amber)}
.wk-count{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);white-space:nowrap;flex:none}

.wk-index{padding-block:0}
#list{scroll-margin-top:128px;width:100%}
.wk-grid{
  display:grid;grid-template-columns:1fr;gap:24px;
  padding-block:96px
}
@media(min-width:768px){
  .wk-grid{grid-template-columns:1fr 1fr;gap:24px}
}
.wk-case{min-width:0;transition:opacity .4s var(--e),transform .4s var(--e)}
.wk-case.out{opacity:0;transform:translate3d(0,12px,0);pointer-events:none}
.wk-case[hidden]{display:none !important}
.wk-grid:not(:has(.wk-case:not([hidden]))){display:none;padding:0}

.wk-card{
  background:#fff;border:1px solid #e6e7ea;border-radius:12px;
  padding:32px 28px;display:flex;flex-direction:column;gap:20px;min-width:0;
  transition:box-shadow .4s var(--e),transform .4s var(--e),border-color .4s var(--e)
}
.wk-card:hover{
  border-color:#d4d6da;
  box-shadow:0 8px 28px rgba(14,18,22,.06);
  transform:translateY(-2px)
}
.wk-card{position:relative}
.wk-visual{
  position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;min-width:0;
  background:#f7f8f9
}
.wk-visual--web{
  display:flex;flex-direction:column;border:1px solid #e6e7ea;background:#f7f8f9
}
.wk-visual--web .wk-browser{
  display:flex;flex-direction:column;flex:1;min-height:0;height:100%;
  background:#fff;border:0;overflow:hidden;margin:0
}
.wk-visual--web .wk-browser img{
  display:block;width:100%;height:auto;flex:1 1 auto;min-height:0;
  aspect-ratio:16/10;object-fit:cover;object-position:top center;background:#f7f8f9
}
.wk-visual--product{
  background:#f7f8f9;padding:16px;display:flex;border:1px solid #e6e7ea
}
.wk-visual--product > [class^="wk-"]{
  flex:1;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;border-radius:8px
}
.wk-visual--phone{justify-content:center;align-items:center}
.wk-visual--phone .wk-care{max-height:100%;width:min(100%,240px);max-width:240px}

.wk-kicker{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cta);margin-bottom:12px}
.wk-copy h3{
  font-family:var(--f-display);font-weight:700;
  font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.2;letter-spacing:-.02em;
  color:var(--ink);max-width:22ch
}
.wk-copy h3 a:after{content:"";position:absolute;inset:0;z-index:2}
.wk-copy p{margin-top:12px}
.wk-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.wk-svc{
  margin-top:12px;
  font-family:var(--f-mono);
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--steel-2)
}
.wk-svc a{border-bottom:1px solid currentColor}
.wk-tag{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;
  padding:4px 9px;border:1px solid #e6e7ea;border-radius:999px;color:var(--steel)
}
.wk-go{
  display:inline-flex;align-items:center;gap:8px;margin-top:20px;
  font-family:var(--f-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  border-bottom:1px solid currentColor;width:fit-content;position:relative;z-index:3
}
.wk-go i{font-style:normal;transition:transform .42s var(--e)}
.wk-card:hover .wk-go i{transform:translateX(6px)}

.wk-care{
  width:100%;max-width:300px;min-width:0;
  background:linear-gradient(180deg,#161C22 0%,#0E1216 100%);color:#fff;
  padding:16px 16px 18px;border:1px solid var(--ink-line)
}
.wk-care-top{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8C98A4
}
.wk-care-name{margin-top:16px;font-family:var(--f-display);font-weight:800;font-size:1.55rem;letter-spacing:-.03em;line-height:1}
.wk-care-plan{margin-top:6px;font-size:13.5px;color:#B9C3CC}
.wk-care-next{margin-top:16px;padding:14px 0;border-block:1px solid var(--ink-line)}
.wk-care-next > span{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#717F8C}
.wk-care-who{margin-top:8px;font-family:var(--f-display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em}
.wk-care-meta{margin-top:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8C98A4}
.wk-care-rem{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 0 16px
}
.wk-care-rem p{font-size:13.5px;font-weight:600;letter-spacing:-.01em}
.wk-care-rem span{display:block;margin-top:4px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8C98A4}
.wk-care-actions{display:grid;gap:8px}
.wk-care-pri,.wk-care-sec{
  display:flex;align-items:center;justify-content:center;min-height:48px;
  font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600
}
.wk-care-pri{background:#5FD3A0;color:#0E1216}
.wk-care-sec{border:1px solid #DDE2E7;color:#fff}

.wk-brand{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);min-width:0;min-height:100%}
.wk-brand-id{
  background:var(--ink);color:#fff;padding:clamp(18px,2.4vw,28px) clamp(14px,1.8vw,22px);
  display:flex;flex-direction:column;justify-content:flex-end;min-width:0
}
.wk-brand-mono{font-family:var(--f-display);font-weight:800;font-size:clamp(2.2rem,4.2vw,3.1rem);letter-spacing:-.06em;line-height:.85;color:#fff}
.wk-brand-id-copy{min-width:0}
.wk-brand-mark{margin-top:8px;font-family:var(--f-display);font-weight:700;font-size:clamp(1rem,1.6vw,1.15rem);letter-spacing:-.03em;color:#fff}
.wk-brand-meta{margin-top:8px;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#5FD3A0}
.wk-brand-type{list-style:none;margin-top:20px;display:grid;gap:8px}
.wk-brand-type li{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-top:1px solid var(--ink-line);padding-top:8px}
.wk-brand-type span{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#8C98A4}
.wk-brand-type b{font-weight:700;font-size:13px;letter-spacing:-.02em}
.wk-brand-type li:nth-child(1) b{font-family:var(--f-display)}
.wk-brand-type li:nth-child(2) b{font-family:var(--f-body);font-weight:500;color:#C5CDD4;letter-spacing:0;text-transform:none;font-size:12px}
.wk-brand-type li:nth-child(3) b{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  background:#fff;color:var(--ink);padding:4px 8px
}
.wk-brand-pdp{background:#F4F3EE;color:var(--ink);padding:clamp(16px,2.2vw,24px);min-width:0}
.wk-brand-k{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.wk-brand-swatch{
  position:relative;margin-top:12px;aspect-ratio:4/3;overflow:hidden;
  background:linear-gradient(165deg,#E7E3D8 0%,#D4CFC3 100%);border:1px solid var(--rule)
}
.wk-brand-shirt{
  position:absolute;inset:18% 22% 12%;background:#2A333C;
  clip-path:polygon(18% 18%, 38% 8%, 50% 22%, 62% 8%, 82% 18%, 88% 100%, 12% 100%)
}
.wk-brand-shirt:after{
  content:"";position:absolute;left:50%;top:18%;width:1px;height:62%;background:rgba(255,255,255,.18);transform:translateX(-50%)
}
.wk-brand-bl{
  position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);
  font-family:var(--f-display);font-weight:800;font-size:1.35rem;letter-spacing:-.06em;color:#F4F3EE
}
.wk-brand-dots{position:absolute;right:10px;bottom:10px;display:flex;gap:5px}
.wk-brand-dots i{display:block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(14,18,22,.2);font-style:normal}
.wk-brand-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px}
.wk-brand-prod{font-family:var(--f-display);font-weight:700;font-size:1.12rem;letter-spacing:-.02em}
.wk-brand-price{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--steel)}
.wk-brand-sizes{display:flex;gap:6px;margin-top:10px}
.wk-brand-sizes span{
  min-width:32px;min-height:32px;display:grid;place-items:center;
  font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;border:1px solid var(--rule);color:var(--steel)
}
.wk-brand-sizes span.on{background:var(--ink);border-color:var(--ink);color:#fff}
.wk-brand-cta{
  display:flex;align-items:center;justify-content:center;margin-top:12px;min-height:44px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
  background:var(--ink);color:#fff
}
.wk-brand-trust{margin-top:10px;font-family:var(--f-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}

.wk-pipe,.wk-gate{background:linear-gradient(180deg,#12181E 0%,#0E1216 100%);color:#DDE2E7;min-width:0;min-height:100%}
.wk-pipe-bar,.wk-gate-bar{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:14px 14px 12px;border-bottom:1px solid var(--ink-line)
}
.wk-pipe-title,.wk-gate-title{font-family:var(--f-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:#fff}
.wk-pipe-meta,.wk-gate-meta{margin-top:3px;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#717F8C}
.wk-pipe-fc{
  flex:none;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:#5FD3A0;padding:6px 9px;border:1px solid rgba(95,211,160,.35);background:rgba(95,211,160,.1)
}
.wk-pipe-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
.wk-pipe-col{padding:12px 10px 14px;border-right:1px solid var(--ink-line);min-width:0}
.wk-pipe-col:last-child{border-right:0}
.wk-pipe-col.extra{display:none}
.wk-pipe-col p{
  display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:10px;
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#717F8C
}
.wk-pipe-col p b{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:0}
.wk-pipe-col ul{list-style:none;display:grid;gap:8px}
.wk-pipe-col li{
  padding:9px 10px;background:#161C22;border:1px solid var(--ink-line);
  font-family:var(--f-mono);font-size:11.5px;color:#B9C3CC;min-width:0
}
.wk-pipe-col li strong{display:block;color:#fff;font-weight:600;font-size:12px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-pipe-col li.risk{border-color:rgba(219,155,31,.45);background:rgba(219,155,31,.08)}
.wk-pipe-col li.risk em{color:var(--amber)}
.wk-pipe-col li em{font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8C98A4}
.wk-pipe-col li.extra{display:none}

.wk-gate-holdchip{
  flex:none;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--amber);padding:6px 9px;border:1px solid rgba(219,155,31,.4);background:rgba(219,155,31,.1)
}
.wk-gate-ticket{padding:14px 14px 12px;border-bottom:1px solid var(--ink-line);min-width:0}
.wk-gate-k{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#C4B8FF}
.wk-gate-q{margin-top:8px;font-family:var(--f-display);font-weight:700;font-size:1.02rem;letter-spacing:-.02em;color:#fff;line-height:1.25}
.wk-gate-draft{
  margin-top:10px;padding:10px 12px;background:#10161C;border:1px solid var(--ink-line);
  font-family:var(--f-mono);font-size:12px;color:#B9C3CC;line-height:1.45
}
.wk-gate-draft span{display:block;margin-bottom:6px;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#717F8C}
.wk-gate-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.wk-gate-ok,.wk-gate-no{
  display:flex;align-items:center;justify-content:center;min-height:40px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600
}
.wk-gate-ok{background:var(--cta);color:#fff}
.wk-gate-no{border:1px solid rgba(219,155,31,.45);color:var(--amber)}
.wk-gate-list{list-style:none;padding:4px 14px 12px;background:#10161C}
.wk-gate-list li{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;
  padding:10px 0;border-top:1px solid var(--ink-line);
  font-family:var(--f-mono);font-size:12px;color:#B9C3CC
}
.wk-gate-list li:first-child{border-top:0}
.wk-gate-list b{font-variant-numeric:tabular-nums;font-weight:600;color:#fff}
.wk-gate-list em{font-style:normal;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}

.wk-mkt{background:linear-gradient(180deg,#12181E 0%,#0E1216 100%);color:#DDE2E7;min-width:0;min-height:100%}
.wk-mkt-bar{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:14px 16px 12px;border-bottom:1px solid var(--ink-line)
}
.wk-mkt-title{font-family:var(--f-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:#fff}
.wk-mkt-meta{margin-top:3px;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#717F8C}
.wk-mkt-chip{
  flex:none;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:#C4B8FF;padding:6px 9px;border:1px solid rgba(183,169,255,.35);background:rgba(79,70,229,.16)
}
.wk-mkt-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--ink-line)}
.wk-mkt-kpis div{padding:12px 16px;border-right:1px solid var(--ink-line)}
.wk-mkt-kpis div:last-child{border-right:0}
.wk-mkt-kpis span{display:block;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#717F8C}
.wk-mkt-kpis b{display:block;margin-top:6px;font-family:var(--f-display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em;color:#fff}
.wk-mkt-kpis .ok b{color:#5FD3A0}
.wk-mkt-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-width:0}
.wk-mkt-h{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#717F8C;margin-bottom:10px}
.wk-mkt-vend{padding:14px 16px 16px;border-right:1px solid var(--ink-line);min-width:0}
.wk-mkt-vend ul,.wk-mkt-book ul{list-style:none}
.wk-mkt-vend li{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;
  padding:10px 0;border-top:1px solid #1A2027;
  font-family:var(--f-mono);font-size:12.5px;color:#B9C3CC
}
.wk-mkt-vend li:first-of-type{border-top:0;padding-top:0}
.wk-mkt-vend li.on{background:rgba(219,155,31,.08);margin-inline:-16px;padding-inline:16px}
.wk-mkt-vend strong{color:#fff;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk-mkt-vend em{font-style:normal;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#8C98A4}
.wk-mkt-vend li.on em{color:var(--amber)}
.wk-mkt-vend li.live em{color:#5FD3A0}
.wk-mkt-cta,.wk-mkt-ghost{
  display:flex;align-items:center;justify-content:center;margin-top:14px;min-height:40px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600
}
.wk-mkt-cta{background:var(--cta);color:#fff}
.wk-mkt-ghost{border:1px solid var(--ink-line);color:#fff}
.wk-mkt-book{padding:14px 16px 16px;background:#10161C;min-width:0}
.wk-mkt-book li{
  display:grid;grid-template-columns:4.6ch minmax(0,1fr);gap:8px 10px;align-items:baseline;
  padding:10px 0;border-top:1px solid var(--ink-line);
  font-family:var(--f-mono);font-size:12.5px;color:#B9C3CC
}
.wk-mkt-book li:first-of-type{border-top:0;padding-top:0}
.wk-mkt-book li.on{color:#fff}
.wk-mkt-book time{font-variant-numeric:tabular-nums;color:#8C98A4}
.wk-mkt-book li.on time{color:var(--cta)}
.wk-mkt-book strong{display:block;color:#fff;font-weight:600}
.wk-mkt-book span{display:block;margin-top:2px;font-size:10.5px;color:#8C98A4}

.wk-browser{
  background:#fff;border:0;overflow:hidden;min-width:0;margin:0;height:100%
}
.wk-browser-bar{
  display:flex;align-items:center;gap:6px;padding:10px 14px;
  background:#fff;border-bottom:1px solid #e6e7ea;
  font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel)
}
.wk-browser-bar i{width:8px;height:8px;border-radius:50%;background:#D4D0C8;font-style:normal;flex:none}
.wk-browser-bar i:nth-child(1){background:#E8A598}
.wk-browser-bar i:nth-child(2){background:#E8D49A}
.wk-browser-bar i:nth-child(3){background:#9BC99B}
.wk-browser-bar span{
  margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:min(100%,28ch);color:var(--steel-2,#8C98A4)
}
.wk-browser img{
  display:block;width:100%;height:auto;aspect-ratio:16/10;
  object-fit:cover;object-position:top center;background:#f7f8f9
}

.wk-empty{padding-block:64px;text-align:center}
.wk-empty[hidden]{display:none}
.wk-empty .body-sm{margin:14px auto 22px}

.wk-read{background:#f7f8f9;border-block:1px solid #e6e7ea}
.wk-read-grid{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(28px,4vw,48px);align-items:center
}
.wk-read h2{margin-top:14px}
.wk-read .lede{margin-top:12px}
.wk-markets{display:grid;gap:0;border-top:1px solid #e6e7ea;margin-top:4px}
.wk-markets a{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:16px 0;border-bottom:1px solid #e6e7ea;min-height:48px;
  transition:padding-left .4s var(--e),color .3s var(--e)
}
.wk-markets a:hover{padding-left:8px;color:var(--ink)}
.wk-markets b{font-family:var(--f-display);font-weight:700;font-size:clamp(1.05rem,1.5vw,1.2rem);letter-spacing:-.02em;color:var(--ink)}
.wk-markets span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cta)}

@media(max-width:1024px){
  .wk-lead-inner,.wk-read-grid{grid-template-columns:1fr}
  .wk-lead-frame{order:-1}
  .cta-row{align-items:flex-start}
  .wk-ff-row.wk-desk,.wk-sync-row.wk-desk,.wk-mkt-vend li.wk-desk{display:none}
}
@media(max-width:900px){
  .wk-ff-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .wk-ff-row{grid-template-columns:18px 56px 86px minmax(72px,auto);padding-inline:12px}
  .wk-lane,.wk-hide-sm{display:none}
  .wk-kpi{padding:12px 14px}
  .wk-ff-bar{padding:12px 14px}
  .wk-run-body,.wk-sync-body,.wk-brand,.wk-mkt-body{grid-template-columns:1fr}
  .wk-brand-id{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:16px 18px}
  .wk-brand-mono{font-size:2.1rem}
  .wk-brand-mark{margin-top:0}
  .wk-brand-type{display:none}
  .wk-brand-swatch{aspect-ratio:16/9}
  .wk-steps,.wk-sync-q,.wk-mkt-vend{border-right:0;border-bottom:1px solid var(--ink-line)}
  .wk-sync-row{grid-template-columns:minmax(64px,.9fr) minmax(0,1fr) auto}
  .wk-sync-row .delta{display:none}
}
@media(min-width:1180px){
  .wk-pipe-board{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .wk-bar .wrap{flex-direction:column;align-items:stretch;gap:8px;padding-block:10px 12px}
  .wk-count{align-self:flex-end;margin:0}
  .wk-scroll-hint{display:inline-flex;margin:0}
}
@media(max-width:640px){
  body.page-work .sect{padding-block:64px}
  .wk-lead-copy{padding-block:clamp(40px,8vw,64px)}
  .wk-grid{padding-block:64px;gap:20px}
  .wk-card{padding:24px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn,.cta-actions .btn{width:100%;justify-content:center;min-height:48px}
  .cta-row{flex-direction:column;align-items:stretch}
  .wk-lead .stat{font-size:3.2rem}
  .wk-lead-copy .btn{width:100%;justify-content:center}
  .wk-lead-frame:hover{transform:none}
}
@media(hover:none){
  .wk-markets a:hover{padding-left:0}
  .wk-lead-frame:hover{transform:none;box-shadow:var(--shadow-product,0 24px 56px rgba(0,0,0,.38))}
  .wk-card:hover{box-shadow:none;transform:none;border-color:#e6e7ea}
}
@media (prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important}
  [data-r],[data-s]>*{opacity:1!important;transform:none!important}
  .mask span i{transform:none!important}
  .wk-card,.wk-lead-frame{transform:none!important}
}
</style>